Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 18 TypeScript wysiwyg-editor Projects
-
You can also look at Tiptap which is based on ProseMirror. I haven't used it but it looks interesting.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
I'm using TinyMCE as the rich text editor, you can replace it with something else, or simply use a if you wish.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
react-page
Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids.
A few days ago someone posted a link in an answer to a similar library to https://react-page.github.io/.
-
Page: https://milkdown.dev/
-
-
Jodit Quill
-
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
Project mention: Which HTML editor offers the most advanced features for professional web developers? | reddit.com/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] | reddit.com/r/Common_Lisp | 2022-11-30
I recently integrated Stylo: https://stylojs.com/ It was simple and the editor looks simple, I like it.
-
the only one for Vue3 is this one https://github.com/vueup/vue-quill but I think it's worth checking all the others on the Vue 2 repository
-
bangle.dev
Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
-
-
-
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: HTML-to-Markdown converter that adaptively preserve HTML when needed (eg. when center-aligning, or resizing images) | reddit.com/r/javascript | 2023-01-05
A bit of context on why I'm making these questions: At Doist, we use Turndown for our Typist editor (see: https://github.com/Doist/typist/blob/main/src/serializers/markdown/markdown.ts), but it has a few issues, and it's not been updated in a long time. I'm wondering what we could replace it with (eventually, because this is not currently a priority for us).
-
-
-
markgh
Online WYSIWYG GFM editor. Same look as Github's markdown. Supports HTML-in-Markdown feat. (eg. center-align/superscript/underline)
Project mention: HTML-to-Markdown converter that adaptively preserve HTML when needed (eg. when center-aligning, or resizing images) | reddit.com/r/javascript | 2023-01-05I was actually working on WYSIWYG markdown editor (repo, demo) (very similar to ur Typist editor) that could preserve HTML when, for example,
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
TypeScript wysiwyg-editor related posts
- 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
- Como funciona o front-end com componentes das plataformas de ecommerce?
- WYSIWYG Markdown editor?
-
A note from our sponsor - Sonar
www.sonarsource.com | 2 Jun 2023
Index
What are some of the best open-source wysiwyg-editor projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | tiptap | 19,142 |
2 | TinyMCE | 13,010 |
3 | react-page | 9,190 |
4 | milkdown | 7,469 |
5 | plate | 1,899 |
6 | jodit | 1,415 |
7 | tiptap-vuetify | 745 |
8 | angular-froala-wysiwyg | 725 |
9 | stylo | 703 |
10 | vue-quill | 663 |
11 | bangle.dev | 567 |
12 | blocky-editor | 338 |
13 | use-prosemirror | 337 |
14 | react-web-editor | 225 |
15 | typist | 168 |
16 | Yopta-Editor | 162 |
17 | jupyter-wysiwyg | 44 |
18 | markgh | 9 |