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 10 TypeScript rich-text 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.
-
vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
-
element-tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue3 (1.0 for Vue2)
-
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.
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?
View on GitHub
Project mention: Open Source Notion-Like Editor with Yoopta-Editor: Exten and Customizable | news.ycombinator.com | 2023-08-10
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.
TypeScript rich-text related posts
- Open Source Notion-Like Editor with Yoopta-Editor: Exten and Customizable
- I've released Yopta-Editor - notion-like open source editor 🎉
- Lexical – a web text editor framework that powers Facebook
- tiptap - The headless editor framework for web artisans.
- JS Markdown Editor to use with Laravel
- How To Insert Link On Cursor Position Of Tiptap
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source rich-text projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | slate | 28,980 |
2 | tiptap | 23,734 |
3 | lexical | 17,225 |
4 | vditor | 7,717 |
5 | ngx-quill | 1,732 |
6 | element-tiptap | 1,227 |
7 | Yoopta-Editor | 464 |
8 | typist | 371 |
9 | lexical-vue | 201 |
10 | react-editor | 55 |
Sponsored