enough_html_editor
Slim HTML editor for Flutter with full API control and optional Flutter-based widget controls. 
API Documentation
Check out the full API documentation at https://pub.dev/documentation/enough_html_editor/latest/
Usage
The current enough_html_editor package the following widgets:
HtmlEditorthe HTML editor.HtmlEditorControlsoptional editor controls.SliverHeaderHtmlEditorControlswrapper to use the editor controls within aCustomScrollViewas a sticky header.HtmlEditorApi- not a widget - the API to control the editor, use the API to access the edited HTML text or to set the current text bold, add an unordered list, etc.PackagedHtmlEditora simple to use Widget that contains both theHtmlEditorand theHtmlEditorControls
Access API
You choose between two options to access the API:
-
Use the
onCreated(HtmlEditorApi)callback:HtmlEditor( onCreated: (api) { setState(() { _editorApi = api; }); }, ... );
You can then access the API afterwards directly, e.g.
final text = await _editorApi.getText();
-
Define and assign a
GlobalKey<HtmlEditorState>:final _keyEditor = GlobalKey<HtmlEditorState>(); Widget build(BuildContext context) { return HtmlEditor( key: _keyEditor, ... ); }
You can then access the
HtmlEditorStatevia thisGlobalKey:final text = await _keyEditor.currentState.api.getText();
Either the API or the global key is required for creating the HtmlEditorControls.
Quick Start
Use the PackagedHtmlEditor for a quick start. This contains both the default controls and the editor.
import 'package:enough_html_editor/enough_html_editor.dart';
[...]
HtmlEditorApi _editorApi;
@override
Widget build(BuildContext context) {
return PackagedHtmlEditor(
onCreated: (api) {
_editorApi = api;
},
initialContent: '''<p>Here is some text</p>
<p>Here is <b>bold</b> text</p>
<p>Here is <i>some italic sic</i> text</p>
<p>Here is <i><b>bold and italic</b></i> text</p>
<p style="text-align: center;">Here is <u><i><b>bold and italic and underline</b></i></u> text</p>
<ul><li>one list element</li><li>another point</li></ul>
<blockquote>Here is a quote<br/>
that spans several lines<br/>
<blockquote>
Another second level blockqote
</blockquote>
</blockquote>
''',
);
}
Use the HtmlEditorApi that you receive in the onCreated callback to query the final text:
// retrieve only the edited text as HTML code:
final text = await _editorApi.getText();
// retrieve the full document as HTML code:
final fullHtml = await _editorApi.getFullHtml();
Installation
Add this dependency your pubspec.yaml file:
dependencies:
enough_html_editor: ^0.0.4
The latest version or enough_html_editor is 
Features and bugs
Please file feature requests and bugs at the issue tracker.
License
Licensed under the commercial friendly Mozilla Public License 2.0.
12 Nov 18, 2022
4 Dec 20, 2022
1 Dec 15, 2021
12 Oct 24, 2022
2.8k Jan 4, 2023
445 Jan 6, 2023
7 Apr 5, 2022
111 Dec 16, 2022
190 Jan 7, 2023
214 Dec 26, 2022
5 Nov 29, 2022
116 Dec 27, 2022
0 Jan 2, 2022
200 Dec 31, 2022
1.7k Dec 30, 2022
1.7k Jan 4, 2023
1.4k Jan 4, 2023
68 Dec 16, 2022