Javascript Online Rich Text Editors

Business > Webmaster
4
2015-06-03 01:17:56

This comparison list the JavaScript libraries that help developers to integrate an online rich text editor in their website.

Online rich text editors allow users to easily format text the way they want directly in a browser. Formatting is usually done in a very similar way as Word processors, using buttons or drop down menus to select the font style, sizes....

Features

WYSIWYG: These editors usually show directly the result while editing "what-you-see-is-what-you-get". MarkitUp is the exception here; this library helps to format HTML or other markup languages but do not show directly the result.

Integration mode:

  • iframe This technique use an iframe tag to integrate the content area. This allow to separate the content inside the editor from the rest of the page. This way the content styles can still match event if the edition page and target page is not the same.
  • in-place This technique allows to keep the overall layout.
  • textarea This technique use a textarea tag and result in raw text formatted as markup language (but not directly showing the result).
SummernoteCKEditorTinyMCEAloha EditorTextbox.ioFroala EditorTrumbowygAlloy EditorjWYSIWYGWYSIHTML5MarkitUpRaptor EditorQuillMedium editorYUI Rich Text EditorNicEditXinha
Latest version0.6.74.4.14.1.92.0.0 Alpha build 1881.2.0.2762.0.0-beta0.3.10.97.20.5.0-beta81.1.142.9.0 - no longer maintained0.9 r24 - abandoned since 2012.0.96.1 - no longer maintained
Release date2015-05-172014-05-202014-05-062014-05-012015-04-152015-04-302011-05-072015-03-162013-02-042011-04-132012-06-072010-05-12
LicenseMITGPL, LGPL, MPL / CommercialLGPL, CommercialGPLv2 / Commercial starting at 200 EURCommercialLGPLv2MIT / GPLMITMIT / GPLGPLv3 and CommercialMITBSDMITBSD
DependenciesjQuery, Bootstrap, Font-Awesomeoptional jQuery versionjQuery 1.7+CKEditorjQueryThe code is completely library agnosticjQueryYUI
Features
Integration modein-placeiframeiframein-placein-placein-placein-placeiframetextareain-placetextareaiframe
WYSIWYGYesYesYesYesYesYesYesYesYesNoYes LightYesYesYes
Output formatHTMLHTMLHTMLHTMLHTMLHTML5HTML
Wiki
Markup
BBCode
Textile
Dotclear
HTMLHTML
XHTML
HTML
Link insertionYesYesYes pluginYesYesYesYesYesYesYesYes
Image insertionYes Paste from clipboardYes Upload, paste from clipboard: http://ckeditor.com/tmp/4.5.0-beta/image-upload.html- Can upload, but not paste from clipboard.- Plugin; may not work - https://github.com/alohaeditor/Aloha-Editor/issues/797Yes Automatic uploads.Yes Paste from clipboard, get from URL, upload- Can paste from clipboard or insert from URL. No option to upload.Yes Can paste images and take camera picturesNo Can't paste from clipboard- Can't upload or paste - https://github.com/Voog/wysihtml/issues/163Yes- Upload images; can't paste from clipboard - https://github.com/PANmedia/raptor-editor/issues/56- Can't paste or upload images - https://github.com/quilljs/quill/issues/137- Drag & drop, but not upload or paste - https://github.com/yabwe/medium-editor/issues/657YesNo Can't paste imagesYes
Rich text pasteYes Preserves formatting- Loses formatting - http://dev.ckeditor.com/ticket/13336- Loses any color formatting when pasting from http://addyosmani.com/resources/essentialjsdesignpatterns/book/- Loses color formatting- Loses color formatting - https://github.com/froala/wysiwyg-editor/issues/552- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131Yes Better thank CKEditor for the same testNo No - loses all formatting
Table editing- Can only create table, not further edit the cells. Also buggy - https://github.com/summernote/summernote/issues/1113- Buggy - http://dev.ckeditor.com/ticket/13340Yes Yes but the cells very narrow when empty and it's hard to startYes pluginYes Solid - http://textbox.io/demo/- Buggy - https://github.com/froala/wysiwyg-editor/issues/573No Would need plugin - https://github.com/Alex-D/Trumbowyg/issues/93Yes Minor bug - https://github.com/liferay/alloy-editor/issues/223YesNoNoNoYesYes
SpellcheckerYes Uses the browser's built-inYes WebSpellChecker.netYes plugin with PHP backendNoYesYes Uses the browser's built-inNoNoNoNoNoNo
PluginsYes Add-ons RepositoryYesYesYesYes Yes, 3 at the moment - https://github.com/Alex-D/Trumbowyg/tree/master/pluginsYesYes- no public plugin directory but extensibleNoYesNo
Toggle to edit HTMLYes YepYesYesNo Apparently not?Yes Syntax highlighting.No Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131YesYesYesNoYesYes
Other
Websitehttps://github.com/summernote/summernotehttp://ckeditor.com/http://www.tinymce.com/http://www.aloha-editor.org/http://textbox.io/http://alex-d.github.io/Trumbowyg/https://github.com/liferay/alloy-editor/https://github.com/akzhan/jwysiwyghttps://github.com/Voog/wysihtmlhttp://markitup.jaysalvat.com/https://github.com/yabwe/medium-editorhttp://developer.yahoo.com/yui/editor/http://nicedit.com/http://xinha.webfactional.com/
Demo web linkhttp://summernote.orghttp://ckeditor.com/demohttp://www.tinymce.com/tryit/basic.phphttp://www.aloha-editor.org/demos.phphttp://textbox.io/demohttp://alloyeditor.com/demo/http://akzhan.github.com/jwysiwyg/help/examples/http://wysihtml.com/http://markitup.jaysalvat.com/examples/html/https://yabwe.github.io/medium-editor/http://developer.yahoo.com/yui/examples/editor/index.htmlhttp://nicedit.com/demos.phphttp://xinha.raimundmeyer.de/x_examples/ext_example.html
Wikipediahttp://en.wikipedia.org/wiki/CKEditorhttp://en.wikipedia.org/wiki/TinyMCEhttp://en.wikipedia.org/wiki/Aloha_Editorhttps://github.com/xing/wysihtml5/wikihttp://en.wikipedia.org/wiki/YUI_Rich_Text_Editor
Last update2015-06-03 01:17:562015-05-31 09:21:482015-05-31 09:21:482015-06-01 11:53:282015-05-31 09:21:482015-05-31 09:21:482015-06-03 01:17:562015-06-03 01:17:562015-05-29 13:41:542015-05-29 13:41:542013-02-05 10:50:222015-05-29 13:41:542015-06-01 09:33:152015-06-01 11:53:282015-05-29 13:41:542015-05-29 13:41:542015-05-29 13:41:54
Like 1 4 1 2 3 0 0 1 0 0 1 0 0 0 1 1 0
Mobile ReadyYes Yes, with a minor problem in the demo - https://github.com/summernote/summernote/issues/1104Yes iOS 6+, Chrome for AndroidYes iOSNo No - https://github.com/liferay/alloy-editor/issues/226
Minified size15 K800 K
Floating toolbarYes Yes, see the "Air mode" example at http://summernote.org/#/exampleNo https://github.com/Alex-D/Trumbowyg/issues/69Yes Yes - see demoYes
Embed
  • 2011-08-02 13:45:27
    2015-06-03 01:17:56
  • Webmaster
    English
  • Compare javascript libraries to implement rich text editor: Aloha Editor vs CKEditor vs MarkitUp vs TinyMCE
  • Public
    Public
  • Creative Commons License CC-BY-SA 3.0 / GNU FDL
    Manage backups

Comments

  • voted for Alloy Editor (Like)
    Posted 2015-06-25 18:10:34 by Damijan Cavar
  • voted for this Comparison (Like)
    Now that I've added the modern editors (Aloha, Summernote, Froala), we have a decent comparison.
    Posted 2015-05-29 14:28:03 by dandv
  • voted for Summernote (Like)
    MIT-licensed, includes the image as BASE64 in the HTML, integrates with Meteor
    Posted 2015-05-29 13:09:30 by dandv
  • suggested on WYSIHTML5 to set Name to WYSIHTML
    xing/wysihtml5 was no longer developed and was taken over in a fork by Voog now.
    Posted 2015-05-29 13:04:26 by dandv
  • voted for CKEditor (Like)
    ff
    Français Posted 2015-05-21 00:08:02 by aa_hacene
  • voted for CKEditor (Like)
    Posted 2015-05-20 11:03:53 by Wojtek Cichoń
  • voted for CKEditor (Like)
    had good experience with the component
    Posted 2015-04-29 15:50:22 by Nisho
  • voted for Textbox.io (Like)
    Posted 2015-04-23 01:59:19 by Gavin
  • voted for TinyMCE (Like)
    Posted 2015-03-12 18:56:16 by AndrewR
  • voted for Textbox.io (Like)
    Posted 2015-03-12 18:53:16 by AndrewR
  • voted for CKEditor (Like)
    Posted 2014-09-02 17:33:25 by ATRP
  • voted for Textbox.io (Like)
    Posted 2014-09-02 17:33:01 by ATRP
  • Aloha Editor is GPLv2 by the way
    Posted 2013-11-27 14:46:54 by Manuel Aghamanoukjan
  • voted for NicEdit (Like)
    Nice...
    Posted 2013-08-19 13:36:51 by huynhnguyen
  • voted for this Comparison (Like)
    Posted 2012-02-29 18:43:20 by flexjoly
  • Posted 2011-12-23 20:31:53 by devsmt
  • voted for MarkitUp (Like)
    Posted 2011-12-23 20:31:48 by devsmt
  • voted for this Comparison (Like)
    Posted 2011-11-10 20:56:34 by Gigamaster
  • @cqeb
    Thanks for the correction. I've checked yesterday and rechecked today; I don't know how I missed it.
    Posted 2011-08-03 22:11:19 by Alexis
  • voted for Aloha Editor (Like)
    Posted 2011-08-03 14:48:21 by Andre Müller
  • voted for Aloha Editor (Like)
    You missed one important point. CKeditor and TinyMCE are iFrame-based which is outdated. Aloha Editor uses DOM manipulation!
    Posted 2011-08-03 14:28:14 by cqeb
  • voted for this Comparison (Like)
    Posted 2011-08-02 23:06:28 by Alexis

Leave a comment

Build comparison tables or lists about everything !

It's free and fast to publish data into original tables

Create a table