adjusted_html_view_web

THIS PACKAGE WORKS ONLY ON THE WEB.

Features

This package provides a more natural HTML display with Flutter on the Web. Because it is displayed in a Platform View instead of an iframe, you get the following benefits:

Display according to the height of HTML display
- ex) possible to mix HTML in Column
Text selection
Natural scrolling
Custom CSS

Try it on: https://organic-nailer.github.io/adjusted_html_view_web/#/

This package is for

Developers that are using Flutter on the Web
want to use HTML for parts that cannot be expressed by widgets
want to display Rich Text passed by CMS etc

This package is NOT for

Developers that are using Flutter on Mobile or Desktop
want to display specific sites
want to display contents with WebView

Usage

Use AdjustedHtmlView with passing richText string to htmlText. You can select the security level by HtmlValidator.

const sampleRichText = """
<h1 id="hf19cd910e2">Heading 1</h1>
<p>Flutter is an open-source UI software development kit created by Google.</p>
""";

AdjustedHtmlView(
    htmlText: sampleRichText,
    htmlValidator: HtmlValidator.loose(),
)

Additional information

Impossible now

Placing multiple AdjustedHtmlView on one screen