Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge. Learn more →
Top 23 TypeScript Wysiwyg Projects
-
I've always used Quill and always satisfied with it. It can be adapted to React Native as well. Despite the most popular RTE is Draft js it has some limitations on mobile.
-
Project mention: Editor.js: Free block-style editor with a universal JSON output | news.ycombinator.com | 2023-08-22
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
Project mention: Ask HN: Which open-source editor would you choose to build something like Notion | news.ycombinator.com | 2023-09-06
You can build a Notion-like editor on top of https://tiptap.dev :-) Here is a demo of what such an editor might look like: https://demos.tiptap.dev/
Since Tiptap is headless, you have the freedom to design and develop the UI exactly the way you want.
-
Project mention: I'm making a GlowUI text editor to get back into coding | /r/Windows11 | 2023-06-09
If you need a WYSIWYG markdown editor you can try Toast UI Editor or simply use Markdown Live add-on for Visual Studio Code
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Any idea how i could replace the current classic editor with the newest tinymce wyswig editor: https://www.tiny.cloud/ it looks so modern and clean and i would love to use it but the default wordpress classic editor is so old and is some really old version of tinymce and I'm unsure of how to change it, any plugins or scripts to do this?
-
Page: https://milkdown.dev/
-
vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
-
Project mention: How to build a webpage builder like Wix, Squarespace, Shopify, etc? I want to build one with React | /r/reactjs | 2023-06-10
I've been building one with https://craft.js.org/ , tailwind, nextjs, and vercel, a few months into it I've got a decent component library, custom domains, subdomains, static pages, accounts, multiple pages, cdn and a bit more. The basics are easy to get going. Making it easy to understand/use, responsive, and all that, is a bit more complex.
-
Check out Builder.io’s GitHub repository for more details about its features and community.
-
-
BlockNote
A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.
Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01We think the headless approach is a big factor in why Tiptap has become so popular, but you are right! You can't just add Tiptap to your project without styling. That's why we're always asked about a drop-in Notion-like styling. We don't offer this, but our community has built something that might help you: https://github.com/TypeCellOS/BlockNote
-
Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26
-
Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05
How does this compare to https://www.plasmic.app/?
-
Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01
We 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.
-
-
-
-
Jodit Quill
-
-
Project mention: Vrite v0.2.0 - open-source, collaborative developer content platform. Alternative to likes of GitBook, Confluence, Notion, etc. Now with self-hosting support! | /r/selfhosted | 2023-09-14
So, I've been building Vrite as an open-source project for a while now, and I'm happy to finally share it here - with v0.2.0 now having official self-hosting support.
-
Project mention: Silver Bullet: Markdown-based extensible open source personal knowledge platform | news.ycombinator.com | 2022-12-03
Another similar tool that is open sourced and allows you to sync with GitHub [1] .
It differs by providing a WYSIWYG interface while saving content in Markdown.
-
-
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.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
TypeScript Wysiwyg related posts
- Editor.js: Free block-style editor with a universal JSON output
- Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors
- Wordpress updating old classic editor version
- Wordpress updating old classic editor version
- DraftJS
- How I put ChatGPT into a WYSIWYG editor
- What the hell did my friend text me?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 29 Sep 2023
Index
What are some of the best open-source Wysiwyg projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | quill | 37,023 |
2 | Editor.js | 24,414 |
3 | tiptap | 21,246 |
4 | TOAST UI Editor | 16,322 |
5 | TinyMCE | 13,504 |
6 | milkdown | 7,814 |
7 | vditor | 6,780 |
8 | craft.js | 6,203 |
9 | builder | 5,659 |
10 | plate | 4,007 |
11 | BlockNote | 3,579 |
12 | blocksuite | 2,871 |
13 | plasmic | 2,804 |
14 | remirror | 2,422 |
15 | ngx-quill | 1,686 |
16 | deckdeckgo | 1,604 |
17 | react-contenteditable | 1,525 |
18 | jodit | 1,455 |
19 | HyperMD | 1,414 |
20 | vrite | 1,186 |
21 | bangle-io | 885 |
22 | tiptap-vuetify | 769 |
23 | angular-froala-wysiwyg | 725 |