Javascript Online Rich Text Editors

Entreprises > Webmaster
5
2016-02-10 23:56:34

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).
SummernoteCKEditorTinyMCEAloha EditorTextbox.ioFroala EditorTrumbowygAlloy EditorjWYSIWYGWYSIHTML5MarkitUpRaptor EditorQuillMedium editorYUI Rich Text EditorNicEditXinhaRedactorContentTools
Dernière version0.6.74.4.14.2.72.0.0 Alpha build 1881.32.0.0-beta0.5.10.97.20.5.0-beta81.1.140.20.12.9.0 - no longer maintained0.9 r24 - abandoned since 2012.0.96.1 - no longer maintained10.2.2
Date de sortie2015-05-172014-05-202015-06-252014-05-012015-09-152015-08-252011-05-072015-03-162013-02-042015-11-102011-04-132012-06-072010-05-122015-07-152015-09-12
LicenceMITGPL, LGPL, MPL / CommercialLGPL, CommercialGPLv2 / Commercial starting at 200 EURCC BY-NC-ND, CommercialLGPL-3MIT / GPLMITMIT / GPLGPLv3 and CommercialBSD 3-ClauseMITBSDMITBSDCommercialMIT
DépendancesjQuery, Bootstrap, Font-Awesomeversion jQuery optionneljQuery 1.7+CKEditor's engine, uses React to draw the UIjQueryThe code is completely library agnosticjQueryYUIjQuery 1.9.1+
Fonctionnalités
Intégrationen-placeiframeiframeen-placeiframeen-placeen-placeen-placeiframetextareaen-placeen-placetextareaiframeen-placeen-place
WYSIWYGOuiOuiOuiOuiOuiOuiOuiOuiOuiNonOuiOui LightOuiOuiOuiOui
Format de sortieHTMLHTMLHTMLHTMLhtml
bbcode
HTMLHTML5HTML
Wiki
Markup
BBCode
Textile
Dotclear
HTMLHTMLHTML
XHTML
HTMLHTMLHTML
Insertion de lienOuiOuiOuiOui pluginOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui
Insertion d'imageOui Paste from clipboardOui Upload, paste from clipboard: http://ckeditor.com/tmp/4.5.0-beta/image-upload.htmlOui Media management and enterprise copy-paste are available- Plugin; may not work - https://github.com/alohaeditor/Aloha-Editor/issues/797Oui 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- Can paste from clipboard or insert from URL. No option to upload.Oui Can paste images and take camera picturesNon Can't paste from clipboard- Can't upload or paste - https://github.com/Voog/wysihtml/issues/163Oui- 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/657OuiNon Can't paste imagesOuiOuiOui
Rich text pasteOui Preserves formatting- Loses formatting - http://dev.ckeditor.com/ticket/13336OuiOui Configurable. Can preserve or remove formatting.- Loses color formatting - https://github.com/froala/wysiwyg-editor/issues/552- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131Oui Better thank CKEditor for the same testNon No - loses all formattingOuiNon Formatting is lost
Edition de tableauOui- Buggy - http://dev.ckeditor.com/ticket/13340OuiOui pluginOui Solid - http://textbox.io/demo/- Buggy - https://github.com/froala/wysiwyg-editor/issues/573Non Would need plugin - https://github.com/Alex-D/Trumbowyg/issues/93OuiOuiNonNonNonNonOuiOui- Can edit table content, but requires plugin to edit tablesOui
Correcteur orthographiqueOui Uses the browser's built-inOui WebSpellChecker.netOui plugin nécessitant PHPNonOui On premise spell checking service, cloud spell checker available.Oui Uses the browser's built-inOui Uses the browser's built-in, can use CKEditor's spellcheck pluginsNonNonNonOui Uses the browser's built-inNonNonNonNon Not baked in but most modern browsers spell-checkNon Relies on browser spell checker support
PluginsOui Add-ons RepositoryOuiOuiOuiOui Yes, 3 at the moment - https://github.com/Alex-D/Trumbowyg/tree/master/pluginsOui Can use almost all of CKEditor's plugins, has a few own too (for example for auto-link insertion)OuiOuiNon pas de plugin publique mais extensibleNonOuiNonOui
Bascule en mode HTMLOui YepOuiOuiNon Apparently not?Oui Automatic indentation & syntax highlighting.Non Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131OuiOuiOuiOuiNonNonOuiOuiOuiOui
Autre
Site webhttps://github.com/summernote/summernotehttp://ckeditor.com/http://www.tinymce.com/http://www.aloha-editor.org/http://textbox.io/http://alex-d.github.io/Trumbowyg/http://alloyeditor.comhttps://github.com/akzhan/jwysiwyghttps://github.com/Voog/wysihtmlhttp://markitup.jaysalvat.com/http://quilljs.comhttps://github.com/yabwe/medium-editorhttp://developer.yahoo.com/yui/editor/http://nicedit.com/http://xinha.webfactional.com/http://imperavi.com/redactor/http://getcontenttools.com
Lien de démonstrationhttp://summernote.orghttp://ckeditor.com/demohttp://www.tinymce.com/tryit/basic.phphttp://www.aloha-editor.org/demos.phphttp://textbox.io/demohttp://alloyeditor.com/demo/http://akzhan.github.com/jwysiwyg/help/examples/http://wysihtml.com/http://markitup.jaysalvat.com/examples/html/http://quilljs.com/examples/https://yabwe.github.io/medium-editor/http://developer.yahoo.com/yui/examples/editor/index.htmlhttp://nicedit.com/demos.phphttp://xinha.raimundmeyer.de/x_examples/ext_example.htmlhttp://imperavi.com/redactor/http://getcontenttools.com/demo
Wikipédiahttp://en.wikipedia.org/wiki/CKEditorhttp://en.wikipedia.org/wiki/TinyMCEhttp://en.wikipedia.org/wiki/Aloha_Editorhttps://github.com/xing/wysihtml5/wikihttp://en.wikipedia.org/wiki/YUI_Rich_Text_Editor
Mis à jour2016-02-10 23:56:342015-05-31 09:21:482015-10-28 22:35:562015-06-01 11:53:282015-10-28 22:35:562015-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:542016-02-10 23:56:342015-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
J'aime 2 4 1 2 4 2 0 1 0 0 1 0 0 0 1 1 0 1 0
Mobile ReadyOui Yes, with a minor problem in the demo - https://github.com/summernote/summernote/issues/1104Oui iOS 6+, Chrome for AndroidOui iOSNon No - https://github.com/liferay/alloy-editor/issues/226Non Editor is currently aimed at desktop devices.
Taille minifié15 K598 Kb, 167Kb gzipped120 KB241 kb / 49kb gzipped (figures include JS, CSS, images and fonts).
Floating toolbarOui Yes, see the "Air mode" example at http://summernote.org/#/exampleOui Yes when using inline (in-place) mode.Non https://github.com/Alex-D/Trumbowyg/issues/69Oui Yes - see demoOuiOui
Inclure
  • 2011-08-02 13:45:27
    2016-02-10 23:56:34
  • 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

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