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: Which Rich Text Editor to use ? | /r/reactjs | 2023-07-06

    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.

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

  • tiptap

    The headless editor framework for web artisans.

    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.

  • TinyMCE

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

    Project mention: Wordpress updating old classic editor version | /r/Wordpress | 2023-07-06

    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?

  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

    Project mention: WYSIWYG Markdown editor? | /r/laravel | 2023-01-07

    Page: https://milkdown.dev/

  • plate

    The rich-text editor for React.

    Project mention: FLaNK Stack Weekly for 17 July 2023 | dev.to | 2023-07-17
  • 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

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

  • blocksuite

    🎨 The toolkit for block-based structral editing.

    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

  • deckdeckgo

    The web open source editor for presentations

  • react-contenteditable

    React component for a div with editable contents

  • jodit

    Jodit - Best WYSIWYG Editor for You

    Project mention: Quick and easy WYSIWYG recommendations? | /r/node | 2022-12-15

    Jodit Quill

  • react-simple-code-editor

    Simple no-frills code editor with syntax highlighting

  • vrite

    Open-source developer content platform | Now in Public Beta

    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.

  • 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

    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] | /r/Common_Lisp | 2022-11-30

    I recently integrated Stylo: https://stylojs.com/ It was simple and the editor looks simple, I like it.

  • edtr-io

    Edtr.io is an open source WYSIWYG in-line web editor written in React. Its plugin architecture makes Edtr.io lean and extensive at the same time.

  • 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

    An headless editor built with blocks.

  • use-prosemirror

    ProseMirror + React made easy

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

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-09-14.

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 37,023
2 slate 27,909
3 tiptap 21,246
4 TinyMCE 13,504
5 milkdown 7,814
6 plate 4,007
7 BlockNote 3,579
8 blocksuite 2,871
9 remirror 2,422
10 ngx-quill 1,686
11 deckdeckgo 1,604
12 react-contenteditable 1,525
13 jodit 1,455
14 react-simple-code-editor 1,402
15 vrite 1,186
16 angular-froala-wysiwyg 725
17 stylo 711
18 edtr-io 704
19 verbum 648
20 bangle-editor 584
21 mui-rte 417
22 blocky-editor 351
23 use-prosemirror 344
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.
blog.mergify.com