The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 17 TypeScript text-editor Projects
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
-
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.
-
-
-
-
bangle-editor
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
-
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.
-
-
cMenu-Plugin
An Obsidian.md plugin that adds a minimal text editor modal for a smoother writing/editing experience ✍🏽.
-
noteworthy
Markdown editor with bidirectional links and excellent math support, powered by ProseMirror. (In Development!)
-
-
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.
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: 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'm currently migrating the project from v2 to v3. I need to update vue2-editor package, preferably one that uses a quill under the hood. The only plugin that I found is https://vueup.github.io/vue-quill/ It looks nice and suitable for my case, but they still have this scary warning:
Project mention: Which HTML editor offers the most advanced features for professional web developers? | /r/u_Educational-Ice6495 | 2023-05-10You 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.
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.
Thanks for the kind words! I’ll definitely look into that
Most of the heavy work, including collaborative editing, is done with Facebook’s Lexical library. There’s also a Vue binding for Lexical, so you should try it! (https://github.com/wobsoriano/lexical-vue)
As for the backend, I wrote a server that runs on Cloudflare Workers and Durable Objects. Super impressive products, btw.
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 text-editor related posts
- I can't stand using VSCode so I wrote my own (it wasn't easy)
- Helix - Front-End Power
- I didn't realize the community has grown so much..
- Is there a way to use Tailwindcss ?
- How to use text and highlighting colors easily
- looking for specific feature for filtering/displaying text notes
- 10 Trending Github repositories / October, 1 2022
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source text-editor projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | slate | 28,980 |
| 2 | lexical | 17,307 |
| 3 | remirror | 2,606 |
| 4 | vue-quill | 982 |
| 5 | angular-froala-wysiwyg | 726 |
| 6 | verbum | 693 |
| 7 | bangle-editor | 616 |
| 8 | mui-rte | 430 |
| 9 | typist | 371 |
| 10 | cMenu-Plugin | 350 |
| 11 | react-native-drag-text-editor | 249 |
| 12 | noteworthy | 220 |
| 13 | lexical-vue | 201 |
| 14 | Smart-Text-Editor | 94 |
| 15 | IcicleDevelop | 16 |
| 16 | ryusei-code | 7 |
| 17 | recursive-text-editor | 0 |
Sponsored
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.
workos.com