Javascript Online Rich Text Editors

Entreprises > Webmaster
3
2015-05-29 13:41:54

This comparison list the Javascript libraries that help developpers 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).
TinyMCECKEditorAloha EditorTextbox.ioSummernoteFroala EditorjWYSIWYGWYSIHTML5MarkitUpRaptor EditorAlloy EditorQuillYUI Rich Text EditorNicEditXinha
Dernière version4.1.94.4.10.25.71.2.0.2760.6.70.97.20.5.0-beta81.1.142.9.0 - no longer maintained0.9 r24 - abandoned since 2012.0.96.1 - no longer maintained
Date de sortie2014-05-062014-05-202014-05-012015-04-152015-05-172011-05-072015-03-162013-02-042011-04-132012-06-072010-05-12
LicenceLGPL, CommercialGPL, LGPL, MPL / CommercialGPLv2 / CommercialCommercialMITMIT / GPLMITMIT / GPLGPLv3 and CommercialBSDMITBSD
Dépendancesversion jQuery optionneljQueryThe code is completely library agnosticjQueryYUI
Fonctionnalités
Intégrationiframeiframeen-placeen-placeen-placeiframetextareaen-placetextareaiframe
WYSIWYGOuiOuiOuiOuiOuiOuiNonOuiOuiOui
Format de sortieHTMLHTMLHTMLHTMLHTMLHTML5HTML
Wiki
Markup
BBCode
Textile
Dotclear
HTMLHTML
XHTML
HTML
Insertion de lienOuiOuiOui pluginOuiOuiOuiOuiOuiOuiOui
Insertion d'imageOuiOui Automatic uploadsOui pluginOui Automatic uploads.Oui Paste from clipboardOui Paste from clipboard, get from URL, uploadNon 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 imagesNon Image must exist at URL; can't paste or uploadOuiNon Can't paste imagesOui
Edition de tableauOuiOuiOui pluginOuiOuiNonNonNonOuiOui
Correcteur orthographiqueOui plugin nécessitant PHPOui WebSpellChecker.netNonOuiNonNonNonNonNonNon
PluginsOuiOui Add-ons RepositoryOuiOuiOuiOuiNon pas de plugin publique mais extensibleNonOuiNon
Bascule en mode HTMLOuiOuiNonOui Syntax highlighting.OuiOuiOuiNonOuiOui
Autre
Site webhttp://www.tinymce.com/http://ckeditor.com/http://www.aloha-editor.org/http://textbox.io/https://github.com/akzhan/jwysiwyghttps://github.com/Voog/wysihtmlhttp://markitup.jaysalvat.com/http://developer.yahoo.com/yui/editor/http://nicedit.com/http://xinha.webfactional.com/
Lien de démonstrationhttp://www.tinymce.com/tryit/basic.phphttp://ckeditor.com/demohttp://www.aloha-editor.org/demos.phphttp://textbox.io/demohttp://akzhan.github.com/jwysiwyg/help/examples/http://wysihtml.com/http://markitup.jaysalvat.com/examples/html/http://developer.yahoo.com/yui/examples/editor/index.htmlhttp://nicedit.com/demos.phphttp://xinha.raimundmeyer.de/x_examples/ext_example.html
Wikipédiahttp://en.wikipedia.org/wiki/TinyMCEhttp://en.wikipedia.org/wiki/CKEditorhttp://en.wikipedia.org/wiki/Aloha_Editorhttps://github.com/xing/wysihtml5/wikihttp://en.wikipedia.org/wiki/YUI_Rich_Text_Editor
Mis à jour2015-03-12 18:59:472015-05-20 11:06:442014-05-24 01:40:172015-04-23 01:58:022015-05-29 13:41:542015-05-29 12:54:462015-05-29 13:41:542015-05-29 13:41:542013-02-05 10:50:222015-05-29 13:41:542015-05-29 12:54:462015-05-29 12:54:462015-05-29 13:41:542015-05-29 13:41:542015-05-29 13:41:54
J'aime 1 4 2 3 1 0 0 0 1 0 0 0 1 1 0
Mobile ReadyOui iOS 6+, Chrome for AndroidOui iOS
Inclure
  • 2011-08-02 13:45:27
    2015-05-29 13:41:54
  • 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 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