Editor & Syntax Highlighter

Top Flutter Editor and Syntax Highlighter packages A rich text editor (RTE) widget is a supercharged Multiline text field that allows users to format, and edit text with a variety of font styles, colors, hyperlinks, hashtags, @handles and images. Sometimes they also support amrkdown, HTML and CSS, making them a powerful tool for creating content. A Code editor is specially designed widget for editing code or computer program in a Flutter app. It also provides syntax highlighting to help programmers identify and correct errors in their code. Some also include code completion, which can automatically insert code based on what the programmer is typing. The complete list of Flutter packages that can be used to add a Code Editor, Rich Text Editor or Syntax Highlighter in a Flutter app is provided below.

super_editor

743

Configurable, composable, extensible text editor and document renderer for Flutter.

super_editor

html_editor_enhanced

632

HTML rich text editor for Android, iOS, and Web, using the Summernote library. Enhanced with highly customizable widget-based controls, bug fixes, callbacks, dark mode, and more.

html_editor_enhanced

appflowy_editor

477

A highly customizable rich-text editor for Flutter. The AppFlowy Editor project for AppFlowy and beyond.

appflowy_editor

zefyr

305

Clean, minimalistic and collaboration-ready rich text editor for Flutter.

quill_html_editor

272

HTML rich text editor for Android, iOS, and Web, it is built with the powerful Quill Js library. Which is an open source WYSIWYG editor built for the modern web.

quill_html_editor

flutter_code_editor

204

A customizable code field supporting syntax highlighting and code folding.

text_editor

196

An Instagram like text editor Flutter widget that helps you to change your text style.

text_editor

markdown_editable_textinput

187

A TextField Widget that allow you to convert easily what's in the TextField to Markdown.

markdown_editable_textinput

fleather

168

Clean, minimalistic and collaboration-ready rich text editor for Flutter.

fleather

code_text_field

168

A customizable code field supporting syntax highlighting, bi-directionnal scrolling and code modifiers

code_text_field

zefyrka

156

Clean, minimalistic and collaboration-ready rich text editor for Flutter based on Zefyr package.

zefyrka

flutter_highlight

151

Syntax highlighting widget for Flutter with lots of languages and themes support.

re_editor

120

Re-Editor is a powerful lightweight text and code editor widget.

re_editor

html_editor

118

Flutter HTML Editor is a text editor for android and iOS to help write WYSIWYG HTML code based on the Summernote javascript wrapper

code_editor

114

A code editor (dart, js, html,...) for Flutter with syntax highlighting and custom theme.

code_editor

flutter_summernote

105

Text Editor in Flutter for Android and iOS to help free write WYSIWYG HTML code based on Summernote 0.8.18 javascript wrapper.

flutter_summernote

flutter_syntax_view

94

A static syntax highlighter widget which highlights code text according to the programming language syntax using native Dart code.

rich_editor

90

WYSIWYG editor for Flutter with a rich set of supported formatting options.

rich_editor

undo

84

A Undo/Redo Library for Flutter

markdown_editor_plus

67

A TextField Widget that allow you to convert easily what's in the TextField to Markdown with custom toolbar support.

flutter_quill_extensions

67

Embed extensions for flutter_quill including image, video, formula and etc.

markdown_toolbar

56

A customizable toolbar to enhance your experience of writing Markdown in Flutter apps.

markdown_toolbar

highlight

55

Syntax highlighting for Dart with lots of languages and themes support.

syntax_highlight

54

Syntax highlighting in the style of VSCode for Flutter, takes a string and returns a formatted TextSpan.

syntax_highlight

vsc_quill_delta_to_html

45

A robust Quill Delta to HTML converter. This is a complete port of the popular quill-delta-to-html Typescript/Javascript package to Dart.

rich_code_editor

34

Now create your own rich code editor with syntax highlight support in Flutter.

simple_markdown_editor

33

A TextField Widget that allow you to convert easily what's in the TextField to Markdown.

json_editor_flutter

28

Edit your JSON object with the help of this package. Create and delete objects using this user friendly widget.

json_editor_flutter

flutter_highlighter

23

Syntax highlighting widget for Flutter with lots of languages and themes support.

flutter_dartpad

22

A Dartpad widget which can be embed with mobile application. It supports all the designs provided in dartpad embedding guide.

json_editor

22

A json editor on flutter.

json_editor

re_highlight

20

Re-Highlight is a powerful text syntax highlighting library.

re_highlight

syntax_highlighter

20

syntax highlighter for show your dart code in the application.

codemirror

19

A Dart wrapper around the CodeMirror text editor.

highlighter

6

Syntax highlighting for Dart with lots of languages and themes support.

easy_debounce_throttle

5

An easy-to-use flutter package that provides debounce and throttle with Stream and WidgetBuilder.

flutter_code_view

1

A Flutter package for displaying and highlighting code snippets with syntax highlighting and customizable themes.

flutter_quill

0

A rich text editor built for the modern Android, iOS, web and desktop platforms. It is the WYSIWYG editor and a Quill component for Flutter.

flutter_quill