Javascript Online Rich Text Editors

Business > Webmaster
2015-09-14 23:58:46

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....


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 EditorNicEditXinhaRedactorContentTools
Latest version0. Alpha build 1881.2.0.2762.0.0-beta0. - no longer maintained0.9 r24 - abandoned since 2012.0.96.1 - no longer maintained10.2.2
Release date2015-05-172014-05-202014-05-062014-05-012015-04-152015-08-252011-05-072015-03-162013-02-042011-04-132012-06-072010-05-122015-07-152015-09-12
LicenseMITGPL, LGPL, MPL / CommercialLGPL, CommercialGPLv2 / Commercial starting at 200 EURCommercialLGPL-3MIT / GPLMITMIT / GPLGPLv3 and CommercialMITBSDMITBSDCommercialMIT
DependenciesjQuery, Bootstrap, Font-Awesomeoptional jQuery versionjQuery 1.7+CKEditor's engine, uses React to draw the UIjQueryThe code is completely library agnosticjQueryYUIjQuery 1.9.1+
Integration modein-placeiframeiframein-placein-placein-placein-placein-placeiframetextareain-placetextareaiframein-placein-place
WYSIWYGYesYesYesYesYesYesYesYesYesNoYes LightYesYesYesYes
Link insertionYesYesYes pluginYesYesYesYesYesYesYesYesYesYes
Image insertionYes Paste from clipboardYes Upload, paste from clipboard: Can upload, but not paste from clipboard.- Plugin; may not work - 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 - Upload images; can't paste from clipboard - Can't paste or upload images - Drag & drop, but not upload or paste - Can't paste imagesYesYesYes
Rich text pasteYes Preserves formatting- Loses formatting - Loses any color formatting when pasting from Loses color formatting- Loses color formatting - Almost perfect - Better thank CKEditor for the same testNo No - loses all formattingYesNo Formatting is lost
Table editing- Can only create table, not further edit the cells. Also buggy - Buggy - Yes but the cells very narrow when empty and it's hard to startYes pluginYes Solid - Buggy - Would need plugin - Can edit table content, but requires plugin to edit tablesYes
SpellcheckerYes Uses the browser's built-inYes WebSpellChecker.netYes plugin with PHP backendNoYesYes Uses the browser's built-inYes Uses the browser's built-in, can use CKEditor's spellcheck pluginsNoNoNoNoNoNoNo Not baked in but most modern browsers spell-checkNo Relies on browser spell checker support
PluginsYes Add-ons RepositoryYesYesYesYes Yes, 3 at the moment - Can use almost all of CKEditor's plugins, has a few own too (for example for auto-link insertion)YesYes- no public plugin directory but extensibleNoYesNoYes
Toggle to edit HTMLYes YepYesYesNo Apparently not?Yes Syntax highlighting.No Yes but may lose formatting -
Demo web linkhttp://summernote.org
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-08-25 09:02:072015-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:542015-07-30 20:40:332015-09-14 23:58:46
Like 2 4 1 2 4 2 0 1 0 0 1 0 0 0 1 1 0 1 0
Mobile ReadyYes Yes, with a minor problem in the demo - iOS 6+, Chrome for AndroidYes iOSNo No - Editor is currently aimed at desktop devices.
Minified size15 K598 Kb, 167Kb gzipped241 kb / 49kb gzipped (figures include JS, CSS, images and fonts).
Floating toolbarYes Yes, see the "Air mode" example at Yes - see demoYesYes
  • 2011-08-02 13:45:27
    2015-09-14 23:58:46
  • Webmaster
  • Compare javascript libraries to implement rich text editor: Aloha Editor vs CKEditor vs MarkitUp vs TinyMCE
  • Public
  • Creative Commons License CC-BY-SA 3.0 / GNU FDL
    Manage backups


Leave a comment

Build comparison tables or lists about everything !

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

Create a table