Callbacks
onTapUrl: return true to indicate the URL tap was handled; when not handled and the URL is an in-page anchor (e.g.
#id or ${baseUrl}#id), it scrolls to the anchor automatically.
onTapImage: receives ImageMetadata; access the first source via image.sources.first.url.
onLoadingBuilder: shown while the widget/image is loading; receives loadingProgress (0.0–1.0 or null).
onErrorBuilder: shown when a complex element fails to render; receives the thrown error.
Features
HTML tags
Below tags are the ones that have special meaning / styling, all other tags will be parsed as text. Compare between Flutter rendering and browser's.
A: underline, theme accent color
Scroll to anchor
Launch URL via url_launcher with base URL resolver
AUDIO via just_audio
H1/H2/H3/H4/H5/H6
IFRAME via webview_flutter
IMG with support for asset (asset://), data uri, local file (file://) and network image via cached_network_image. Additional .svg file support via flutter_svg.
LI/OL/UL with support for:
Attributes: type, start, reversed
Inline style list-style-type values: lower-alpha, upper-alpha, lower-latin, upper-latin, circle, decimal, disc, lower-roman, upper-roman, square
TABLE/CAPTION/THEAD/TBODY/TFOOT/TR/TD/TH with support for:
TABLE attributes border, cellpadding, cellspacing
TD/TH attributes colspan, rowspan, valign
Table is scrollable if columns are too wide
SVG via flutter_svg
VIDEO via chewie
ABBR, ACRONYM, ADDRESS, ARTICLE, ASIDE, B, BIG, BLOCKQUOTE, BR, CENTER, CITE, CODE, DD, DEL, DETAILS, DFN, DIV, DL, DT, EM, FIGCAPTION, FIGURE, FONT, FOOTER, HEADER, HR, I, INS, KBD, MAIN, MARK, NAV, NOSCRIPT, P, PRE, Q, RP, RT, RUBY, S, SAMP, SECTION, SMALL, STRIKE, STRONG, STYLE, SUB, SUMMARY, SUP, TT, U, VAR
Everything with screenshot:
https://demo.fwfh.dev/supported/tags.html
Try with fwfh.dev
These tags and their contents will be ignored:
SCRIPT
STYLE
Attributes
dir: auto/ltr/rtl
Inline stylings
Callbacks
onTapUrl: return true to indicate the URL tap was handled; when not handled and the URL is an in-page anchor (e.g. #id or ${baseUrl}#id), it scrolls to the anchor automatically.
onTapImage: receives ImageMetadata; access the first source via image.sources.first.url.
onLoadingBuilder: shown while the widget/image is loading; receives loadingProgress (0.0–1.0 or null).
onErrorBuilder: shown when a complex element fails to render; receives the thrown error.
Features
HTML tags
Below tags are the ones that have special meaning / styling, all other tags will be parsed as text. Compare between Flutter rendering and browser's.
A: underline, theme accent color
Scroll to anchor
Launch URL via url_launcher with base URL resolver
AUDIO via just_audio
H1/H2/H3/H4/H5/H6
IFRAME via webview_flutter
IMG with support for asset (asset://), data uri, local file (file://) and network image via cached_network_image. Additional .svg file support via flutter_svg.
LI/OL/UL with support for:
Attributes: type, start, reversed
Inline style list-style-type values: lower-alpha, upper-alpha, lower-latin, upper-latin, circle, decimal, disc, lower-roman, upper-roman, square
TABLE/CAPTION/THEAD/TBODY/TFOOT/TR/TD/TH with support for:
TABLE attributes border, cellpadding, cellspacing
TD/TH attributes colspan, rowspan, valign
Table is scrollable if columns are too wide
SVG via flutter_svg
VIDEO via chewie
ABBR, ACRONYM, ADDRESS, ARTICLE, ASIDE, B, BIG, BLOCKQUOTE, BR, CENTER, CITE, CODE, DD, DEL, DETAILS, DFN, DIV, DL, DT, EM, FIGCAPTION, FIGURE, FONT, FOOTER, HEADER, HR, I, INS, KBD, MAIN, MARK, NAV, NOSCRIPT, P, PRE, Q, RP, RT, RUBY, S, SAMP, SECTION, SMALL, STRIKE, STRONG, STYLE, SUB, SUMMARY, SUP, TT, U, VAR
Everything with screenshot: https://demo.fwfh.dev/supported/tags.html
Try with fwfh.dev
These tags and their contents will be ignored:
SCRIPT
STYLE
Attributes
dir: auto/ltr/rtl
Inline stylings
Arabic
French
Spanish
Portuguese
Deutsch
Turkish
Dutch
Italiano
Russian
Romaian
Portuguese (Brazil)
Greek