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. Learn more →
Top 23 TypeScript Rich Text Editor 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.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
-
-
-
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.
-
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.
-
-
-
-
element-tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue3 (1.0 for Vue2)
-
-
-
bangle-editor
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Release Radar · April 2024 Edition: Major updates from the open source community | dev.to | 2024-05-03Speaking of text, here's another one for you. Quill is a rich text editor also built for compatibility and extensibility. The latest version prevents mistakenly overriding theme default toolbar settings, and Quill is now a valid ESM package for better ecosystem. There's nested Quill support, improved spelling support, and improved support for pasting from Google Docs and Microsoft Word. Check out all the changes on the Slab website.
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.
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?
Project mention: Best FrontEnd & New ReUsable Component Libraries For React JS 2024. | dev.to | 2024-05-07Plate.js
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
I use https://xdsoft.net/jodit/
These reasons (and many others) are why I decided to create Vrite - an open-source developer content platform.
View on GitHub
Project mention: Check out the Yoopta Editor: An open-source WYSIWYG setting new standards | news.ycombinator.com | 2024-05-22It’s packed with features that let you build an editor as powerful and user-friendly as Notion, Craft, Coda, Medium etc
Link: https://github.com/Darginec05/Yoopta-Editor
I am working on a project where I only want to use one 3rd party source (Material UI) to reduce the the build size of my application. I did a bit of research and found this repo github link . It looks like it is a Material UI rich text editor for React apps and it doesn't look like it is still maintained. My question now is does anyone know if Material UI supports a Rich Text Editor? I should also say I tried CKEditor (free tier) but I ran into an issue on running `ng serve --configuration development` depends on '@ckeditor/ckeditor5-build-classic'. CommonJS or AMD dependencies can cause optimization bailouts.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Rich Text Editor related posts
-
Check out the Yoopta Editor: An open-source WYSIWYG setting new standards
-
HugeMCE forks the last TinyMCE MIT license
-
TinyMCE 7.1 Release Notes - Overview
-
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?
-
A note from our sponsor - SurveyJS
surveyjs.io | 1 Jun 2024
Index
What are some of the best open-source Rich Text Editor projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | quill | 41,793 |
| 2 | slate | 29,107 |
| 3 | tiptap | 24,181 |
| 4 | lexical | 17,602 |
| 5 | TinyMCE | 14,486 |
| 6 | milkdown | 8,391 |
| 7 | plate | 8,194 |
| 8 | BlockNote | 5,445 |
| 9 | react-ace | 3,972 |
| 10 | blocksuite | 3,954 |
| 11 | remirror | 2,638 |
| 12 | ngx-quill | 1,746 |
| 13 | jodit | 1,596 |
| 14 | react-contenteditable | 1,577 |
| 15 | react-simple-code-editor | 1,512 |
| 16 | vrite | 1,516 |
| 17 | element-tiptap | 1,253 |
| 18 | angular-froala-wysiwyg | 728 |
| 19 | stylo | 715 |
| 20 | verbum | 696 |
| 21 | bangle-editor | 619 |
| 22 | Yoopta-Editor | 665 |
| 23 | mui-rte | 429 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com