Javascript Online Rich Text Editors

Business > Webmaster
6
2016-05-31 10:49:27

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).
CKEditorTextbox.ioFroala EditorSummernoteAloha EditorTinyMCEAlloy EditorMarkitUpYUI Rich Text EditorNicEditRedactorTrumbowygjWYSIWYGWYSIHTML5Raptor EditorQuillMedium editorXinhaContentTools
Latest version4.4.11.32.3.00.6.72.0.0 Alpha build 1884.2.70.5.11.1.142.9.0 - no longer maintained0.9 r24 - abandoned since 2012.10.2.22.0.0-beta0.97.20.5.0-beta80.20.10.96.1 - no longer maintained
Release date2014-05-202015-09-152016-05-272015-05-172014-05-012015-06-252015-08-252013-02-042011-04-132012-06-072015-07-152011-05-072015-03-162015-11-102010-05-122015-09-12
LicenseGPL, LGPL, MPL / CommercialCC BY-NC-ND, CommercialCommercial, Paid https://www.froala.com/wysiwyg-editor/pricingMITGPLv2 / Commercial starting at 200 EURLGPL, CommercialLGPL-3MIT / GPLBSDMITCommercialMIT / GPLMITGPLv3 and CommercialBSD 3-ClauseMITBSDMIT
DependenciesjQuery 1.11.0+jQuery, Bootstrap, Font-Awesomeoptional jQuery versionCKEditor's engine, uses React to draw the UIjQueryYUIjQuery 1.9.1+jQuery 1.7+jQueryThe code is completely library agnostic
Features
Integration modeiframeiframein-placein-placein-placeiframein-placetextareain-placetextareain-placein-placein-placeiframein-placeiframein-place
WYSIWYGYesYesYesYesYesYesYesNoYesYesYesYesYesYesYes LightYesYes
Output formatHTMLHTMLHTML5HTMLHTMLhtml
bbcode
HTML
Wiki
Markup
BBCode
Textile
Dotclear
HTMLHTML
XHTML
HTMLHTMLHTML5HTMLHTMLHTML
Link insertionYesYesYesYesYes pluginYesYesYesYesYesYesYesYesYesYesYes
Image insertionYes Upload, paste from clipboard: http://ckeditor.com/tmp/4.5.0-beta/image-upload.htmlYes Automatic image uploads, drag & drop, copy paste images from desktop applications, copy-paste images and text from Microsoft Word.Yes Paste from clipboard, get from URL, upload, choose from a list of images.Yes Paste from clipboard- Plugin; may not work - https://github.com/alohaeditor/Aloha-Editor/issues/797Yes Media management and enterprise copy-paste are availableYes Can paste images and take camera picturesYesYesNo Can't paste imagesYes- Can paste from clipboard or insert from URL. No option to upload.No Can't paste from clipboard- Can't upload or paste - https://github.com/Voog/wysihtml/issues/163- 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/657YesYes
Rich text paste- Loses formatting - http://dev.ckeditor.com/ticket/13336Yes Configurable. Can preserve or remove formatting.Yes Can be enabled using the editor options. https://www.froala.com/wysiwyg-editor/docs/options#pasteDeniedAttrsYes Preserves formattingYesYes Better thank CKEditor for the same testYes- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131No No - loses all formattingNo Formatting is lost
Table editing- Buggy - http://dev.ckeditor.com/ticket/13340Yes Solid - http://textbox.io/demo/Yes V2 comes with one of the most advanced table editing tools.YesYes pluginYesYesNoNoYes- Can edit table content, but requires plugin to edit tablesNo Would need plugin - https://github.com/Alex-D/Trumbowyg/issues/93YesNoNoYesYes
SpellcheckerYes WebSpellChecker.netYes On premise spell checking service, cloud spell checker available.Yes Browser default spellcheckYes Uses the browser's built-inNoYes plugin with PHP backendYes Uses the browser's built-in, can use CKEditor's spellcheck pluginsNoNoNoNo Not baked in but most modern browsers spell-checkYes Uses the browser's built-inNoNoYes Uses the browser's built-inNoNo Relies on browser spell checker support
PluginsYes Add-ons RepositoryYesYes https://www.froala.com/wysiwyg-editor/docs/pluginsYesYesYes Can use almost all of CKEditor's plugins, has a few own too (for example for auto-link insertion)- no public plugin directory but extensibleNoYesYesYes Yes, 3 at the moment - https://github.com/Alex-D/Trumbowyg/tree/master/pluginsYesYesNo
Toggle to edit HTMLYesYes Automatic indentation & syntax highlighting.Yes Code Mirror integration for HTML highlightingYes YepNo Apparently not?YesYesYesNoYesYesNo Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131YesYesNoYesYes
Other
Websitehttp://ckeditor.com/http://textbox.io/https://www.froala.com/wysiwyg-editorhttps://github.com/summernote/summernotehttp://www.aloha-editor.org/http://www.tinymce.com/http://alloyeditor.comhttp://markitup.jaysalvat.com/http://developer.yahoo.com/yui/editor/http://nicedit.com/http://imperavi.com/redactor/http://alex-d.github.io/Trumbowyg/https://github.com/akzhan/jwysiwyghttps://github.com/Voog/wysihtmlhttp://quilljs.comhttps://github.com/yabwe/medium-editorhttp://xinha.webfactional.com/http://getcontenttools.com
Demo web linkhttp://ckeditor.com/demohttp://textbox.io/demohttps://www.froala.com/wysiwyg-editorhttp://summernote.orghttp://www.aloha-editor.org/demos.phphttp://www.tinymce.com/tryit/basic.phphttp://alloyeditor.com/demo/http://markitup.jaysalvat.com/examples/html/http://developer.yahoo.com/yui/examples/editor/index.htmlhttp://nicedit.com/demos.phphttp://imperavi.com/redactor/http://akzhan.github.com/jwysiwyg/help/examples/http://wysihtml.com/http://quilljs.com/examples/https://yabwe.github.io/medium-editor/http://xinha.raimundmeyer.de/x_examples/ext_example.htmlhttp://getcontenttools.com/demo
Wikipediahttp://en.wikipedia.org/wiki/CKEditorhttps://en.wikipedia.org/wiki/Froala_Editorhttp://en.wikipedia.org/wiki/Aloha_Editorhttp://en.wikipedia.org/wiki/TinyMCEhttp://en.wikipedia.org/wiki/YUI_Rich_Text_Editorhttps://github.com/xing/wysihtml5/wiki
Last update2015-05-31 09:21:482015-10-28 22:35:562016-05-31 10:49:272016-02-10 23:56:342015-06-01 11:53:282015-10-28 22:35:562015-08-25 09:02:072013-02-05 10:50:222015-05-29 13:41:542015-05-29 13:41:542015-07-30 20:40:332015-06-03 01:17:562015-05-29 13:41:542015-05-29 13:41:542015-05-29 13:41:542016-02-10 23:56:342015-06-01 11:53:282015-05-29 13:41:542015-09-14 23:58:46
Like 4 4 4 2 2 1 1 1 1 1 1 0 0 0 0 0 0 0 0
Mobile ReadyYes iOS 6+, Chrome for AndroidYes iOSYes iOS, AndroidYes Yes, with a minor problem in the demo - https://github.com/summernote/summernote/issues/1104No No - https://github.com/liferay/alloy-editor/issues/226No Editor is currently aimed at desktop devices.
Minified size140 Kb, 38Kb gzipped598 Kb, 167Kb gzipped15 K120 KB241 kb / 49kb gzipped (figures include JS, CSS, images and fonts).
Floating toolbarYes Yes when using inline (in-place) mode.Yes Yes.Yes Yes, see the "Air mode" example at http://summernote.org/#/exampleYes Yes - see demoNo https://github.com/Alex-D/Trumbowyg/issues/69YesYes
Initialization time30 ms
Embed
  • 2011-08-02 13:45:27
    2016-05-31 10:49:27
  • Webmaster
    English
  • Compare javascript libraries to implement rich text editor: Aloha Editor vs CKEditor vs MarkitUp vs TinyMCE vs Froala Editor
  • Public
    Public
  • Creative Commons License CC-BY-SA 3.0 / GNU FDL
    Manage backups

Comments

  • voted for Froala Editor (Like)
    Our company switched to Froala. It's easy to use, well documented, and the support has been amazing. I would recommend it to anyone.
    Posted 2016-06-15 14:47:04 by Arthur G N McLean
  • voted for this Comparison (Like)
    Our company switched to Froala. It's well documented, works great, and the support has been amazing! I would recommend it to anyone.
    Posted 2016-06-15 14:46:02 by Arthur G N McLean
  • voted for Froala Editor (Like)
    Posted 2016-02-29 22:04:38 by Stefan Neculai
  • voted for Froala Editor (Like)
    works and easily customized and add new plugins
    Posted 2015-08-23 22:38:00 by Dave Ladouceur
  • voted for Textbox.io (Like)
    Posted 2015-08-18 20:01:18 by Matt
  • voted for Froala Editor (Like)
    Posted 2015-07-30 20:49:03 by PseudoNinja
  • voted for Summernote (Like)
    Posted 2015-07-30 20:48:55 by PseudoNinja
  • voted for Redactor (Like)
    Posted 2015-07-30 20:48:47 by PseudoNinja
  • voted for this Comparison (Like)
    Trying to do a bunch of this research now on my own, this just saved me a boat load of time.
    Posted 2015-07-30 20:30:17 by PseudoNinja
  • 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