Qu'est-ce qu'un éditeur WYSIWYG ?
Agence web » Actualités du digital » Qu’est-ce qu’un éditeur WYSIWYG ?

Qu’est-ce qu’un éditeur WYSIWYG ?

WYSIWYG semble être un long acronyme, mais c’est un élément essentiel des interfaces utilisateur modernes. Voici ce que cela signifie et où vous pouvez le voir sur Internet.

Ce que vous voyez est ce que vous obtenez

WYSIWYG est un sigle technique qui signifie « ce que vous voyez est ce que vous obtenez ». Il fait généralement référence à une interface utilisateur qui vous permet de modifier et de manipuler directement l’apparence et le contenu d’un document, d’une page ou d’un fichier. Cela signifie que toutes les modifications que vous apportez à quelque chose s’afficheront de la même manière lorsque la sortie finale sera produite.

Alors qu’Internet est devenu de plus en plus omniprésent et accessible aux gens, les éditeurs WYSIWYG sont devenus de plus en plus populaires. Étant donné que les gens doivent trouver des moyens de télécharger et d’envoyer du contenu formaté à la volée, la plupart utilisent des environnements WYSIWYG.

L’histoire de WYSIWYG

Le terme réel « ce que vous voyez est ce que vous obtenez » est bien antérieur à Internet. C’était une expression idiomatique relativement courante utilisée pour décrire des choses qui sont telles qu’elles apparaissent. Par exemple, si vous êtes à la recherche d’une voiture d’occasion et que vous en voyez une qui, pour un prix modique, semble être en très mauvais état, le vendeur pourrait vous dire : « Eh bien, ce que vous voyez est ce que vous obtenez. »

Finalement, ce terme est devenu important parmi les développeurs de logiciels et les constructeurs d’ordinateurs. Les premiers ordinateurs n’avaient aucune forme de WYSIWYG. Au lieu de cela, les gens ont créé des documents formatés via des langages de codage et des balises personnalisés, destinés à fonctionner dans les limites des langages de programmation plus anciens.

Finalement, la société de technologie Xerox PARC a sorti l’Alto, le premier ordinateur personnel avec un éditeur WYSIWYG inclus. Cela a coïncidé avec l’introduction de l’interface utilisateur graphique, ou GUI, qui permettait aux utilisateurs d’interagir visuellement avec des éléments sur un ordinateur. Peu de temps après, des entreprises comme HP, Apple et Microsoft ont également publié des programmes informatiques qui incluaient une prise en charge native des éditeurs visuels.

Qu’est-ce que l’interface utilisateur et que signifie-t-elle ?

Types de WYSIWYG

Éditeur Squarespace

Selon le contexte, vous pouvez vous référer à divers outils logiciels et interfaces sous le nom d’éditeurs « WYSIWYG ».

Les plus courants sont les systèmes qui vous permettent de modifier des documents et du texte. Alors que les éditeurs non visuels ont généralement un langage de balisage comme Markdown ou BB Code qui est ensuite analysé en texte formaté, les éditeurs WYSIWYG comme Microsoft Office vous permettent d’apporter des modifications au format et au contenu à la volée. Ces documents peuvent ensuite être partagés ou imprimés, et ils apparaîtront de la même manière que sur vos ordinateurs.

Il y a aussi le développement web. Habituellement, le développement Web frontal nécessite la compréhension de langages tels que HTML et CSS pour créer un site Web attrayant et réactif. L’augmentation des interfaces « glisser-déposer » parmi les constructeurs de sites Web s’est accrue, ce qui a permis aux gens de créer leurs propres sites Web sans comprendre le code. Des outils comme Adobe Dreamweaver vous permettront de concevoir un site Web et de l’exporter sous forme de code qu’un navigateur peut analyser.

WYSIWYG peut également s’appliquer largement à n’importe quel nombre de logiciels utilisés par les professionnels de la création. Les éditeurs de vidéos en direct, les éditeurs de photos, les programmes d’illustration et les studios d’animation 3D adoptent tous une méthode visuelle pour vous montrer immédiatement votre sortie. Par exemple, les éditeurs vidéo tels qu’Adobe Premiere et Sony Vegas ont une boîte de « prévisualisation » qui vous permet instantanément de lire vos clips finis avant de passer par un long processus d’exportation.

Éditeurs WYSIWYG

Éditeur visuel WordPress

Le principal avantage d’un éditeur WYSIWYG, bien sûr, est qu’il est plus facile à utiliser pour un utilisateur final. Au lieu d’apprendre à utiliser un tas de langages de balisage différents, ces éditeurs vous permettent de formater, de redimensionner et d’ajouter du multimédia à vos publications en un seul clic. C’est pourquoi la plupart des forums, des constructeurs de sites Web et des éditeurs sont largement passés aux systèmes WYSIWYG.

La plupart des éditeurs de texte disponibles dans le commerce sont WYSIWYG. Cela inclut les traitements de texte populaires comme Microsoft Office, LibreOffice, Google Docs et les éditeurs de texte enrichi comme WordPad et Evernote. La plupart des éditeurs de texte sur site vous permettent d’utiliser soit le langage de balisage, soit le WYSIWYG. Par exemple, la boîte aux lettres WordPress vous permet de basculer entre l’éditeur « Visuel », qui vous donne un aperçu direct de ce que vous écrivez, et l’éditeur « Texte », qui vous permet d’éditer directement en HTML.

De nombreux hébergeurs Web WYSIWYG vous permettent de créer un site Web sans comprendre beaucoup de code. Cela inclut des services populaires comme Squarespace, Wix et Weebly. Ceux-ci fournissent généralement des interfaces « glisser-déposer » qui vous permettent d’ajouter des blocs de contenu sur une page en suivant un modèle particulier. Certains vous permettent également de taper dans un format hybride qui fusionne l’édition WYSIWYG avec l’édition traditionnelle. Un exemple typique est celui des sites Web avec démarques, comme Reddit. Vous aurez souvent la possibilité d’appliquer une mise en forme dans leurs zones de texte, que vous pouvez prévisualiser avant de publier.

Qu’est-ce que le Markdown et comment l’utilisez-vous ?

★★★★★