Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge. Learn more →
Top 23 TypeScript Rich Text Editor Projects
-
I've always used Quill and always satisfied with it. It can be adapted to React Native as well. Despite the most popular RTE is Draft js it has some limitations on mobile.
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
Project mention: Ask HN: Which open-source editor would you choose to build something like Notion | news.ycombinator.com | 2023-09-06
You can build a Notion-like editor on top of https://tiptap.dev :-) Here is a demo of what such an editor might look like: https://demos.tiptap.dev/
Since Tiptap is headless, you have the freedom to design and develop the UI exactly the way you want.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Any idea how i could replace the current classic editor with the newest tinymce wyswig editor: https://www.tiny.cloud/ it looks so modern and clean and i would love to use it but the default wordpress classic editor is so old and is some really old version of tinymce and I'm unsure of how to change it, any plugins or scripts to do this?
-
Page: https://milkdown.dev/
-
-
BlockNote
A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.
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
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
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-01
We 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.
-
-
-
-
Jodit Quill
-
-
Project mention: Vrite v0.2.0 - open-source, collaborative developer content platform. Alternative to likes of GitBook, Confluence, Notion, etc. Now with self-hosting support! | /r/selfhosted | 2023-09-14
So, I've been building Vrite as an open-source project for a while now, and I'm happy to finally share it here - with v0.2.0 now having official self-hosting support.
-
Project mention: Which HTML editor offers the most advanced features for professional web developers? | /r/u_Educational-Ice6495 | 2023-05-10
You can’t go wrong with VS Code and if you want a more advanced HTML editor, you can try Adobe Dreamweaver. And there’s editors such as Froala that are user-friendly, you can add plugins to it to have more advanced features.
-
Project mention: todolist-cl: a nice looking todolist with a web UI, written in Common Lisp [and by a newcomer to CL, to add credit] | /r/Common_Lisp | 2022-11-30
I recently integrated Stylo: https://stylojs.com/ It was simple and the editor looks simple, I like it.
-
edtr-io
Edtr.io is an open source WYSIWYG in-line web editor written in React. Its plugin architecture makes Edtr.io lean and extensive at the same time.
-
-
bangle-editor
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
-
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.
-
-
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
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).
The latest post mention was on 2023-09-14.
TypeScript Rich Text Editor related posts
- Open Source Notion-Like Editor with Yoopta-Editor: Exten and Customizable
- Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors
- What WYSIWYG editor do you use that has collaborative editing in Go?
- Wordpress updating old classic editor version
- Wordpress updating old classic editor version
- Seeking Suggestions for the Best Library to Implement a New Rich Text Editor in React
- DraftJS
-
A note from our sponsor - InfluxDB
www.influxdata.com | 29 Sep 2023
Index
What are some of the best open-source Rich Text Editor projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | quill | 37,023 |
| 2 | slate | 27,909 |
| 3 | tiptap | 21,246 |
| 4 | TinyMCE | 13,504 |
| 5 | milkdown | 7,814 |
| 6 | plate | 4,007 |
| 7 | BlockNote | 3,579 |
| 8 | blocksuite | 2,871 |
| 9 | remirror | 2,422 |
| 10 | ngx-quill | 1,686 |
| 11 | deckdeckgo | 1,604 |
| 12 | react-contenteditable | 1,525 |
| 13 | jodit | 1,455 |
| 14 | react-simple-code-editor | 1,402 |
| 15 | vrite | 1,186 |
| 16 | angular-froala-wysiwyg | 725 |
| 17 | stylo | 711 |
| 18 | edtr-io | 704 |
| 19 | verbum | 648 |
| 20 | bangle-editor | 584 |
| 21 | mui-rte | 417 |
| 22 | blocky-editor | 351 |
| 23 | use-prosemirror | 344 |
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.
blog.mergify.com