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. Learn more →
Top 23 TypeScript Wysiwyg Projects
-
I started with Quill... wound up hitting lots of challenges. There are bugs/issues like, "don't add extra margin or it will be converted to extra spaces." I also struggled to embed Quill into an HTML form element, which I though would be easy.
-
Project mention: Introducing EmailBuilder.js - a free and open source block-based email template builder | dev.to | 2024-03-05
We call it EmailBuilder.js – a powerful block-based email builder that takes the best parts of other open source libraries like Editor.js and email component libraries and puts them into an easy to use no-code builder.
-
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.
-
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.
-
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
-
-
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.
-
vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
-
-
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.
-
Project mention: Introducing GPT Crawler - Turn Any Site Into a Custom GPT With Just a URL | dev.to | 2023-12-21
I created my first custom GPT based on the Builder.io docs site, forum, and example projects on github and it can now answer detailed questions with code snippets about integrating Builder.io into your site or app. You can try it here (currently requires a paid ChatGPT plan).
-
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: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05
Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.
-
blocksuite
🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.
Project mention: BlockSuite is the open-source block-based editor | news.ycombinator.com | 2023-07-26 -
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.
-
-
-
I use https://xdsoft.net/jodit/
-
-
These reasons (and many others) are why I decided to create Vrite - an open-source developer content platform.
-
element-tiptap
🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue3 (1.0 for Vue2)
View on GitHub
-
-
-
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 related posts
- Introducing EmailBuilder.js - a free and open source block-based email template builder
- TinyMCE Dumping MIT for GPL
- Show HN: I made an app that consolidated 18 apps (doc, sheet, form, site, chat)
- Plate – RTE for React
- Introducing GPT Crawler - Turn Any Site Into a Custom GPT With Just a URL
- WYSIWYG editor for a new Rails project
- Show HN: Plasmic – Open-Source Webflow and Retool and React CMS
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Mar 2024
Index
What are some of the best open-source Wysiwyg projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | quill | 38,585 |
2 | Editor.js | 26,304 |
3 | tiptap | 23,270 |
4 | lexical | 16,962 |
5 | TOAST UI Editor | 16,688 |
6 | TinyMCE | 14,147 |
7 | milkdown | 8,198 |
8 | vditor | 7,613 |
9 | plate | 7,323 |
10 | craft.js | 6,885 |
11 | builder | 6,518 |
12 | BlockNote | 4,787 |
13 | plasmic | 3,871 |
14 | blocksuite | 3,542 |
15 | remirror | 2,565 |
16 | ngx-quill | 1,721 |
17 | react-contenteditable | 1,577 |
18 | jodit | 1,550 |
19 | HyperMD | 1,440 |
20 | vrite | 1,431 |
21 | element-tiptap | 1,205 |
22 | bangle-io | 964 |
23 | tiptap-vuetify | 783 |