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.
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-05-10.
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 |
ONLYOFFICE Docs — document collaboration in your environment
Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises
www.onlyoffice.com