Les ressources JS de l’été : 10 WYSIWYG pour mettre en forme vos contenus

Pendant tout le mois d'août, le BlogDuWebdesign vous a proposé tous les mardis une série de ressources Javascript à thème. Nous sommes maintenant fin aout, et cette petite série touche à sa fin avec ce dernier numéro : les WYSIWYG.

Petit rappel

D'apres wikipedia, "Un WYSIWYG (prononcé [wɪziwig] ou [wiziwig]) est une interface utilisateur qui permet de composer visuellement le résultat voulu, typiquement pour un logiciel de mise en page, un traitement de texte ou d’image. C'est une interface « intuitive » : l’utilisateur voit directement à l’écran à quoi ressemblera le résultat final."

En clair, ce sont des éditeurs de texte vous proposant de mettre en forme votre contenu de manière visuelle, comme par exemple Word ou l'éditeur HTML de votre site WordPress.

Pour plus d'informations, je vous renvoie sur un article dédié au sujet : WYSIWYG et WYSIWYM : Faisons le point.

Enjeux des WYSIWYG

Les WYSIWYG ont une double mission : être clair et suffisamment simples à utiliser pour que même les plus réfractaires puissent s'en servir, mais aussi générer du HTML sémantique et de qualité, qui permettra à Google et aux autres moteurs de recherche d'indexer le site de la manière la plus efficace possible. C'est sur ce deuxième point que le souci se pose le plus souvent, avec des résultats très hétérogènes selon les outils utilisés. 

Pour vous aider dans votre choix, je vous propose aujourd'hui une liste de 10 WYSIWYG générant un HTML convenable à intégrer à vos sites.

Aloha

Dante Editor

Squire

Redactor

Pen

WysiHTML

Froala

Summernote

Ckeditor

TinyMCE