Javascript Online Rich Text Editors

Entreprises > 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
Dernière 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
Date de sortie2015-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
LicenceLGPL-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
DépendancesCKEditor's engine, uses React to draw the UIjQuery 1.11.0+jQueryjQueryjQuery 1.9.1+jQuery, Bootstrap, Font-Awesomeversion jQuery optionneljQuery 1.7+The code is completely library agnosticYUI
Fonctionnalités
Intégrationen-placeen-placeiframeen-placeen-placeen-placetextareatextareaen-placeen-placeen-placeen-place et iframeen-place et iframeen-placeiframeiframeen-place
WYSIWYGOuiOuiOuiOuiOuiOuiNonOui LightOuiOuiOuiOuiOuiOuiOuiOuiOui
Format de sortiehtml
bbcode
HTMLHTML5, ConfigurableHTMLHTML5HTMLHTML
Wiki
Markup
BBCode
Textile
Dotclear
HTML
XHTML
HTMLHTMLHTML5HTML5HTML5HTMLHTML
Insertion de lienOuiOui pluginOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOuiOui
Insertion d'imageOui Can paste images and take camera pictures- Plugin; may not work - https://github.com/alohaeditor/Aloha-Editor/issues/797Oui Upload, paste from clipboard: http://ckeditor.com/tmp/4.5.0-beta/image-upload.htmlOuiOui Paste from clipboard, get from URL, upload, choose from a list of images.Non Can't paste from clipboardOui- Drag & drop, but not upload or paste - https://github.com/yabwe/medium-editor/issues/657Non 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/56OuiOui Paste from clipboardOui Yes Automatic image uploads, drag & drop, copy paste images from desktop applications, copy-paste from clipboard multi-images and text from Microsoft Word.Oui 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/163OuiOui
Rich text pasteOui Better thank CKEditor for the same testOui Powerful. Cleans up data to matches available editor features. Very configurable.Non Formatting is lostOui Can be enabled using the editor options. https://www.froala.com/wysiwyg-editor/docs/options#pasteDeniedAttrsNon No - loses all formattingOuiOui Preserves formattingOui Yes Configurable. Enterprise can preserve or remove formatting.Oui Yes Configurable. Enterprise can preserve or remove formatting.- Almost perfect - https://github.com/Alex-D/Trumbowyg/issues/131
Edition de tableauOuiOui pluginOui Editing features in context menu.OuiOui V2 comes with one of the most advanced table editing tools.OuiNonOuiNon- Can edit table content, but requires plugin to edit tablesOuiOui Yes Solid - http://textbox.ioOui Yes solid. Popup table toolbar or context menuNon Would need plugin - https://github.com/Alex-D/Trumbowyg/issues/93NonOuiNon
Correcteur orthographiqueOui Uses the browser's built-in, can use CKEditor's spellcheck pluginsNonOui WebSpellChecker.netNon Relies on browser spell checker supportOui Browser default spellcheckNonNonNonOui Uses the browser's built-inNon Not baked in but most modern browsers spell-checkOui Uses the browser's built-inOui Yes On premise spell checking service, cloud spell checker available.Oui plugin nécessitant PHPOui Uses the browser's built-inNonNonNon
PluginsOui Can use almost all of CKEditor's plugins, has a few own too (for example for auto-link insertion)OuiOui Add-ons RepositoryOui https://www.froala.com/wysiwyg-editor/docs/pluginsOuiNon pas de plugin publique mais extensibleOuiOuiOuiOuiOui Yes, 3 at the moment - https://github.com/Alex-D/Trumbowyg/tree/master/pluginsOuiNonNon
Bascule en mode HTMLOuiNon Apparently not?OuiOuiOui Code Mirror integration for HTML highlightingOuiOuiOuiNonOuiOui YepOui Automatic indentation & syntax highlighting.OuiNon Yes but may lose formatting - https://github.com/Alex-D/Trumbowyg/issues/131OuiOuiNon
Autres
Site webhttp://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/
Lien de démonstrationhttp://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
Wikipédiahttp://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
Mis à jour2015-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
J'aime 1 2 8 0 6 0 1 0 1 0 0 1 2 4 3 0 0 0 1
Mobile ReadyNon No - https://github.com/liferay/alloy-editor/issues/226Oui iOS 6+, Chrome for AndroidNon Editor is currently aimed at desktop devices.Oui iOS, AndroidOui Yes, with a minor problem in the demo - https://github.com/summernote/summernote/issues/1104Oui Yes iOS, Android
Taille minifié598 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 toolbarOui Yes - see demoOui Yes: http://ckeditor.com/demo#inlineOuiOui Yes.OuiOui Yes, see the "Air mode" example at http://summernote.org/#/exampleOui Yes when using inline (in-place) mode.Oui Yes https://www.tinymce.com/docs/demo/inline/Non https://github.com/Alex-D/Trumbowyg/issues/69
Initialization time30 ms
Inclure
  • 2011-08-02 13:45:27
    2016-11-30 21:35:44
  • 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