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

716

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

html_editor_enhanced

621

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.

appflowy_editor

456

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

zefyr

304

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

quill_html_editor

263

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.

text_editor

194

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

markdown_editable_textinput

186

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

flutter_code_editor

183

A customizable code field supporting syntax highlighting and code folding.

code_text_field

166

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

zefyrka

154

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

fleather

149

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

flutter_highlight

148

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

html_editor

117

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

111

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

re_editor

105

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

flutter_summernote

103

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

rich_editor

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

flutter_syntax_view

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

undo

A Undo/Redo Library for Flutter

markdown_editor_plus

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

flutter_quill_extensions

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

markdown_toolbar

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

highlight

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

syntax_highlight

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

vsc_quill_delta_to_html

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

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

simple_markdown_editor

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

json_editor_flutter

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

flutter_dartpad

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

json_editor

A json editor on flutter.

flutter_highlighter

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

syntax_highlighter

syntax highlighter for show your dart code in the application.

re_highlight

Re-Highlight is a powerful text syntax highlighting library.

codemirror

A Dart wrapper around the CodeMirror text editor.

highlighter

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

easy_debounce_throttle

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

flutter_code_view

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

flutter_quill

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.