L’une des pièces maitresse d’un système de gestion de contenu, c’est l’éditeur WYSIWYG, ou RTE si vous préférez. Cet éditeur permet de modifier le contenu texte et image d’une partie du site, et de faire un peu de mise en page. C’est juste indispensable, on ne pourrait pas imaginer faire sans. Mais alors… quelle galère à mettre en place !

Non pas qu’il n’existe pas de solutions valables et éprouvées, les RTE (Rich Text Editor) ou éditeurs WYSIWYG (What You See Is What You Get = ce que tu vois c’est ce que tu as) sont nombreux sur Internet. Les plus connus et les plus utilisés sont probablement FCKeditor et TinyMCE, mais il y en a beaucoup. Par exemple, nous on aime bien celui de Yahoo !, même s’il est encore en bêta.

Mais après les avoir testé, nous les avons rapidement mis de côté, pour deux raisons principales : leur ergonomie et le code obtenu.

Côté ergonomie, pour commencer, ces éditeurs ne correspondent pas du tout à ce que nous recherchons. Comme le montre l’image ci-dessus (barre d’outils complète de TinyMCE) , on est plutôt dans une course aux fonctionnalités que dans une réelle optimisation du processus d’édition. On peut presque tout faire, mais par expérience c’est souvent assez buggé, et peu pratique. Comme si pour être bon, un éditeur WYSIWYG devait ressembler le plus possible à Word.

À netteo, nous visons un public qui n’est pas à l’aise avec l’informatique, et qui n’a pas l’habitude d’internet. Si je leur montre un éditeur comme celui-ci, ils partent en courant. Vous me direz qu’on peut toujours limiter et adapter l’interface, mais le problème de fond demeure.

Côté code obtenu, alors là on rigole moins… Même s’ils tentent tous de nous donner du HTML ou du XHTML propre, on est souvent loin du compte. Et l’un des gros problèmes auquel ces éditeurs doivent faire face à ce niveau, c’est le copier/coller. Si vous tenter de coller du contenu copié dans Word (c’est le pire exemple ) vous obtenez une soupe de tags propriétaires à la Microsoft qui donnent des cauchemars aux meilleurs programmeurs. La plupart des éditeurs cités règlent le problème en proposant un bouton “Coller depuis Word”. Ce bouton ouvre une nouvelle fenêtre qui invite l’utilisateur à coller le contenu, et derrière ils appliquent un gros “parsing” pour nettoyer le code.

Pas mal, mais j’ai découvert, dans ma recherche de l’éditeur parfait, qu’il était tout simplement impossible d’empêcher à coup sûr un copier/coller directement dans l’iframe de l’éditeur (voir ici, en anglais). Et il est même impossible de détecter toutes les façon de faire un copier/coller pour appliquer le filtre juste après.

Mais alors, on est condamnés à utiliser ces usines à gaz buggées ? Peut-être pas… j’ai une piste, mais je vous laisse mariner

Et vous, vous utilisez quoi ?