image

Rich text editor libraries

Notable open-source libraries for rich text editing on modern web

Content creation has been at the core to the web since its beginning. The provides a native and essential solution to almost any web application. But at some point you may need to add formatting to text input. This is where rich text editors come in.


Quill

image

quilljs.com

Quill is a modern rich text editor built for compatibility and extensibility, comes ready to use in several convenient forms like cdn, npm, build, and source.

Draft.js

image

draftjs.org

Draft.js is a rich text editor framework for React, provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media.

Slate

image

slatejs.org

Slate is a completely customizable framework for building rich text editors. It lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs.

Trix

image

trix-editor.org

Trix is a rich text editor made by Basecamp, features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

Editor.js

image

editorjs.io

Editor.js is a block-styled editor for rich media stories. It outputs clean data in JSON instead of heavy HTML-markup. And more important thing is that Editor.js is designed to be API extendable and pluggable.

MediumEditor

image

yabwe.github.io

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

Tiptap

image

tiptap.dev

Tiptap is a renderless and extendable rich-text editor for Vue.js, with renderless components you'll have (almost) full control over markup and styling.