Introduction

Le WYSIWYG est l'abréviation de l'anglais «What You See Is What You Get» et signifie ce que vous voyez est ce que vous obtenez. Il s'agit donc d'un programme permettant de voir exactement le résultat final d'un contenu qu'il aurait lors de sa publication ou sur un papier. Les WYSIWYG du Web, synonyme de WYSIWYG HTML editor, c'est à dire fonctionnant avec le HTML et JavaScript sont devenus un problème capital afin de facilité la maintenance de site Web. Autrefois, c'était une fonctionnalité cachée de la balise DIV avec l'attribut «contentEditable=true» de IE, maintenant tous les navigateurs Web supportent la possibilité de modifier un texte WYSIWYG dans une boite de texte (comme, par exemple FireFox en utilisant une balise IFRAME et BODY avec un attribut «contentEditable=true»).

InnovaStudio Editor

Ce WYSIWYG est payant, mais la qualité est manifestement au rendez-vous. Il a un comportement assez proche d'un traitement de texte Word. Le noyau est stable depuis longtemps, et peu de modifications sont effectuées d'une version à l'autre. De plus, son prix est des plus abordable pour une entreprise. Le lien du site Web est http://www.innovastudio.com/.

CKEditor

Ce WYSIWYG est gratuit, simple et a une tendance à utiliser des couleurs pour se repérer plus facilement. De plus, il est proposé dans des CMS comme Drupal par exemple. Lien du site Web est http://ckeditor.com/.

TinyMCE

Ce WYSIWYG est gratuit et a été grandement popularisé grâce au CMS «Joomla!». Il est aussi disponible sous le CMS Drupal. Il est souvent critiqué à cause de ses comportements bizarres lors de l'édition. Il a toutefois l'avantage d'être bien documenté et facile à intégrer. Voir Langage de programmation - JavaScript - TinyMCE. Le lien du site Web est http://www.tinymce.com/.

openWYSIWYG

Ce WYSIWYG est gratuit et il fonctionne sous IE 5.5+, FireFox 1.0, Mozilla 1.3 et Netscape 7+. Il est très rudimentaire et peut fonctionner avec le CMS Drupal. Le lien du site Web est http://www.openwebware.com/

NicEdit

Ce WYSIWYG est gratuit, petit et peut s'intégrer sans avoir trop d'impact sur l'utilisateur. La preuve, c'est qu'avec les deux lignes suivantes on peut faire fonctionner cet éditeur :

Le lien du site Web est http://nicedit.com/

CLEditor

Ce WYSIWYG est gratuit, Open Source et s'utilise comme plugin avec jQuery. Il fonctionne sur tous les navigateurs Web suivants : IE 6.0+, FireFox 1.5+, Safari 4+, Chrome 5+ et Opera 10+. Le lien du site Web est http://premiumsoftware.net/cleditor/.

WYMeditor

Ce WYSIWYG est gratuit et Open Source. Il utilise le XHTML de façon stricte et peut s'adapter au CMS de Drupal. Il support les navigateurs basés sur Gecko (Firefox 2.0+, SeaMonkey, Galeon, Epiphany, ...), IE6, IE7 et IE8, Opera 9.5+, Safari 3.1+ et Google Chrome. Le lien du site Web est http://www.wymeditor.org/.

YUI 2: Rich Text Editor

Ce WYSIWYG utilise une licence BSD et est soutenu par Yahoo. L'API de ce WYSIWYG est excellente. Il s'adapte au téléphone cellulaire et au tablette. Le lien du site Web est http://developer.yahoo.com/yui/editor/.

OpenBexi

Ce WYSIWYG est gratuit, sous licence GNU et Open Source. La documentation est excellente, il utilise même des vidéos pour expliquer comment il fonctionne. Toutefois, attention, ce n'est pas un WYSIWYG en JavaScript, il est écrit en Java et son intégration à un site Web existant n'est pas forcément évidente. Il fonctionne dans n'importe quel navigateur Web supportant le Java et réclame donc un serveur Tomcat. La méthode de fonctionnement de WYSIWYG est fort créative, ainsi, les boutons et les fonctionnalités associés à ce WYSIWYG font penser à Adobe Photoshop. Le lien du site Web est http://www.openbexi.com/.