WYSIWYG est l’acronyme de l’anglais « What You See Is What You Get », soit « ce que vous voyez est ce que vous obtenez ». Il désigne un éditeur où le contenu se saisit et se met en forme tel qu’il s’affichera, sans écrire de code.
Comment ça marche
L’utilisateur tape son texte, ajoute un titre, une image ou un lien avec des boutons, comme dans un traitement de texte. L’éditeur génère en arrière-plan le code HTML correspondant.
D’hier à aujourd’hui
Au début des années 2000, le terme désignait surtout des logiciels de création de pages web comme Dreamweaver ou Nvu. Ils produisaient des sites entiers, en HTML ou en XHTML, souvent avec un code lourd et difficile à maintenir. Nvu n’est plus développé depuis longtemps.
Le WYSIWYG est aujourd’hui intégré aux systèmes de gestion de contenu. L’éditeur de blocs de WordPress, ou l’éditeur de thème de Shopify, permet de modifier une page en voyant directement le résultat.
La structure du site reste confiée au développeur, et l’équipe gère ses contenus seule, sans connaître le HTML.
Ce qu’il faut surveiller
Un éditeur visuel laisse beaucoup de liberté. Sans règles, les pages finissent par mélanger polices, couleurs et tailles, et la charte graphique se dilue.
Le collage depuis Word ajoute parfois du code parasite. Mieux vaut coller le texte sans mise en forme, puis appliquer les styles prévus par le site.
Sur les sites que nous développons, l’éditeur peut être limité aux styles et aux blocs prévus pour le site, afin que les pages restent cohérentes dans la durée.