Need help with FlutterHtmlView?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ponnamkarthik
230 Stars 99 Forks Apache License 2.0 106 Commits 43 Opened issues

Description

Flutter Plugin to render html as a Widget

Services available

!
?

Need anything else?

Contributors list

# 56,212
Dart
Kotlin
Flutter
flutter...
47 commits
# 75,799
Dart
redux-s...
Redux
dva
5 commits
# 516,945
Dart
Kotlin
5 commits
# 479,261
HTML
Dart
3 commits
# 531,122
Dart
Kotlin
2 commits
# 588,718
Dart
Kotlin
2 commits
# 126,855
Scala
dotty
pretty-...
jvm
2 commits
# 597,170
Dart
Kotlin
1 commit
# 315,218
C
raspber...
Linux
Dart
1 commit
# 476,320
angular...
angular...
angular...
angular...
1 commit
# 44,593
Vue.js
Shell
Go
Android
1 commit
# 183,757
Kotlin
data-fl...
Shell
caching
1 commit
# 664,072
Dart
Kotlin
1 commit
# 132,464
Android
Dart
Kotlin
1 commit
# 197,926
PHP
Vim
Dart
stream
1 commit

flutterhtmlview

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 = 'Hello world! 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

/ios/Runner/Info.plist
:
NSAppTransportSecurity

  NSAllowsArbitraryLoads
  

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:


Thanks to

@Katran

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.