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 21 TypeScript wysiwyg-editor Projects
-
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.
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
Lexical (https://lexical.dev/) is really nice to use and doesn't use Prosemirror or CKEditor.
-
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.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
-
react-page
Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.
Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05This is really slick! A really fluid and intuitive interface.
We use https://react-page.github.io/ (also MIT licensed) extensively at my startup; it attacks the same problem, and it's been incredibly effective (and hackable!).
Generally speaking, owning your own CMS data, in your own database, with a well-documented JSON data format, and adding the ability to take any React component you've written (that itself may interact with your own data) and make it not only reusable as part of a content editing system but also WYSIWIG, opens up a huge number of opportunities - including adding your own logic to transform content before display.
https://builder.io is another alternative that's very effective at the adapting-custom-components-to-WYSIWIG side of things, but does keep the data in its own cloud storage.
I'm really excited to see innovation in this space, and I'll be following Puck closely!
-
-
-
I use https://xdsoft.net/jodit/
-
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.
-
element-tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue3 (1.0 for Vue2)
View on GitHub
-
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-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.
-
-
bangle-editor
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
-
-
Project mention: Open Source Notion-Like Editor with Yoopta-Editor: Exten and Customizable | news.ycombinator.com | 2023-08-10
-
-
-
react-web-editor
The react-web-editor is a WYSIWYG editor library. you can resize and drag your component. It also has simple rich text editor
-
Project mention: Show HN: Easyblocks – Open-source visual editor for React | news.ycombinator.com | 2024-03-07
-
-
markgh
Online WYSIWYG GFM editor. Same look as Github's markdown. Supports HTML-in-Markdown feat. (eg. center-align/superscript/underline)
-
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.
TypeScript wysiwyg-editor related posts
- WYSIWYG editor for a new Rails project
- Vue 3 rich text editor
- Which HTML editor offers the most advanced features for professional web developers?
- Looking for WYSIWYG library for Vue 3
- Page Builder
- How shall one use Floara editor for Windows 10?
- 6 Easy Ways to Improve Accessibility in HTML Tables
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 Mar 2024
Index
What are some of the best open-source wysiwyg-editor projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | tiptap | 23,270 |
2 | lexical | 16,962 |
3 | TinyMCE | 14,147 |
4 | react-page | 9,369 |
5 | milkdown | 8,198 |
6 | plate | 7,323 |
7 | jodit | 1,550 |
8 | element-tiptap | 1,205 |
9 | vue-quill | 939 |
10 | tiptap-vuetify | 783 |
11 | angular-froala-wysiwyg | 727 |
12 | stylo | 715 |
13 | bangle-editor | 612 |
14 | blocky-editor | 403 |
15 | Yoopta-Editor | 400 |
16 | typist | 363 |
17 | use-prosemirror | 351 |
18 | react-web-editor | 245 |
19 | easyblocks | 172 |
20 | jupyter-wysiwyg | 50 |
21 | markgh | 10 |