Bon, je disais donc, j’ai peut-être une piste pour un éditeur WYSIWYG un peu plus ergonomique et plus proche de ce que nous recherchons à netteo. Pour nous, la séparation du contenu et de la mise en forme est essentielle. Nous ne sommes pas intéressés par un éditeur qui a 8′000 fonctionnalités et fait concurrence à Word, nous voulons un outil qui permette à l’utilisateur d’introduire du contenu et de le structurer. Mais pas de le rendre tout joli avec un peu de bleu par-ci, une police “Comics” par-là et trois mots XXL en-dessous.

Notre idée est que l’utilisateur gère le contenu, et qu’il s’en remet à la charte graphique pour tout ce qui concerne la mise en forme. Il s’agit donc de travailler uniquement sur les tags HTML (H1, H2, …) et les styles CSS, avec une mise en forme réduite à l’essentiel. Le but est de permettre la structuration du contenu, pas sa mise en forme. Et comme ça, HOP, en 2 secondes je change le design sans devoir tout changer dans le site.

Des éditeurs WYSIWYG de ce type, qui assurent cette distinction contenu / mise en forme, ça existe, et il commence à y en avoir de très bons. Exemples :

• widgEditor, chez The Man In Blue, simple comme on aime
  
• En flash : FlashTextEditor, qui permet un paramétrage complet des styles CSS disponibles
• En version PluginQueJinstalleALaPremièreUtilisation : XStandard

Bon, tout ça c’est bien joli, mais je vous parlais d’une piste, et je ne vais pas vous faire attendre plus longtemps. Voici donc, excellente initiative à mon avis : l’éditeur WYSIWYM !

Vous allez me dire, voilà encore un acronyme à la con pour faire “hype kikou web 2.0″… Peut-être, mais les principes qui sont derrière le WYMeditor sont très proche de notre vision des choses, et ça mérite d’être étudié. “What you see is what you MEAN“, en gros : Dites ce que vous pensez, ou Mettez en forme vos pensées.

Sur le site, l’équipe de WYMeditor explique qu’ils veulent répondre à deux soucis dans la mise en place d’un RTE :

• “Vous avez peut-être essayé un éditeur WYSIWYG plein de fonctionnalités, mais vous avez peur que vos clients l’utilisent mal, avec le risque qu’ils pourrissent l’aspect visuel de leur site et la qualité de son code.”
• “Vous avez peut-être aussi essayé la syntaxe BBcode, Markdown ou de type Wiki, mais vous ne voulez pas imposer à vos clients des solutions trop techniques ou trop complexes, même si ça peut assurer la qualité du code.”

Bon, c’est une traduction un peu libre, mais on y est. Un peu comme s’ils lisaient dans nos pensées : ergonomie et code propre !

Vous pouvez tester cet éditeur sur leur site. Il vient avec un CSS par défaut un peu troublant, mais qui permet de bien visualiser ses principes de fonctionnement, et qui est entièrement paramétrable.

Bon, reste quand même deux soucis de taille : la question du copier/coller (discutée dans le premier article) à laquelle cet éditeur n’échappe pas, et la question de la frustration de certains utilisateurs qui aiment avoir les pleins pouvoirs, même s’ils ne les utilisent pas. Restreindre les fonctionnalités de leur éditeur en enlevant tout ce qui concerne la mise en forme peut les révolter

Cette question est essentielle, on y reviendra, d’autant qu’on y réfléchit beaucoup pour le développement de teepsy.

Alors, le WYSIWYM, ça vous parle ?