adjusted_html_view_web

Description:

adjusted html view web

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(),
)
copied to clipboard
Additional information #
Impossible now #

Placing multiple AdjustedHtmlView on one screen