Awesome text editing

A curated collection of text editing libraries, services, and resources for the web.

Rich-text editors using contenteditable

• Slate - Rich text editor built on top of React and Immutable
• TipTap - Rich text editor for Vue.js
• Trix - Basecamp's rich text editor
• CKEditor - Started back in 2003. Has both iframe and inline style rich-text editing
• Squire - HTML5 rich text editor
• ProseMirror - From the maker of CodeMirror
• Scribe - From the Guardian team
• Quill - Quill is a free, open source WYSIWYG editor built for the modern web
• Summernote - Bootstrap dependent rich-text editor
• wysihtml - Made by Voog
• Etherpad - Open Source online editor providing collaborative editing in really real-time
• TinyMCE - Used by much of the wordpress and drupal community
• Medium.js - Warning: Not actually used by Medium
• Textbox.IO - From the makers of TinyMCE
• Froala - A simple to use rich text editor, with mobile support, lots of examples, high performance and inline editing
• Redactor - Advanced, clean and smooth, Redactor Rich Text Editor offers an excellent immersive user experience
• Ritzy - Collaborative web-based rich text editor
• Aloha Editor - Open Source browser based html5 enabled rich text editor
• WYMeditor - Open Source XHTML editor focusing on semantic markup
• Dijit Editor - a Dojo-based rich text editor component
• YUI Rich Text Editor - a Yahoo! rich text editor component
• KindEditor - Open Source HTML editor
• Hallo - Simple rich text editor (contentEditable) for jQuery UI
• markitup - universal markup jQuery editor
• openwysiwyg - Free cross-browser WYSIWYG editor
• tejQuery - Lightweight (19.5 KB) and very useful HTML editor
• Trumbowyg - light, translatable and customisable jQuery plugin
• NicEdit - Abandoned in 2012
• jWYSIWYG - WYSIWYG jQuery Plugin
• Alloy - a modern WYSIWYG editor built on top of CKEDITOR
• Draft.js - a rich text editor framework for React
• MediumEditor - A clone of medium.com inline editor toolbar. Uses contenteditable API to implement a rich text solution.

Code editors

• Yace - 1KB code editor for browser with plugins
• CodeJar - CodeJar is a micro code editor for the browser
• CodeMirror - CodeMirror is a versatile text editor implemented in JavaScript for the browser
• Ace - Ace is an embeddable code editor written in JavaScript
• EditArea
• Behave.js - lightweight library for adding IDE style behaviors to plain text areas

Markdown editors

• markdown-js - A Markdown parser for javascript
• pagedown - PageDown is the JavaScript Markdown previewer used on Stack Overflow and the rest of the Stack Exchange network

Heuristic for contenteditable rich-text editors

Editor should:

• Be stable
• Be open source
• Handle soft breaks
• Be able to manipulate styles on block level elements
• Be able to manipulate styles on inline level elements
• Be able to manipulate classes on block level elements
• Be able to manipulate classes on inline level elements
• Be able to alter custom attributes on block level elements
• Be able to alter custom attributes on inline level elements
• Cache the selection
• Have iframing capabilities as well as inline mode capability
• Change the tag type of nodes
• Clear the format
• Have a concise api
• Support various module loaders
  • AMD & Common.js
• Should have an organization backing the service and have a potential paid support plan
• Should copy & paste from Microsoft word

License