v0.5.12
flutter_html_view
Flutter 插件用於渲染 HTML，Flutter 沒有預設支援渲染 HTML，因此此套件可幫助您將 HTML 渲染為原生元件
26喜歡 69近 30 天下載40Pub 分數
平台暫無資料
ponnamkarthik/FlutterHtmlView
將 HTML 渲染為 Widget 的 Flutter 插件
- Stars
- 241
- Forks
- 104
- 最近推送（UTC）
- 2020年2月19日
- 專案狀態
- 未封存
GITHUB User
Karthik Ponnam ↗
語言DartObjective-CKotlin
此儲存庫發佈的套件
使用的依賴
依賴清單 7 項
- flutter
{"sdk":"flutter"} - flutter_custom_tabs
^0.6.0 - html
^0.13.3+3 - video_player
0.10.0+2 - cached_network_image
^0.7.0 - flutter_markdown
^0.2.0 - html2md
^0.3.0
原始 README
以下為英文專案原文快照，最新內容請造訪 GitHub。
展開 / 收合專案 README
flutter_html_view
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"/>