Définition

WYSIWYG (prononcé WIZ-E-WIG) est un terme abrégé pour « Ce que vous voyez est ce que vous obtenez ». Il décrit une interface d'édition qui montre à l'utilisateur comment les images et le texte apparaissent à l'écran pendant qu'il compose et révise le fichier. Les interfaces WYSIWYG sont en contraste avec les interfaces d'édition qui affichent du code. Les interfaces fractionnées affichent un affichage WYSIWYG dans un panneau, tandis que l'utilisateur écrit et modifie du code dans l'autre panneau.  

Quels sont les avantages de l'éditeur WYSIWYG ?

Interface de conception intuitive

Les éditeurs WYSIWYG simplifient le processus de conception, permettant aux utilisateurs de créer et de formater visuellement leur contenu. Cette interface accessible élimine le besoin de connaissances approfondies en codage, la rendant ainsi accessible à un public plus large.

Commentaires en temps réel

Les modifications apportées dans un éditeur WYSIWYG sont immédiatement visibles, offrant un aperçu en direct du résultat final. Cette visualisation instantanée aide les utilisateurs à itérer et à affiner rapidement leur travail, garantissant ainsi l'alignement avec leurs objectifs.

Augmentation de la productivité

Avec des fonctionnalités telles que la fonctionnalité glisser-déposer et des modèles prêts à l'emploi, ces éditeurs améliorent l'efficacité, permettant aux utilisateurs de se concentrer sur des tâches créatives et complexes plutôt que sur des problèmes de mise en page de base.

Dynamique collaborative

Les éditeurs WYSIWYG prennent en charge un environnement collaboratif dans lequel plusieurs utilisateurs peuvent contribuer et visualiser les modifications en temps réel, favorisant ainsi le travail d'équipe et une vision partagée dans le processus de création.

Profondeur de personnalisation

Conçus pour être simples, ces éditeurs s'adressent également à ceux qui souhaitent plus de contrôle, offrant la possibilité de modifier le code sous-jacent pour une personnalisation détaillée si nécessaire.

Quel est un exemple de WYSIWYG ?

Un exemple illustratif d'un éditeur WYSIWYG peut être trouvé dans le populaire CMS WordPress. Lors de la rédaction d'un article de blog ou d'une page dans WordPress, les utilisateurs interagissent avec une interface WYSIWYG, souvent appelée éditeur visuel. Cette interface conviviale permet aux créateurs de saisir et de formater leur texte, d'insérer des images et d'ajouter du contenu multimédia tel qu'il apparaîtra au lecteur lors de la publication.

Qu’est-ce qui distingue l’édition HTML des interfaces WYSIWYG ?

HTML est un langage de balisage qui affiche du code brut. Le WYSIWYG, en revanche, fait abstraction de cette complexité en présentant un aperçu en direct et modifiable du produit final. Cela signifie que lorsque vous ajustez la mise en forme, ajoutez des puces ou alignez des images, vous voyez les modifications en temps réel, exactement comme elles apparaîtront lorsque votre publication sera mise en ligne sur Internet.