flutter_html_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Plugin, das die Darstellung von HTML-Inhalten als native Widgets innerhalb einer Flutter-Anwendung ermöglicht. Da Flutter keine native Unterstützung für HTML-Rendern bietet, schließt dieses Paket die Lücke, indem es HTML-Zeichenketten analysiert und in entsprechende Flutter-Widgets konvertiert. Es unterstützt grundlegende HTML-Tags und CSS-Styling, wodurch es ideal für die Anzeige formatierten Texts, Blogbeiträge oder dynamischen Inhalts aus Webquellen ist. Das Paket ist leichtgewichtig und lässt sich nahtlos in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

Formatierten Blog-Inhalt anzeigen
Dynamisches HTML aus APIs rendern
Reiches Text in Apps anzeigen
Benutzerdefiniertes HTML einbetten
Einfache webähnliche Schnittstellen erstellen

Hauptmerkmale

HTML-zu-Widget-Konvertierung
Grundlegende CSS-Unterstützung
Leicht und schnell
Einfache Integration mit Flutter
Unterstützt gängige HTML-Tags

Geeignet für

Apps, die reichhaltige Textanzeige benötigen
inhaltsintensive Anwendungen
Einfache Web-Inhaltsdarstellung
Entwickler, die mit HTML-Daten arbeiten
Projekte mit minimalen Abhängigkeiten

Hinweise

Eingeschränkter fortgeschrittener CSS-Unterstützung
Keine JavaScript-Ausführung
Nicht geeignet für komplexe Webseiten
Sicherheitsrisiken bei unvertrauenswürdigem HTML
Die Leistung kann bei großem HTML-Inhalt abnehmen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Flutter Plugin to render html as a Widget,

Refer this for full support of inline webview for android and iOS

Flutter has no default support to render html so this package helps you to render your html to native widgets

Video tag support added
Links are clickable now

Supported Tags

p
em
b
img
video
h1, h2, h3, h4, h5, h6

Note

This plugin converts some of the html tags to flutter widgets

This plugin does't support rendering full html code (there is no built in support for web rendering in flutter)

How to Use

dependencies:
  flutter_html_view: ^0.5.11


import 'package:flutter_html_view/flutter_html_view.dart';

String html = '<body>Hello world! <a href="www.html5rocks.com">HTML5 rocks!';

new HtmlView(
  data: html,
  baseURL: "", // optional, type String
  onLaunchFail: (url) { // optional, type Function
    print("launch $url failed");
  },
  scrollable: false, //false to use MarksownBody and true to use Marksown
)

MarkdownStyleSheet

styleSheet: MarkdownStyleSheet(

),

styleOptions

The default and available style options:

Name	Default	Options
headingStyle	"setext"	"setext", "atx"
hr	"* * *"	"* * *", "- - -", "_ _ _"
bulletListMarker	"*"	"*", "-", "_"
codeBlockStyle	"indented"	"indented", "fenced"
fence	"```"	"```", "~~~"
emDelimiter	"_"	"_", "*"
strongDelimiter	"**"	"**", "__"
linkStyle	"inlined"	"inlined", "referenced"
linkReferenceStyle	"full"	"full", "collapsed", "shortcut"

iOS

Warning: The video player is not functional on iOS simulators. An iOS device must be used during development/testing.

Add the following entry to your Info.plist file, located in <project root>/ios/Runner/Info.plist:

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

This entry allows your app to access video files by URL.

Android

Ensure the following permission is present in your Android Manifest file, located in `/android/app/src/main/AndroidManifest.xml:

<uses-permission android:name="android.permission.INTERNET"/>

Thanks to

@Katran

Pakete, Repositories und App-Kategorien suchen