Javascript Online Rich Text Editors

Business > Webmaster
6
2016-11-30 21:35:44

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).
Alloy EditorAloha EditorCKEditorContentToolsFroala EditorjWYSIWYGMarkitUpMedium editorNicEditQuillRaptor EditorRedactorSummernoteTextbox.ioTinyMCETrumbowygWYSIHTML5XinhaYUI Rich Text Editor
Latest version0.5.12.0.0 Alpha build 1884.5.112.3.00.97.21.1.140.9 r24 - abandoned since 2012.0.20.110.2.20.6.72.04.52.0.0-beta0.5.0-beta80.96.1 - no longer maintained2.9.0 - no longer maintained
Release date2015-08-252014-05-012016-09-072015-09-122016-05-272011-05-072013-02-042012-06-072015-11-102015-07-152015-05-172016-08-082016-11-232015-03-162010-05-122011-04-13
LicenseLGPL-3GPLv2 / Commercial starting at 200 EURGPL, LGPL, MPL / CommercialMITCommercial, Paid https://www.froala.com/wysiwyg-editor/pricingMIT / GPLMIT / GPLMITMITBSD 3-ClauseGPLv3 and CommercialCommercialMITCC BY-NC-ND, CommercialLGPL, CommercialMITBSDBSD
DependenciesCKEditor's engine, uses React to draw the UIjQuery 1.11.0+jQueryjQueryjQuery 1.9.1+jQuery, Bootstrap, Font-Awesomeoptional jQuery versionjQuery 1.7+The code is completely library agnosticYUI
Features
Integration modein-placein-placeiframein-placein-placein-placetextareatextareain-placein-placein-placein-place and iframein-place and iframein-placeiframeiframein-place
WYSIWYGYesYesYesYesYesYesNoYes LightYesYesYesYesYesYesYesYesYes
Output formathtml
bbcode
HTMLHTML5, ConfigurableHTMLHTML5HTMLHTML
Wiki
Markup
BBCode
Textile
Dotclear
HTML
XHTML
HTMLHTMLHTML5HTML5HTML5HTMLHTML
Link insertionYesYes pluginYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Image insertionYes Can paste images and take camera pictures- Plugin; may not work - https://github.com/alohaeditor/Aloha-Editor/issues/797Yes Upload, paste from clipboard: http://ckeditor.com/tmp/4.5.0-beta/image-upload.htmlYesYes Paste from clipboard, get from URL, upload, choose from a list of images.No Can't paste from clipboardYes- Drag & drop, but not upload or paste - https://github.com/yabwe/medium-editor/issues/657No Can't paste images- Can't paste or upload images - https://github.com/quilljs/quill/issues/137- Upload images; can't paste from clipboard - https://github.com/PANmedia/raptor-editor/issues/56YesYes Paste from clipboardYes Yes Automatic image uploads, drag & drop, copy paste images from desktop applications, copy-paste from clipboard multi-images and text from Microsoft Word.Yes Yes Media management, drag & drop. Enterprise MS Word or web page copy-paste from clipboard with multi-images- Can paste from clipboard or insert from URL. No option to upload.- Can't upload or paste - https://github.com/Voog/wysihtml/issues/163YesYes
Rich text pasteYes Better thank CKEditor for the same testYes Powerful. Cleans up data to matches available editor features. Very configurable.No Formatting is lostYes Can be enabled using the editor options. https://www.froala.com/wysiwyg-editor/docs/options#pasteDeniedAttrsNo No - loses all formattingYesYes Preserves formattingYes Yes Configurable. Enterprise can preserve or remove formatting.Yes Yes Configurable. Enterprise can preserve or remove formatting.- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131
Table editingYesYes pluginYes Editing features in context menu.YesYes V2 comes with one of the most advanced table editing tools.YesNoYesNo- Can edit table content, but requires plugin to edit tablesYesYes Yes Solid - http://textbox.ioYes Yes solid. Popup table toolbar or context menuNo Would need plugin - https://github.com/Alex-D/Trumbowyg/issues/93NoYesNo
SpellcheckerYes Uses the browser's built-in, can use CKEditor's spellcheck pluginsNoYes WebSpellChecker.netNo Relies on browser spell checker supportYes Browser default spellcheckNoNoNoYes Uses the browser's built-inNo Not baked in but most modern browsers spell-checkYes Uses the browser's built-inYes Yes On premise spell checking service, cloud spell checker available.Yes Yes plugin with PHP backend, enterprise cloud or on-premise with custom dictionaryYes Uses the browser's built-inNoNoNo
PluginsYes Can use almost all of CKEditor's plugins, has a few own too (for example for auto-link insertion)YesYes Add-ons RepositoryYes https://www.froala.com/wysiwyg-editor/docs/pluginsYes- no public plugin directory but extensibleYesYesYesYesYes Yes, 3 at the moment - https://github.com/Alex-D/Trumbowyg/tree/master/pluginsYesNoNo
Toggle to edit HTMLYesNo Apparently not?YesYesYes Code Mirror integration for HTML highlightingYesYesYesNoYesYes YepYes Automatic indentation & syntax highlighting.YesNo Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131YesYesNo
Other
Websitehttp://alloyeditor.comhttp://www.aloha-editor.org/http://ckeditor.com/http://getcontenttools.comhttps://www.froala.com/wysiwyg-editorhttps://github.com/akzhan/jwysiwyghttp://markitup.jaysalvat.com/https://github.com/yabwe/medium-editorhttp://nicedit.com/http://quilljs.comhttp://imperavi.com/redactor/https://github.com/summernote/summernotehttp://textbox.io/http://www.tinymce.com/http://alex-d.github.io/Trumbowyg/https://github.com/Voog/wysihtmlhttp://xinha.webfactional.com/http://developer.yahoo.com/yui/editor/
Demo web linkhttp://alloyeditor.com/demo/http://www.aloha-editor.org/demos.phphttp://ckeditor.com/demohttp://getcontenttools.com/demohttps://www.froala.com/wysiwyg-editorhttp://akzhan.github.com/jwysiwyg/help/examples/http://markitup.jaysalvat.com/examples/html/https://yabwe.github.io/medium-editor/http://nicedit.com/demos.phphttp://quilljs.com/examples/http://imperavi.com/redactor/http://summernote.orghttp://textbox.io/demohttps://www.tinymce.com/http://wysihtml.com/http://xinha.raimundmeyer.de/x_examples/ext_example.htmlhttp://developer.yahoo.com/yui/examples/editor/index.html
Wikipediahttp://en.wikipedia.org/wiki/Aloha_Editorhttp://en.wikipedia.org/wiki/CKEditorhttps://en.wikipedia.org/wiki/Froala_Editorhttp://en.wikipedia.org/wiki/TinyMCEhttps://github.com/xing/wysihtml5/wikihttp://en.wikipedia.org/wiki/YUI_Rich_Text_Editor
Last update2015-08-25 09:02:072015-06-01 11:53:282016-10-07 11:53:242015-09-14 23:58:462016-05-31 10:49:272015-05-29 13:41:542013-02-05 10:50:222015-06-01 11:53:282015-05-29 13:41:542016-02-10 23:56:342015-05-29 13:41:542015-07-30 20:40:332016-02-10 23:56:342016-11-16 20:33:482016-11-30 21:35:442015-06-03 01:17:562015-05-29 13:41:542015-05-29 13:41:542015-05-29 13:41:54
Like 1 2 8 0 6 0 1 0 1 0 0 1 2 4 3 0 0 0 1
Mobile ReadyNo No - https://github.com/liferay/alloy-editor/issues/226Yes iOS 6+, Chrome for AndroidNo Editor is currently aimed at desktop devices.Yes iOS, AndroidYes Yes, with a minor problem in the demo - https://github.com/summernote/summernote/issues/1104Yes Yes iOS, Android
Minified size598 Kb, 167Kb gzipped241 kb / 49kb gzipped (figures include JS, CSS, images and fonts).140 Kb, 38Kb gzipped120 KB948 kb, 284kb gzipped383 kb, 129kb gzipped15 K
Floating toolbarYes Yes - see demoYes Yes: http://ckeditor.com/demo#inlineYesYes Yes.YesYes Yes, see the "Air mode" example at http://summernote.org/#/exampleYes Yes when using inline (in-place) mode.Yes Yes https://www.tinymce.com/docs/demo/inline/No https://github.com/Alex-D/Trumbowyg/issues/69
Initialization time30 ms
Embed
  • 2011-08-02 13:45:27
    2016-11-30 21:35:44
  • 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

Leave a comment

Build comparison tables or lists about everything !

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

Create a table