hyper_render_highlight

Syntax highlighting plugin for HyperRender. Powered by flutter_highlight — 180+ languages, 10 built-in themes.


Installation

dependencies:
  hyper_render_core: ^1.2.0
  hyper_render_highlight: ^1.2.0

Usage

With HTML

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

final document = HtmlContentParser().parse('''
  <pre><code class="language-dart">
  void main() {
    print('Hello, World!');
  }
  </code></pre>
''');

HyperRenderWidget(
  document: document,
  codeHighlighter: FlutterHighlightCodeHighlighter(),
)

Custom theme

final highlighter = FlutterHighlightCodeHighlighter(
  theme: HighlightTheme.dracula,
);

Available themes

Theme Style
HighlightTheme.vs2015 Visual Studio 2015 dark (default)
HighlightTheme.atomOneDark Atom One Dark
HighlightTheme.atomOneLight Atom One Light
HighlightTheme.github GitHub light
HighlightTheme.githubDark GitHub dark
HighlightTheme.monokaiSublime Monokai Sublime
HighlightTheme.dracula Dracula
HighlightTheme.nord Nord
HighlightTheme.solarizedDark Solarized Dark
HighlightTheme.solarizedLight Solarized Light

Supported languages

180+ languages. Query at runtime:

print(FlutterHighlightCodeHighlighter().supportedLanguages);
// {dart, javascript, typescript, python, go, rust, swift, kotlin, ...}

License

MIT — see LICENSE.

Libraries

hyper_render_highlight
HyperRender Highlight - Syntax Highlighting Plugin