hyper_render_html 1.2.0 copy "hyper_render_html: ^1.2.0" to clipboard
hyper_render_html: ^1.2.0 copied to clipboard

HTML parsing plugin for HyperRender. Converts HTML content to UDT with full CSS support.

hyper_render_html #

HTML parsing plugin for HyperRender. Converts HTML + CSS into the Universal Document Tree consumed by hyper_render_core.


Installation #

dependencies:
  hyper_render_core: ^1.2.0
  hyper_render_html: ^1.2.0

Usage #

Parse HTML #

import 'package:hyper_render_core/hyper_render_core.dart';
import 'package:hyper_render_html/hyper_render_html.dart';

final document = HtmlContentParser().parse('''
  <h1>Welcome</h1>
  <p>This is <strong>bold</strong> and <em>italic</em> text.</p>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
  </ul>
''');

HyperRenderWidget(document: document)

Custom CSS #

final document = HtmlContentParser().parseWithOptions(
  '<div class="card"><h2>Title</h2><p>Content</p></div>',
  customCss: '''
    .card { background: #f5f5f5; padding: 16px; border-radius: 8px; }
    .card h2 { color: #333; margin-bottom: 8px; }
  ''',
);

Base URL (resolves relative paths) #

final document = HtmlContentParser().parseWithOptions(
  '<img src="/images/photo.jpg">',
  baseUrl: 'https://example.com',
);
// <img> src resolved to: https://example.com/images/photo.jpg

Supported HTML #

Block: h1h6, p, div, article, section, blockquote, pre, ul, ol, li, table, tr, td, th, details, summary, hr, dl, dt, dd

Inline: a, strong, b, em, i, u, s, del, ins, code, kbd, sup, sub, ruby, rt, span, br

Media: img, video (poster placeholder), audio (placeholder)


Supported CSS #

Box model: width, height, min/max-width, min/max-height, margin, padding, border, border-radius, box-shadow

Typography: color, font-size, font-weight, font-style, font-family, line-height, letter-spacing, text-align, text-decoration, text-transform, vertical-align

Layout: display (block, inline, inline-block, flex, grid, none), float, clear, overflow, position (static, relative)

Visual: background-color, background-image, opacity, transform, filter, backdrop-filter

CSS features: custom properties (var()), calc(), @keyframes, specificity cascade, inheritance


License #

MIT — see LICENSE.

2
likes
160
points
307
downloads

Documentation

API reference

Publisher

verified publisherbrewkits.dev

Weekly Downloads

HTML parsing plugin for HyperRender. Converts HTML content to UDT with full CSS support.

Homepage
Repository (GitHub)
View/report issues

Topics

#flutter #html-renderer #html-parser #css #xss-sanitization

License

MIT (license)

Dependencies

csslib, flutter, html, hyper_render_core

More

Packages that depend on hyper_render_html