Compare Sizes
Register
Français Español

Javascript Online Rich Text Editors

13

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).
Link
Alloy EditorAloha EditorCKEditorContentToolsFroala EditorjWYSIWYGMarkitUpMedium editorNicEditQuillRaptor EditorRedactorSummernoteTextbox.ioTinyMCETrumbowygWYSIHTML5XinhaYUI Rich Text Editor
Latest version2.11.11.4.585.151.6.103.0.50.97.21.1.150.9 r24 - abandoned since 2012.1.3.610.2.20.6.72.15.0.72.200.5.0-beta80.96.1 - no longer maintained2.9.0 - no longer maintained
Release dateOct. 22nd 2019 Nov. 12th 2019 Oct. 23rd 2019 Aug. 9th 2018 Aug. 16th 2019 May 7th 2011 Aug. 16th 2018 Jun. 7th 2012 Mar. 12th 2018 Jul. 15th 2015 May 17th 2015 Nov. 21st 2016 Jun. 5th 2019 Nov. 4th 2019 Mar. 16th 2015 May 12th 2010 Apr. 13th 2011
LicenseLGPL-3GPLv2 / Commercial starting at 200 EURGPL 2+, CommercialMITCommercial, Paid froala.com/...MIT / GPLMIT / GPLMITMITBSD 3-ClauseGPLv3 and CommercialCommercialMITCC BY-NC-ND, CommercialLGPL, CommercialMITBSDBSD
DependenciesCKEditor's engine, uses React to draw the UIindependentjQueryjQueryjQuery 1.9.1+jQuery, Bootstrap, Font-AwesomeOptional jQuery versionjQuery 1.7+The code is completely library agnosticYUI
Features
Integration modein-placein-placeiframein-placein-place and iframein-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
JSONHTMLHTML5HTML5HTML5HTMLHTML
Link insertionYesYes pluginYesYesYesYesYesYesYesYesYesYesYesYesYesYesYes
Link CheckingYes Yes. Premium solution, checks link validity in real time.
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 Yes. Paste from clipboard, drag&drop, 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 imagesYes- 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. Drag & drop. In-editor image manipulation and editing. Premium Word, Excel, web copy/paste from clipboard with multi-images. Easy integration with Tiny Drive file uploader & media management.- Can paste from clipboard or insert from URL. No option to upload.- Can't upload or paste - https://github.com/Voog/wysihtml/issues/163YesYes
Media EmbedYes Yes. Embedding video from YouTube, Twitter posts and a lot of other reach media sourcesYes Yes. Premium solution, responsive, rich media embeds from 1,800 sources. Live previews inside editor.
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. Premium solution (PowerPaste) can preserve or remove formatting.- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131
Table editingYesYes pluginYes Editing features in context menu.YesYes v3 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, stable tables. Popup table toolbar or context menu.No 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. Premium option in cloud or on-prem with custom dictionaries, multiple languages.Yes 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 extensibleYesYesYesYes Yes. Always growing list of open source, premium and partner plugins to extend the editor. Includes track changes and comments.Yes 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.Yes Yes. Open source HTML code view. Premium solution, IDE-like features inc code folding, syntax highlighting.No Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131YesYesNo
Other
Websitealloyeditor.comalohaeditor.orgckeditor.comgetcontenttools.comfroala.com/...github.com/...jaysalvat.comgithub.com/...nicedit.comquilljs.comimperavi.com/...github.com/...textbox.iotiny.cloudgithub.io/...github.com/...webfactional.comyahoo.com/...
Demo web linkalloyeditor.comalohaeditor.orgckeditor.comgetcontenttools.com/...froala.com/...github.com/...jaysalvat.com/...github.io/...nicedit.com/...quilljs.com/...imperavi.com/...summernote.orgtextbox.io/...tiny.cloud/...github.io/...wysihtml.comraimundmeyer.de/...yahoo.com/...
Wikipediawikipedia.org/...wikipedia.org/...wikipedia.org/...wikipedia.org/...github.com/...wikipedia.org/...
Last updateNov. 14th 2019 9:46:38 PMNov. 14th 2019 9:46:38 PMNov. 14th 2019 9:47:32 PMNov. 14th 2019 9:48:57 PMSep. 25th 2019 4:26:32 PMMay 29th 2015 1:41:54 PMNov. 14th 2019 9:56:04 PMJun. 1st 2015 11:53:28 AMMay 29th 2015 1:41:54 PMNov. 14th 2019 9:46:38 PMMay 29th 2015 1:41:54 PMJul. 30th 2015 8:40:33 PMNov. 24th 2020 4:54:11 PMDec. 12th 2016 11:32:11 PMJun. 12th 2019 9:39:27 PMNov. 14th 2019 9:54:40 PMMay 29th 2015 1:41:54 PMMay 29th 2015 1:41:54 PMMay 29th 2015 1:41:54 PM
Like
1
2
11
0
8
0
1
0
2
0
0
1
2
4
7
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, AndroidYes 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"Yes Yes when using inline (in-place) mode.Yes Yes. Floating and Sliding modes. https://www.tiny.cloud/docs/configure/editor-appearance/#floatingNo https://github.com/Alex-D/Trumbowyg/issues/69
Initialization time30 ms
Embed
Compare javascript libraries to implement rich text editor: Aloha Editor vs CKEditor vs MarkitUp vs TinyMCE vs Froala Editor
Webmaster
English
Public
Public
Nov. 24th 2020 4:54:11 PM
5 more
View changes
Manage backups

User reviews and comments

  • evawhittle on Apr. 18th 2020 4:37:07 AM

    I prefer TinyMCE because of its extensive features available and easy operation. Its Rich text paste plugin support is a really helpful feature which enables users to copy/paste data from any source and to ensure clean, compliant content that matches the look and feel of the site. If you are looking for an cost effective alternative to Powerpaste plugin in TinyMCE then PasteitCleaned is the best option. Very easy to use and available at an affordable price.

  • Aleksandra Nikolova on Aug. 8th 2016 1:10:41 PM

    I use shieldui editor - it used for rich text editing via a powerful WYSIWYG component shieldui.com/...

  • dandv on May 29th 2015 1:04:26 PM
    suggested on WYSIHTML5 to set Name to WYSIHTML

    xing/wysihtml5 was no longer developed and was taken over in a fork by Voog now.

  • Manuel Aghamanoukjan on Nov. 27th 2013 2:46:54 PM

    Aloha Editor is GPLv2 by the way

  • Alexis on Aug. 3rd 2011 10:11:19 PM

    @cqeb
    Thanks for the correction. I've checked yesterday and rechecked today; I don't know how I missed it.