Awesome text editing Awesome

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

CC0