Next text editor

- A list of modern JavaScript editor frameworks for web applications

Lately, rich text editors has become quite popular, in fact, many of the biggest software companies have created their own editors, for example Facebook created Draft.js and Basecamp created trix. Even Slack have created their own, although it's not available as open source.

Here is a list of the serious, modern and flexible editors I know of, with direct links to website, github repo and how to get started.

Quill

27268

899

August 10, 2020

Quill is a modern rich text editor built for compatibility and extensibility. It was created by Jason Chen and Byron Milligan and open sourced by Salesforce.com.

Quill is a modern WYSIWYG editor built for compatibility and extensibility.
Draft.js

18601

713

August 10, 2020

Draft.js is created by Facebook. It's described as a framework for building rich text editor in React. Like React is it based on an immutable model. If you are used to, and if you like React, this framework will be a nice fit for you text editor.

A React framework for building text editors.
Slate

18277

288

August 09, 2020

Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Canvas—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity.

A completely customizable framework for building rich text editors. (Currently in beta.)
Trix

15363

48

August 10, 2020

Trix is created and released by Basecamp. You can easily use Trix to create editors for lists, comments, blog posts and articles. You can create editors that support embeded content and with its own document model you will always get consistent output.

A rich text editor for everyday writing
Prosemirror

4616

66

August 10, 2020

A very competent editor with support for real time collaboration. Good documentation and information.

The ProseMirror WYSIWYM editor
ContentTools

3738

89

August 07, 2020

ContentTools is not really an text editor, it's more like a HTML/WYSIWYG kind of editor. Simply add an attribute to you existing DOM-model and you can now start to edit that content.

A JS library for building WYSIWYG editors for HTML content.
CKEditor5

3698

1410

August 10, 2020

CKEditor 5 is a modular, multi-package, multi-repository project. It consists of a several packages which create the editing framework, based on which the feature packages are implemented.

Powerful rich text editor framework with a modular architecture, modern integrations and features like collaborative editing.
Scribe

3590

109

August 08, 2020

Scribe is an editor created and released be the newspaper The Guardian. This is probably the oldest editor/framework in the list. It do no use an own document model but instead fixes the browser differences in contentEditable.

DEPRECATED: A rich text editor framework for the web platform
Substance

2710

38

August 07, 2020

Substance is one of the most advanced and flexible editors, yet it's easy to understand the main concepts. The component model is based on a virtual DOM and it's very similar to React.

A JavaScript library for web-based content editing.
Mobiledoc-kit

1386

65

August 09, 2020

Mobiledoc-kit is a library for building WYSIWYG editors. It has its own format which is called mobiledoc and is a JSON based format.

A toolkit for building WYSIWYG editors with Mobiledoc

Subscribe to get the latest updates on texttexteditor.com

About this page
I've created this page because I have an interest for text editors. The reason for this interest is mostly my daytime job, which I spend developing an editor for newspapers. The last couple of years it has happended a lot in this field, so I thought I create a list of the editors I know of and share that list with you.

I guess this is the MVP version of this page, I already have a lot more planned, but for now, we will stick with this list. Perhaps in the next version I'll collect more data, write some guides on how to get started.

The page is hosted at Github Pages