This question should serve as a listing of all the different content-editable solutions. Post new ones in the answers below.
Is Contenteditable safe to use?
Its totally secure. The contenteditable attribute is an enumerated attribute whose keywords are the empty string, true, and false.
Can a div be Contenteditable?
Answer: Use the HTML5 contenteditable AttributeYou can set the HTML5 contenteditable attribute with the value true (i.e. contentEditable="true" ) to make an element editable in HTML, such as <div> or <p> element.
How do I turn off Contenteditable?
Just set contentEditable="false" .
This is a community wiki answer. You can edit me with your improvements. Alphabetically sorted.
Inline
Inline editors differ from normal editors as they can edit the content directly, i.e. not placing it inside another element, or inside an iframe.
-
Aloha Editor inactive since May 2016 - CKEditor - starting from CKEditor 4 Beta
- Etch
-
FresherEditor inactive since November 2012 - Hallo
-
HTML5 Edit inactive since July 2011 -
Mercury inactive since December 2013 - NicEdit
- Quill - starting from v0.19
- RedactorJS
- TinyMCE when used with Inline mode
- wysiwyg.js
- medium.js (library independent)
- ContentTools (Library independent)
- Froala WYSIWYG (jQuery)
- Trix
- Trumbowyg (jQuery)
- editable.js
- wysihtml
Iframes
Iframe editors often load the editor or content to edit into an iframe, to avoid styling conflicts.
- bootstrap-wysihtml5
- CKEditor
-
Mercury inactive since December 2013 - TinyMCE
-
WYSIHTML5 inactive since December 2014
Javascript contenteditable WYSIWYG editors list
Lightweight versions
- PunyMCE, from the authors of TinyMCE http://github.com/spocke/punymce
- NicEdit http://nicedit.com/
- WysiHat (Prototype) http://github.com/37signals/wysihat/
- widgEditor http://code.google.com/p/widgeditor/
- WYMeditor (jQuery) http://www.wymeditor.org/
- jWYSIWYG (jQuery) http://code.google.com/p/jwysiwyg/
- ggEdit (MooTools) http://code.google.com/p/ggedit/
- YUI Rich Text Editor – SimpleEditor (YUI) http://developer.yahoo.com/yui/editor/
- uEditor (jQuery) http://www.upian.com/upiansource/ueditor/en/
- Loki http://code.google.com/p/loki-editor/
- MooRTE (MooTools) http://github.com/siteroller/moorte/
- WMD – Markdown Editor http://wmd-editor.com/
- goog.editor (Closure Library) http://code.google.com/p/closure-library/
- (demo) lwrte (jQuery) http://lwrte.googlecode.com/
- wkrte (jQuery) http://wkrte.googlecode.com/
- jHtmlArea (jQuery) http://jhtmlarea.codeplex.com/
- TinyEditor (jQuery) http://www.leigeber.com/2010/02/javascript-wysiwyg-editor/
- dijit.Editor (Dojo) http://www.dojotoolkit.org/reference-guide/dijit/Editor.html
- CLEditor (jQuery) http://premiumsoftware.net/cleditor/
- wysihtml5 https://github.com/xing/
- WYSIWYG (jQuery) http://maccman.github.com/wysiwyg/
- Redactor (jQuery) http://redactorjs.com/
- SimpleHtml5Editor (ZeptoJs and coffeescript): https://github.com/TheOtherNet/simpleHtml5Editor/
- bootstrap-wysiwyg (jQuery) https://github.com/mindmup/bootstrap-wysiwyg/
- https://github.com/cheeaun/mooeditable
Heavyweights
- Aloha Editor http://aloha-editor.com/
- TinyMCE http://www.tinymce.com/
- CKEditor http://ckeditor.com/
- YUI Rich Text Editor – Editor (YUI) http://developer.yahoo.com/yui/editor/
- elRTE (jQuery UI) http://elrte.org
- Mercury Editor (jQuery, CoffeeScript, Rails) http://jejacks0n.github.com/mercury/
Menu
335
