JavaScript Rich Text Editor

Open-source JavaScript projects categorized as Rich Text Editor | Edit details

Top 23 JavaScript Rich Text Editor Projects

  • quill

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

    Project mention: WYSIWYG editor recommendation for non-technical users | reddit.com/r/laravel | 2022-05-19
  • medium-editor

    Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

    Project mention: "Floating" WYSIWYG editor? | reddit.com/r/webdev | 2021-09-09
  • 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!

  • Etherpad

    Etherpad: A modern really-real-time collaborative document editor.

    Project mention: simple, self hosted, web-based text editor? | reddit.com/r/webdev | 2022-04-27

    Might be overkill but something like this? https://etherpad.org/

  • pell

    📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies

    Project mention: What’s your favorite note taking app, foss or selfhosted? | reddit.com/r/selfhosted | 2022-04-26

    For those on here who are like me and like to experiment with making your own things, this is a great starting point that I have used in the past..... https://github.com/jaredreich/pell

  • ckeditor5

    Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

    Project mention: Google is still using this deprecated center tag | reddit.com/r/webdev | 2022-04-10

    We recently switched to CKEditor at work, and they actually have a bold tag wrapper remover for their copy/paste plugin.

  • react-draft-wysiwyg

    A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg

    Project mention: window is not defined - react-draft-wysiwyg used with next js (ssr) | reddit.com/r/codehunter | 2022-05-08

    I am working on a rich text editor used for converting plain html to editor content with next js for ssr. I got this error window is not defined so I search a solution to this github link

  • react-quill

    A Quill component for React.

    Project mention: I've decided to fork Flutter Quill Rich text editor and to do a general cleanup, add docs, tests and new features. During the refactoring I'll be recording YouTube episodes about code quality and software architecture in Flutter | reddit.com/r/coding | 2022-05-15

    Quill has good libraries but has completely fallen into disrepair across the board. ReactJS I would argue is in an even worse state.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • Trumbowyg

    A lightweight and amazing WYSIWYG JavaScript editor under 10kB

    Project mention: New rich text editors use native contenteditable | reddit.com/r/Frontend | 2021-09-21

    DraftJS, Slate, ProseMirror, Quill and more - they all use their model for abstracting dom (unfortunately I don't rememeber what was the exact reasoning. Quill has some article on that https://quilljs.com/docs/delta) I can see now the surge of new RTEs that simply use contenteditable and dom. Is it that isssue from the past that led those libs above to use abstractions - are not valid anymore? Examples: https://atata.io/examples/custom-rich-text-editor-based-on-contenteditable/ http://suneditor.com/sample/index.html https://alex-d.github.io/Trumbowyg https://zenpen.io

  • react-ace

    React Ace Component

    Project mention: How to use JSON with react-ace? | reddit.com/r/codehunter | 2022-04-25

    Im using react-ace and trying the readme example with java syntax. Works great. But I can't seem to set it to JSON.

  • medium-draft

    📝 A medium like Rich Text Editor built on draft-js with a focus on keyboard shortcuts.

    Project mention: Meditee: Medium like Markdown editor | dev.to | 2021-11-17

    In this rich and mature community, I also found other awesome projects and specifically Medium-draft, which is a beautiful Medium like rich text editor (built upon draft-js), eliminating mouse usage by adding relevant keyboard shortcuts.

  • react-codemirror

    Codemirror Component for React.js

  • alloyeditor

    WYSIWYG editor based on CKEditor with completely rewritten UI

    Project mention: 10+ React Rich Text Editors | dev.to | 2021-11-07

    Demo GitHub

  • megadraft

    Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility

    Project mention: Lexical is now open-source (web text-editor) | news.ycombinator.com | 2022-04-13

    Not a question, but a suggestion: it'd be nice to have a Live Demo in the README, like Megadraft's (https://github.com/globocom/megadraft)

    Apart from that, well done :)

  • react-simple-code-editor

    Simple no-frills code editor with syntax highlighting

  • SunEditor

    Pure javascript based WYSIWYG html editor, with no dependencies.

    Project mention: NPM Package For WYSIWYG Text Editor? | reddit.com/r/reactjs | 2021-09-17

    suneditor-react (but it is easy to add the original SunEditor too)

  • ritzy

    Collaborative web-based rich text editor

  • django-markdown-editor

    Awesome Django Markdown Editor, supported for Bootstrap & Semantic-UI

    Project mention: Adding a few content pages (markdown type content) to a django app | reddit.com/r/django | 2022-04-07

    I'm sure your staff would appreciate a fancy Markdown editor as well - I've never used it myself but this package looks pretty good: https://github.com/agusmakmun/django-markdown-editor

  • bangle.dev

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

    Project mention: Marktext – Elegant Markdown Editor for Linux, macOS, Windows | news.ycombinator.com | 2021-12-25

    Since you're the author of Bangle.io and it seems the latter is based on bangle.dev[0] which in turn is based on ProseMirror(?), why did you decide to make Bangle's interface look like that of VS Code / Monaco[1]?

    On a different note, IMO using Electron for an app is not a bad choice per se. It's just that editors written in web technologies usually suck because they are so slow compared to, say, Vim/Emacs/Sublime. Is ProseMirror really that much better (faster) than Monaco/VS Code? If not, what's the benefit of using Bangle over Marktext? (Sure, running Marktext/Electron will use up additional RAM compared to running Bangle in an existing browser. But to be honest CPU load is much more important to me.)

    [0]: https://github.com/bangle-io/bangle.dev

    [1]: https://github.com/Microsoft/monaco-editor , https://vscode.dev/

  • react-medium-editor

    React wrapper for medium-editor

  • text

    📑 Collaborative document editing using Markdown (by nextcloud)

  • ckeditor5-react

    Official CKEditor 5 React component.

  • czi-prosemirror

    Rich Text Editor built with React and ProseMirror

    Project mention: These alternatives to Gmail, Google Docs, and Drive will protect your privacy | news.ycombinator.com | 2021-06-25
  • react-trumbowyg

    React wrapper for lightweight WYSIWYG editor Trumbowyg

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 2022-05-19.

JavaScript Rich Text Editor related posts

Index

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

Project Stars
1 quill 32,654
2 medium-editor 15,501
3 Etherpad 12,752
4 pell 11,699
5 ckeditor5 5,910
6 react-draft-wysiwyg 5,649
7 react-quill 5,076
8 Trumbowyg 3,709
9 react-ace 3,515
10 medium-draft 1,722
11 react-codemirror 1,512
12 alloyeditor 1,297
13 megadraft 1,093
14 react-simple-code-editor 1,045
15 SunEditor 893
16 ritzy 893
17 django-markdown-editor 564
18 bangle.dev 503
19 react-medium-editor 481
20 text 349
21 ckeditor5-react 323
22 czi-prosemirror 294
23 react-trumbowyg 136
Find remote jobs at our new job board 99remotejobs.com. There are 8 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com