My pain building a WYSIWYG editor with contenteditable

• Editor.js

  16 18,925 7.8 TypeScript

  A block-styled editor with clean JSON output

  

  https://editorjs.io is easy to use and customizable. Not as big as some of the others but completely free

• quill

  22 32,654 5.4 JavaScript

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

  

  https://github.com/quilljs/quill/issues/2619 https://github.com/quilljs/quill/issues/3359

• Appwrite

  appwrite.io

  sponsored

  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!

  

• tiptap

  27 15,065 9.8 TypeScript

  The headless editor framework for web artisans.

  

  Dude, go with ProseMirror. It has all the building blocks you'll need to accomplish what you folks are after. There's also the wrapper project TipTap which makes it a bit easier to work with in TypeScript.

• TinyMCE

  13 11,319 9.7 TypeScript

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

  

  There's quite a few. I use TinyMCE : https://www.tiny.cloud/

• ProseMirror

  17 5,893 3.3 JavaScript

  The ProseMirror WYSIWYM editor

  

  Dude, go with ProseMirror. It has all the building blocks you'll need to accomplish what you folks are after. There's also the wrapper project TipTap which makes it a bit easier to work with in TypeScript.

• trix

  17 16,806 1.8 CoffeeScript

  A rich text editor for everyday writing

  

  Well, there is Trix which uses an internal document model and does not rely on execCommand at all: https://trix-editor.org

• rangy

  1 2,038 0.0 JavaScript

  A cross-browser JavaScript range and selection library.

  Working with contenteditable, execCommand, and rangy (shoutout to timdown who was the ultimate resource for everything caret-related), to get just a somewhat decent experience, is still to this day one of the most frustrating and things I've ever done.

• Scout APM

  scoutapm.com

  sponsored

  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.

  

• TOAST UI Editor

  10 14,640 9.1 TypeScript

  🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  

• Draft.js

  30 21,706 6.6 JavaScript

  A React framework for building text editors.

  

  I really like Draft.js https://draftjs.org/ (for React by FB) takes quite a bit to get to know and work with but you get a lot total freedom in UI design and tons of space in implementation. Major downside, the last time I checked, is it had some pretty serious bugs on mobile (unusable in some cases).

• Highlight.js

  47 19,919 9.2 JavaScript

  JavaScript syntax highlighter with language auto-detection and zero dependencies.

  

  I import code from highlight.js libraries as needed - we support over 50 programming languages so when the user adds a code block or when it edits the programming language of a code block later - there is a promise that loads the library for that programming language from highlight.js and then, it applies it to the target

Suggest a related project