A rich text editor for Flutter

Rich_TextField_Editor is a rich text editor and a Quill component for Flutter.

Rich_TextField_Editor is extended version of FlutterQuill

This library is a WYSIWYG editor built for the modern mobile platform, with web compatibility under development.

Usage

See the example directory for a minimal example of how to use Rich_TextField_Editor. You typically just need to instantiate a controller:


child : QuillToolbar.basic(
                        // height :52,
                        controller: _controller,
                        padding: EdgeInsets.all(7),
                        decoration: BoxDecoration(
                            color: MyColor.blueContainer,
                            borderRadius: BorderRadius.circular(5)),
                        showColorButton: true,
                        height: 80,
                        showBackgroundColorButton: false,
                        showHeaderStyle: false,
                        showQuote: false,
                        showIndent: false,
                        showHistory: false,
                        showImageButton: true,
                        showVideoButton: false,
                        showLink: true,
                        multiRowsDisplay: true,
                        showCodeBlock: true,
                        showInlineCode: false,
                        showListBullets: true,
                        showListCheck: false,
                        showListNumbers: true,
                        iconTheme: QuillIconTheme(
                          iconSelectedColor: MyColor.white,
                          iconUnselectedFillColor: MyColor.blueBody,
                          iconSelectedFillColor: MyColor.gradientEnd,
                          iconUnselectedColor: MyColor.greenDark,
                        ),
                      ),
                    ),

Input / Output

This library uses Quill as an internal data format.

Use _controller.document.toDelta() to extract the deltas.
Use _controller.document.toPlainText() to extract plain text.

FlutterQuill provides some JSON serialisation support, so that you can save and open documents. To save a document as JSON, do something like the following:

var json = jsonEncode(_controller.document.toDelta().toJson());

Libraries

models/documents/attribute: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/document: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/history: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/nodes/block: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/nodes/container: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/nodes/embed: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/nodes/leaf: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/nodes/line: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/nodes/node: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/documents/style: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/quill_delta: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/rules/delete: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/rules/format: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/rules/insert: files should be located in the src folder, https://bit.ly/3fA23Yz.
models/rules/rule: files should be located in the src folder, https://bit.ly/3fA23Yz.
rich_textfield_editor
utils/color: files should be located in the src folder, https://bit.ly/3fA23Yz.
utils/diff_delta: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/box: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/controller: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/cursor: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/default_styles: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/delegate: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/editor: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/image: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/keyboard_listener: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/proxy: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/raw_editor: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/raw_editor/raw_editor_state_keyboard_mixin: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/raw_editor/raw_editor_state_selection_delegate_mixin: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/raw_editor/raw_editor_state_text_input_client_mixin: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/simple_viewer: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/text_block: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/text_line: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/text_selection: files should be located in the src folder, https://bit.ly/3fA23Yz.
widgets/toolbar: files should be located in the src folder, https://bit.ly/3fA23Yz.

A rich text editor for Flutter

Usage

Input / Output

Libraries

rich_textfield_editor package