html_viewer_elite

A Flutter widget for rendering HTML and CSS as Flutter widgets.

Installing:

Add the following to your pubspec.yaml file:

dependencies:
  html_viewer_elite: ^0.0.1

Currently Supported HTML Tags:

a	abbr	acronym	address	article	aside	audio	b	bdi	bdo	big
blockquote	body	br	caption	cite	code	data	dd	del	details	dfn
div	dl	dt	em	figcaption	figure	footer	font	h1	h2	h3
h4	h5	h6	header	hr	i	iframe	img	ins	kbd	li
main	mark	nav	noscript	ol	p	pre	q	rp	rt	ruby
s	samp	section	small	span	strike	strong	sub	sup	summary	svg
table	tbody	td	template	tfoot	th	thead	time	tr	tt	u
ul	var	video	math:	mrow	msup	msub	mover	munder	msubsup	moverunder
mfrac	mlongdiv	msqrt	mroot	mi	mn	mo

Currently Supported CSS Attributes:

background-color	color	direction	display	font-family	font-feature-settings	font-size
font-style	font-weight	height	letter-spacing	line-height	list-style-type	list-style-position
padding	margin	text-align	text-decoration	text-decoration-color	text-decoration-style	text-decoration-thickness
text-shadow	vertical-align	white-space	width	word-spacing

Currently Supported Inline CSS Attributes:

background-color	border (including specific directions)	color	direction	display	font-family	font-feature-settings
font-size	font-style	font-weight	line-height	list-style-type	list-style-position	padding (including specific directions)
margin (including specific directions)	text-align	text-decoration	text-decoration-color	text-decoration-style	text-shadow

Example Usage - Data:

Widget html = Html(
  data: """<div>
        <h1>Demo Page</h1>
        <p>This is a fantastic product that you should buy!</p>
        <h3>Features</h3>
        <ul>
          <li>It actually works</li>
          <li>It exists</li>
          <li>It doesn't cost much!</li>
        </ul>
        <!--You can pretty much put any html in here!-->
      </div>""",
);

Libraries

html_parser

html_viewer_elite

image_render

shims/dart_ui

This file shims dart:ui in web-only scenarios, getting rid of the need to suppress analyzer warnings.

shims/dart_ui_fake

shims/dart_ui_real

style