Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Rich Text, Markdown and HTML Editor packages

Last updated: February 15, 2024

Rich Text, Markdown, and HTML editors are tools used for creating and formatting text content. Each serves a different purpose and caters to different levels of complexity and control over the presentation of text.

A rich text editor is a text processing tool that allows users to create and format text with features beyond plain text. It often provides a user-friendly interface with buttons or menus for formatting options. It typically supports various text formatting options, such as bold, italic, underline, font styles, colors, and sometimes more advanced features like tables and images. It is commonly used in applications where users need a WYSIWYG (What You See Is What You Get) experience, such as word processors, content management systems (CMS), and email clients.

Markdown is a lightweight markup language designed to be easy to read and write. It is simple and focuses on ease of use. It uses special characters and indentation to denote formatting elements like headers, lists, links, and emphasis (bold or italic). It is widely used for writing documentation, README files on code repositories (e.g., on GitHub), and in situations where a simple and human-readable markup language is preferred. Markdown Editors have the built-in capability of rendering previews while one is typing which makes the verification of the format of the end content much easier.

An HTML (Hypertext Markup Language) editor is a tool that facilitates the creation and editing of HTML code, the standard markup language for creating web pages. They often provide syntax highlighting, code completion, and other features to assist developers in writing valid HTML code. Some HTML editors also offer a WYSIWYG mode for users who prefer a visual representation of the page.

The complete list of Flutter packages that can be used to add a Rich Text Editor, Markdown Editor or HTML Editor in your Flutter app is provided below.


flutter_quill Card Image
flutter_quill
Dart 3 compatible 👍 1.45K
Maintenance Status: Good

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.

appflowy_editor Card Image
appflowy_editor
Dart 3 compatible 👍 280
Maintenance Status: Good

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

quill_html_editor Card Image
quill_html_editor
Dart 3 compatible 👍 178
Maintenance Status: Good

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.

rich_editor Card Image
rich_editor
Dart 3 compatible 👍 78
Maintenance Status: Good

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

undo
Dart 3 compatible 👍 75
Maintenance Status: Good

A Undo/Redo Library for Flutter

fleather Card Image
fleather
Dart 3 compatible 👍 53
Maintenance Status: Good

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

custom_text Card Image
custom_text
Dart 3 compatible 👍 36
Maintenance Status: Good

Highly customisable text widget and controller to enable styling and gesture actions.

flutter_quill_extensions
Dart 3 compatible 👍 35
Maintenance Status: Good

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

markdown_toolbar Card Image
markdown_toolbar
Dart 3 compatible 👍 33
Maintenance Status: Good

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

vsc_quill_delta_to_html
Dart 3 compatible 👍 28
Maintenance Status: Good

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

html_editor_enhanced Card Image
html_editor_enhanced
Dart 3 compatible 👍 537
Maintenance Status: Average

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.

markdown_editable_textinput Card Image
markdown_editable_textinput
Dart 3 compatible 👍 176
Maintenance Status: Average

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

flutter_summernote Card Image
flutter_summernote
Dart 3 compatible 👍 92
Maintenance Status: Average

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

markdown_editor_plus
Dart 3 compatible 👍 33
Maintenance Status: Average

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

simple_markdown_editor
Dart 3 compatible 👍 33
Maintenance Status: Poor

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

super_editor
👍 591
Maintenance Status: Good

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

zefyrka
👍 147
Maintenance Status: Good

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

zefyr
👍 305
Maintenance Status: Poor

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

html_editor
👍 117
Maintenance Status: Poor

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