Qu'est-ce que le WYSIWYG ? Comment est né l'éditeur en ligne d'aujourd'hui


WYSIWYG. Non, ce n’est pas un autre de ces nouveaux acronymes que les enfants utilisent ces jours-ci – il existe en fait depuis un certain temps.

qu'est-ce que l'éditeur Wysiwyg

« Ce que vous voyez est ce que vous obtenez », ou WYSIWYG en abrégé, fait référence à un éditeur HTML dans lequel le contenu d'un blog ou d'une page Web apparaît tel qu'il le serait lorsqu'il est en ligne.

Contrairement aux éditeurs traditionnels, un éditeur WYSIWYG se concentre sur le résultat final, vous permettant d'avoir une idée plus claire de ce que vous créez au fur et à mesure que vous le créez. Dans Adobe Dreamweaver vers Google Web Designer jusqu'au Plateforme marketing HubSpotles éditeurs WYSIWYG simplifient la façon dont nous produisons du contenu.

Mais avez-vous déjà réfléchi à leur origine ? Explorons.

Commencez à utiliser le créateur de site Web par glisser-déposer de HubSpot

WYSI-Quoi ?

Avant d'être utilisé pour décrire la technologie permettant aux utilisateurs de visualiser à quoi ressemblerait le produit final, le WYSIWYG – prononcé wiz-ee-wig – a été popularisé par une newsletter intitulée WYSIWYG.

Publié par Arlene et Jose Ramos, le bulletin WYSIWYG a été créé pour l'industrie pré-presse et a finalement été vendu aux employés du Stanford Research Institute après trois ans de publication.

Aujourd’hui, c’est devenu synonyme d’expérience d’édition Web – et d’autres termes connexes sont apparus. Du WYSIMOLWYG (ce que vous voyez est plus ou moins ce que vous obtenez) au WYSIAWYG (ce que vous voyez est presque ce que vous obtenez), ces variantes sont souvent utilisées pour décrire les limitations de certains éditeurs qui ne disposent pas de véritables fonctionnalités WYSIWYG.

Histoire de l'éditeur WYSIWYG

Avant le World Wide Web : Bravo et Word

Avant l'introduction des éditeurs WYSIWYG dans les années 1970, les créateurs de contenu avaient peu de contrôle sur la manière dont leurs documents apparaissaient. Afin de personnaliser le contenu, les dactylographes devaient utiliser des « codes de contrôle » représentant le formatage souhaité. Cela signifiait qu'une fonction aussi simple que centrer un paragraphe était un processus manuel dans lequel les dactylographes étaient obligés d'ajouter des espaces supplémentaires pour créer le format approprié.

Il était évident que les systèmes devaient changer, mais qui serait celui qui le ferait ?

Après avoir obtenu sa maîtrise en mathématiques et statistiques d'ingénierie à l'Université de Californie à Berkeley sous la direction de l'informaticien Butler Lampson, Charles Simonyi a été recruté pour Xerox PARC en 1972. C'est ici que Simonyi et Lampson ont commencé à développer l'éditeur WYSIWYG, qu'ils avaient commencé à conceptualiser alors qu'ils étaient à Berkeley.

En 1974, le premier WYSIWYG au monde préparation des documents Le programme Bravo est devenu opérationnel. Bravo a été activé par le premier ordinateur personnel entièrement connectéle Xerox Alto, qui était développé chez Xerox PARC en 1972.

Xerox Alto, le premier ordinateur personnel et activateur du premier système d'édition WSIWYG pour les développeurs

Xerox Alto (Crédit d'image : Wikipédia)

Cependant, Xerox Alto n'a jamais été commercialisé, et après avoir réalisé que le programme WYSIWYG ne serait utilisé qu'en interne chez Xerox PARC, Simonyi a décidé de rechercher de nouvelles opportunités. Intéressé par le concept d’entreprise uniquement axée sur les logiciels, Simonyi rejoint Microsoft en 1981.

Chez Microsoft, Simonyi a travaillé avec le développeur de logiciels Richard Brodie pour commencer le développement de un traitement de texte WYSIWYG appelé Multi-Tool Word — qui a ensuite été rebaptisé Microsoft Word en 1983.

Bien que Microsoft Word soit devenu sans doute le logiciel de traitement de texte le plus utilisé, ce n'était pas le premier du genre. En fait, dès sa sortie, plusieurs autres outils dominaient déjà le marketing, notamment Étoile des Mots — le premier traitement de texte WYSIWYG mature de MicroPro.

wysiwyg-editor_6WordStar, un traitement de texte WYSIWYG de MicroPro

WordStar fonctionnant sous DOS (Source : Wikipédia)

Il était évident que des progrès étaient réalisés pour élargir le marché des programmes WYSIWYG, mais leur adoption a été lente au cours des années 1970 et au début des années 1980 en raison capacités graphiques immatures et affichages bitmap. Cependant, à mesure que les ordinateurs personnels devenaient plus sophistiqués, les programmes WYSIWYG ont commencé à apparaître plus fréquemment.

WYSIWYG en ligne : Adobe Creative Cloud

Après le premier site internet a été mis en service en 1991, il était temps pour les développeurs d'explorer des éditeurs HTML WYSIWYG plus avancés. L'objectif était de créer une interface d'édition permettant à ceux qui ne connaissaient pas bien le HTML de créer facilement des sites Web.

Le premier éditeur HTML WYSIWYG, WebMagic, a été lancé par Graphiques sur silicium en 1995. Après obtenir un financement de 2,5 millions de dollars du président et directeur de l'exploitation de Silicon Graphic, Tom Jermoluk, John McCrea a décidé de lancer une gamme de produits pour la création Web.

Le seul hic ? La date limite du projet était dans moins de 80 jours.

N'ayant pas de temps à perdre, McCrea s'est mis en route avec l'aide du vice-président et directeur général des divisions Visual Magic, Way Ting. Ne voulant pas repartir de zéro, McCrea et Ting ont réussi à conclure un accord avec Amdahl – un fabricant d'ordinateurs centraux compatibles IBM – qui leur a apporté à la fois un code exploitable ainsi que le développeur David Koplas. De là, ils ont constitué une petite équipe qui travaillerait sans relâche sur le projet jusqu'à ce qu'il soit prêt à être lancé le 25 janvier 1995.

Bien que WebMagic ait été le premier du genre, des éditeurs similaires n'ont pas tardé à suivre. En octobre 1995, Vermeer Technologies — qui a été acquise par Microsoft en 1996 — FrontPage publié. En tant que premier éditeur HTML WYSIWYG sous Windows, FrontPage a été un atout précieux pour Microsoft lors de la « guerre des navigateurs » contre Netscape. Cependant, après des années d'itération, Microsoft a annoncé que le programme serait remplacé par Microsoft SharePoint Designer et Microsoft Expression Web en 2006.

Au cours de cette période, de nombreux autres éditeurs HTML WYSIWYG sont arrivés sur le marché, notamment Tisseur de rêves. Lancé par Macromedia en 1997, Dreamweaver est rapidement devenu un autre puissant éditeur HTML WYSIWYG, créant un environnement convivial pour le développement de sites Web.

D'ici 2005, Macromedia a été racheté par Adobe — ainsi que les droits sur Dreamweaver. Depuis, Adobe a poursuivi le développement du logiciel, qui existe désormais parmi d'autres outils puissants dans Creative Cloud d'Adobe.

WYSIWYG actuels

Grâce aux bases posées par les premiers éditeurs HTML WYSIWYG, les éditeurs d'aujourd'hui sont plus rationalisés que jamais. Pour avoir une meilleure idée du chemin parcouru, jetons un coup d’œil à quelques versions remarquables.

Concepteur Web Google

En septembre 2013, Google a lancé Concepteur Web, un outil WYSIWYG permettant de créer des sites Web et des publicités HTML5 interactifs. Web Designer utilise l'interactivité, l'animation et les intégrations Google pour aider quiconque à créer rapidement un site Web de haute qualité.

Google Web Designer, un outil WYSIWYG pour les développeurs HTML5

MinusculeMCE

Cet éditeur indépendant de la plate-forme a été publié en open source sous LGPL par Ephox. Conçu pour s'intégrer aux systèmes de gestion de contenu tels que WordPress, Drupal et Django, MinusculeMCE permet aux utilisateurs de convertir des zones HTML en instances d'éditeur.

Outil d'édition HTML par TinyMCE

Source: JangoMail

élément ouvert

Élément ouvert est un logiciel de création Web gratuit doté d'une interface WYSIWYG. En générant automatiquement le code nécessaire à l'affichage correct d'un site Web, le logiciel permet aux utilisateurs de déterminer facilement la direction de leur site Web.

Éditeur WYSIWYG par openElement

Éditeur glisser-déposer HubSpot

Éditeur HubSpot WYSIWYG

Commencez gratuitement avec cet outil.

Cet éditeur sans code offre une véritable expérience WYSIWYG en plein écran. L'interface glisser-déposer vous permet, à vous ou à n'importe quel membre de votre équipe, de créer un contenu convaincant en quelques clics.

Conseil de pro : Tu peux essayez cette fonctionnalité gratuitement dans les éditions gratuites de Content Hub ou Marketing Hub.

Ce changement s’inscrit dans le cadre de notre Easy Initiative. En savoir plus ici.

Générateur de site Web



Source link