Javascript Online Rich Text Editors

Entreprises > 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
Dernière 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
Date de sortie2014-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
LicenceGPL, 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
DépendancesjQuery 1.11.0+jQuery, Bootstrap, Font-Awesomeversion jQuery optionnelCKEditor's engine, uses React to draw the UIjQueryYUIjQuery 1.9.1+jQuery 1.7+jQueryThe code is completely library agnostic
Fonctionnalités
Intégrationiframeiframeen-placeen-placeen-placeiframeen-placetextareaen-placetextareaen-placeen-placeen-placeiframeen-placeiframeen-place
WYSIWYGOuiOuiOuiOuiOuiOuiOuiNonOuiOuiOuiOuiOuiOuiOui LightOuiOui
Format de sortieHTMLHTMLHTML5HTMLHTMLhtml
bbcode
HTML
Wiki
Markup
BBCode
Textile
Dotclear
HTMLHTML
XHTML
HTMLHTMLHTML5HTMLHTMLHTML
Insertion de lienOuiOuiOuiOuiOui pluginOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui
Insertion d'imageOui Upload, paste from clipboard: http://ckeditor.com/tmp/4.5.0-beta/image-upload.htmlOui Automatic image uploads, drag & drop, copy paste images from desktop applications, copy-paste images and text from Microsoft Word.Oui Paste from clipboard, get from URL, upload, choose from a list of images.Oui Paste from clipboard- Plugin; may not work - https://github.com/alohaeditor/Aloha-Editor/issues/797Oui Media management and enterprise copy-paste are availableOui Can paste images and take camera picturesOuiOuiNon Can't paste imagesOui- Can paste from clipboard or insert from URL. No option to upload.Non 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/657OuiOui
Rich text paste- Loses formatting - http://dev.ckeditor.com/ticket/13336Oui Configurable. Can preserve or remove formatting.Oui Can be enabled using the editor options. https://www.froala.com/wysiwyg-editor/docs/options#pasteDeniedAttrsOui Preserves formattingOuiOui Better thank CKEditor for the same testOui- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131Non No - loses all formattingNon Formatting is lost
Edition de tableau- Buggy - http://dev.ckeditor.com/ticket/13340Oui Solid - http://textbox.io/demo/Oui V2 comes with one of the most advanced table editing tools.OuiOui pluginOuiOuiNonNonOui- Can edit table content, but requires plugin to edit tablesNon Would need plugin - https://github.com/Alex-D/Trumbowyg/issues/93OuiNonNonOuiOui
Correcteur orthographiqueOui WebSpellChecker.netOui On premise spell checking service, cloud spell checker available.Oui Browser default spellcheckOui Uses the browser's built-inNonOui plugin nécessitant PHPOui Uses the browser's built-in, can use CKEditor's spellcheck pluginsNonNonNonNon Not baked in but most modern browsers spell-checkOui Uses the browser's built-inNonNonOui Uses the browser's built-inNonNon Relies on browser spell checker support
PluginsOui Add-ons RepositoryOuiOui https://www.froala.com/wysiwyg-editor/docs/pluginsOuiOuiOui Can use almost all of CKEditor's plugins, has a few own too (for example for auto-link insertion)Non pas de plugin publique mais extensibleNonOuiOuiOui Yes, 3 at the moment - https://github.com/Alex-D/Trumbowyg/tree/master/pluginsOuiOuiNon
Bascule en mode HTMLOuiOui Automatic indentation & syntax highlighting.Oui Code Mirror integration for HTML highlightingOui YepNon Apparently not?OuiOuiOuiNonOuiOuiNon Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131OuiOuiNonOuiOui
Autres
Site webhttp://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
Lien de démonstrationhttp://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
Wikipédiahttp://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
Mis à jour2015-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
J'aime 4 4 4 2 2 1 1 1 1 1 1 0 0 0 0 0 0 0 0
Mobile ReadyOui iOS 6+, Chrome for AndroidOui iOSOui iOS, AndroidOui Yes, with a minor problem in the demo - https://github.com/summernote/summernote/issues/1104Non No - https://github.com/liferay/alloy-editor/issues/226Non Editor is currently aimed at desktop devices.
Taille minifié140 Kb, 38Kb gzipped598 Kb, 167Kb gzipped15 K120 KB241 kb / 49kb gzipped (figures include JS, CSS, images and fonts).
Floating toolbarOui Yes when using inline (in-place) mode.Oui Yes.Oui Yes, see the "Air mode" example at http://summernote.org/#/exampleOui Yes - see demoNon https://github.com/Alex-D/Trumbowyg/issues/69OuiOui
Initialization time30 ms
Inclure
  • 2011-08-02 13:45:27
    2016-05-31 10:49:27
  • Webmaster
    English
  • Compare les librairies javascript pour réaliser un éditeur de texte riche (rich text editor): Aloha Editor, CKEditor, MarkitUp, NicEdit, TinyMCE, Xinha, YUI Rich Text Editor
  • Publique
    Publique
  • Creative Commons License CC-BY-SA 3.0 / GNU FDL
    Gérer les sauvegardes

Commentaires

  • a voté pour Froala Editor (J'aime)
    Our company switched to Froala. It's easy to use, well documented, and the support has been amazing. I would recommend it to anyone.
    English Posté 2016-06-15 14:47:04 par Arthur G N McLean
  • a voté pour ce Comparatif (J'aime)
    Our company switched to Froala. It's well documented, works great, and the support has been amazing! I would recommend it to anyone.
    English Posté 2016-06-15 14:46:02 par Arthur G N McLean
  • a voté pour Froala Editor (J'aime)
    Posté 2016-02-29 22:04:38 par Stefan Neculai
  • a voté pour Froala Editor (J'aime)
    works and easily customized and add new plugins
    English Posté 2015-08-23 22:38:00 par Dave Ladouceur
  • a voté pour Textbox.io (J'aime)
    Posté 2015-08-18 20:01:18 par Matt
  • a voté pour Froala Editor (J'aime)
    Posté 2015-07-30 20:49:03 par PseudoNinja
  • a voté pour Summernote (J'aime)
    Posté 2015-07-30 20:48:55 par PseudoNinja
  • a voté pour Redactor (J'aime)
    Posté 2015-07-30 20:48:47 par PseudoNinja
  • a voté pour ce Comparatif (J'aime)
    Trying to do a bunch of this research now on my own, this just saved me a boat load of time.
    English Posté 2015-07-30 20:30:17 par PseudoNinja
  • a voté pour Alloy Editor (J'aime)
    Posté 2015-06-25 18:10:34 par Damijan Cavar
  • a voté pour ce Comparatif (J'aime)
    Now that I've added the modern editors (Aloha, Summernote, Froala), we have a decent comparison.
    English Posté 2015-05-29 14:28:03 par dandv
  • a voté pour Summernote (J'aime)
    MIT-licensed, includes the image as BASE64 in the HTML, integrates with Meteor
    English Posté 2015-05-29 13:09:30 par dandv
  • suggère de modifier WYSIHTML5 en mettant la valeur de Nom à WYSIHTML
    xing/wysihtml5 was no longer developed and was taken over in a fork by Voog now.
    English Posté 2015-05-29 13:04:26 par dandv
  • a voté pour CKEditor (J'aime)
    ff
    Posté 2015-05-21 00:08:02 par aa_hacene
  • a voté pour CKEditor (J'aime)
    Posté 2015-05-20 11:03:53 par Wojtek Cichoń
  • a voté pour CKEditor (J'aime)
    had good experience with the component
    English Posté 2015-04-29 15:50:22 par Nisho
  • a voté pour Textbox.io (J'aime)
    Posté 2015-04-23 01:59:19 par Gavin
  • a voté pour TinyMCE (J'aime)
    Posté 2015-03-12 18:56:16 par AndrewR
  • a voté pour Textbox.io (J'aime)
    Posté 2015-03-12 18:53:16 par AndrewR
  • a voté pour CKEditor (J'aime)
    Posté 2014-09-02 17:33:25 par ATRP
  • a voté pour Textbox.io (J'aime)
    Posté 2014-09-02 17:33:01 par ATRP
  • Aloha Editor is GPLv2 by the way
    English Posté 2013-11-27 14:46:54 par Manuel Aghamanoukjan
  • a voté pour NicEdit (J'aime)
    Nice...
    English Posté 2013-08-19 13:36:51 par huynhnguyen
  • a voté pour ce Comparatif (J'aime)
    Posté 2012-02-29 18:43:20 par flexjoly
  • Posté 2011-12-23 20:31:53 par devsmt
  • a voté pour MarkitUp (J'aime)
    Posté 2011-12-23 20:31:48 par devsmt
  • a voté pour ce Comparatif (J'aime)
    Posté 2011-11-10 20:56:34 par Gigamaster
  • @cqeb
    Thanks for the correction. I've checked yesterday and rechecked today; I don't know how I missed it.
    English Posté 2011-08-03 22:11:19 par Alexis
  • a voté pour Aloha Editor (J'aime)
    Posté 2011-08-03 14:48:21 par Andre Müller
  • a voté pour Aloha Editor (J'aime)
    You missed one important point. CKeditor and TinyMCE are iFrame-based which is outdated. Aloha Editor uses DOM manipulation!
    English Posté 2011-08-03 14:28:14 par cqeb
  • a voté pour ce Comparatif (J'aime)
    Posté 2011-08-02 23:06:28 par Alexis

Laisser un commentaire

Créer des tableaux comparatifs ou listes sur tout !

C'est gratuit et rapide de créer des tableaux originaux

Créer un tableau