TypeScript Rich Text Editor

Open-source TypeScript projects categorized as Rich Text Editor

Top 23 TypeScript Rich Text Editor Projects

  • quill

    Quill is a modern WYSIWYG editor built for compatibility and extensibility.

    Project mention: WYSIWYG editor for a new Rails project | /r/rails | 2023-12-10

    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.

  • slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Project mention: 5 Not-So-Typical React Libraries for an Outstanding Project | dev.to | 2023-08-03
  • 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.

  • tiptap

    The headless rich text editor framework for web artisans.

    Project mention: Encrypted Note Editor App In React Native | dev.to | 2024-03-04

    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.

    Project mention: Wax: The Word Processor for the Web | news.ycombinator.com | 2024-02-26

    Lexical (https://lexical.dev/) is really nice to use and doesn't use Prosemirror or CKEditor.

  • TinyMCE

    The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

    Project mention: TinyMCE Dumping MIT for GPL | news.ycombinator.com | 2024-02-29
  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

  • plate

    The rich-text editor for React.

    Project mention: Plate – RTE for React | news.ycombinator.com | 2023-12-29
  • 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.

  • 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-01

    We 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

  • 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
  • remirror

    ProseMirror toolkit for React 🎉

    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.

    [0] https://notesnook.com

    [1] https://remirror.io

  • ngx-quill

    Angular (>=2) components for the Quill Rich Text Editor

  • react-contenteditable

    React component for a div with editable contents

  • jodit

    Jodit - Best WYSIWYG Editor for You

    Project mention: WYSIWYG editor for a new Rails project | /r/rails | 2023-12-10

    I use https://xdsoft.net/jodit/

  • react-simple-code-editor

    Simple no-frills code editor with syntax highlighting

  • vrite

    Open-source developer content platform | Now in Public Beta

    Project mention: I Published This with Drag and Drop using Vrite | dev.to | 2024-03-12

    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)

    Project mention: Can I create another WordPress that satisfies humanity? | dev.to | 2023-11-27

    View on GitHub

  • angular-froala-wysiwyg

    Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.

    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.

  • stylo

    Another kind of rich text editor

  • verbum

    Verbum is a fully flexible text editor based on lexical framework.

  • bangle-editor

    Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io

  • mui-rte

    Material-UI Rich Text Editor and Viewer

    Project mention: Material UI Rich Text Editor? | /r/Angular2 | 2023-06-21

    I am working on a project where I only want to use one 3rd party source (Material UI) to reduce the the build size of my application. I did a bit of research and found this repo github link . It looks like it is a Material UI rich text editor for React apps and it doesn't look like it is still maintained. My question now is does anyone know if Material UI supports a Rich Text Editor? I should also say I tried CKEditor (free tier) but I ran into an issue on running `ng serve --configuration development` depends on '@ckeditor/ckeditor5-build-classic'. CommonJS or AMD dependencies can cause optimization bailouts.

  • blocky-editor

    A Notion-like editor built with blocks.

  • Yoopta-Editor

    Notion-like editor with similar behaviour

    Project mention: Open Source Notion-Like Editor with Yoopta-Editor: Exten and Customizable | news.ycombinator.com | 2023-08-10
  • 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.

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 2024-03-12.

TypeScript Rich Text Editor related posts

Index

What are some of the best open-source Rich Text Editor projects in TypeScript? This list will help you:

Project Stars
1 quill 38,585
2 slate 28,813
3 tiptap 23,270
4 lexical 16,962
5 TinyMCE 14,147
6 milkdown 8,198
7 plate 7,323
8 BlockNote 4,787
9 blocksuite 3,542
10 remirror 2,565
11 ngx-quill 1,721
12 react-contenteditable 1,577
13 jodit 1,550
14 react-simple-code-editor 1,489
15 vrite 1,431
16 element-tiptap 1,205
17 angular-froala-wysiwyg 727
18 stylo 715
19 verbum 688
20 bangle-editor 612
21 mui-rte 424
22 blocky-editor 403
23 Yoopta-Editor 400
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.
workos.com