Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Rich Text Editor Open-Source Projects
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
-
medium-editor
Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
-
ckeditor5
Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.
-
react-draft-wysiwyg
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
-
ckeditor4
The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.
-
BlockNote
A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.
-
blocksuite
🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
The Editor: The core of our app is the editor. We need an easy to use and robust rich text editor, that supports all of the features we want such as: headings, lists, placeholders, markdown, color, images, bold italic etc… For this we will use @10play/tentap-editor which is a rich text editor for react native based on Tiptap.
Trix is simple and easy to use for basic writing like a blog. It’s what Basecamp and HEY both use (it was built by 37signals and is the default in Rails)
https://trix-editor.org/
I remember using https://github.com/facebook/lexical for a project a year ago and mostly things worked our of the box.
Any reason to prefer quill?
The MediumEditor clone looks great, but I wanted a traditional toolbar and the last commit it seems was 3+ years ago.
TinyMCE provided a bit more information about this change in a GitHub discussion thread here: https://github.com/tinymce/tinymce/discussions/9496
As I posted there, this directly affects my open source project which is heavily tied to TinyMCE so I may end up forking, and reducing down to what my project needs to reduce maintenance scope & burden.
TinyMCE have been jumping around with their licensing. They were under LGPL, with some (what I believe were) misleading guidance into meeting the LGPL (they specified rules about keeping specific branding elements). They then jumped to MIT, and since moved some of the open plugins to their commercial offering. Now they're making this change.
Project mention: React + @ckeditor/ckeditor5-build-balloon-block please help me with the following issue | /r/react | 2023-10-15
UI libraries aside, the whole headless rave has spread to packages and libraries for standalone components, headless text editors like Tiptap and Platejs, headless table components like Tanstack table, and more out there to explore.
The email template settings page should provide a user interface where users can see and edit the email template. The react-quill (https://github.com/zenoamaro/react-quill) component will be used as the editor for the email template message.
Project mention: Best way to create a modal with a rich text editor inside it? | /r/reactjs | 2023-07-02Tailwind already has modal example so I assume you are looking for rich text editor. Now library to use depends what your use case for editor is. If it is for editing code or json then @monaco-editor/react fits the bill very nicely. For more general content you can use react-draft-wysiwyg . I can provide more options if you specify what the editor will be used for.
Its official GitHub page: https://github.com/froala/wysiwyg-editor
Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01We think the headless approach is a big factor in why Tiptap has become so popular, but you are right! You can't just add Tiptap to your project without styling. That's why we're always asked about a drop-in Notion-like styling. We don't offer this, but our community has built something that might help you: https://github.com/TypeCellOS/BlockNote
Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01We have been using Tiptap in production for more than a year in Notesnook[0]. Glad to see it finally launching here on HN!
We have had quite a long and rough ride in search of a stable rich text editor. We began with Quill.js then migrated to TinyMCE and then finally settled on Prosemirror. Unfortunately, contenteditable is still absolutely horrible on web browsers, especially mobile ones.
Tiptap is a good choice if you are looking for a framework agnostic and thin abstraction over Prosemirror. However, if you are primarily working with React you should go with Remirror[1]. Tiptap's APIs are heavily inspired by Remirror (almost a duplicate in some places). Remirror takes the edge on the maturity and stability of the API and extensions. The sheer number of utilities offered by them to simplify Prosemirror's APIs is astounding.
In the end, though, its Prosemirror that's doing all the heavy lifting. And no matter how many abstractions you put on it, you will have to get really, really close in with Prosemirror's internals. Tiptap or Remirror do not make that any easier or harder aside from the initial bootstrapping.
[0] https://notesnook.com
[1] https://remirror.io
Rich Text Editor related posts
- Quill – Your powerful rich text editor
- TinyMCE (also) moving from MIT to GPL
- Quill: Open-source, powerful rich text editor in JavaScript
- What are headless UI libraries?
- TinyMCE 7 - Revision History, Document Converters, Markdown and more!
- TinyMCE Dumping MIT for GPL
- Wax: The Word Processor for the Web
-
A note from our sponsor - InfluxDB
www.influxdata.com | 25 Apr 2024
Index
What are some of the best open-source Rich Text Editor projects? This list will help you:
Project | Stars | |
---|---|---|
1 | quill | 41,021 |
2 | slate | 28,980 |
3 | tiptap | 23,734 |
4 | trix | 18,668 |
5 | lexical | 17,307 |
6 | medium-editor | 15,983 |
7 | Etherpad | 15,824 |
8 | TinyMCE | 14,367 |
9 | pell | 11,899 |
10 | milkdown | 8,310 |
11 | ckeditor5 | 8,192 |
12 | plate | 7,782 |
13 | react-quill | 6,488 |
14 | react-draft-wysiwyg | 6,354 |
15 | ckeditor4 | 5,769 |
16 | Froala Editor | 5,210 |
17 | BlockNote | 5,160 |
18 | react-ace | 3,963 |
19 | Trumbowyg | 3,928 |
20 | blocksuite | 3,775 |
21 | awesome-wysiwyg-editors | 2,785 |
22 | remirror | 2,606 |
23 | flutter-quill | 2,351 |
Sponsored