¿Qué es un WYSIWYG? Algunos ya lo sabréis y otros pensareis que no, pero seguro que si que lo habéis utilizado pero no le dabais el nombre adecuado. Hoy vamos a hablar de esta herramienta tan útil que se utilizada tanto en la edición de contenido web.
WYSIWYG son las siglas de “What You See Is What You Get” (que viene a ser en una traducción muy libre nuestra: Lo que ves es lo que obtienes) y básicamente se refiere a los editores visuales de texto + HTML utilizados en las ediciones de contenidos (texto, imágenes, vídeos, etc) de las páginas web.
Bueno en realidad, no solo se utilizan para desarrollo web, también para documentos impresos o diapositivas, pero lo importante es que este editor muestra por pantalla, durante la edición, la estructura (que más o menos) tendrá el resultado final. Esto quiere decir, que WYSIWYG implica la capacidad de manipular directamente el diseño de un documento o archivo sin tener que escribir o conocer órdenes de código HTML o CSS.
En ocasiones las sutiles diferencias entre lo que el usuario ve y lo que el usuario obtiene no son importantes, de hecho las aplicaciones donde se esté usando esta herramienta pueden ofrecer múltiples modos WYSIWYG con diferentes niveles de realismo, por ejemplo:
• Modo composición: El usuario ve algo similar al resultado final, pero con información adicional útil, como saltos de sección o los caracteres no imprimibles.
• Modo presentación: El usuario ve algo muy similar al resultado final, pero con un poco de información extra, para garantizar que los elementos estén correctamente alineados, como líneas de margen.
• Modo vista previa: La aplicación intenta presentar una imagen lo más cercana al resultado final posible.
En definitiva, con WYSIWYG podemos colocar imágenes, definir estilos, utilizar negrita, cursiva, etcétera; sin preocuparnos de las etiquetas correspondientes de cada elemento, es el propio editor el que conoce estas etiquetas, nosotros solo tenemos que preocuparnos de escribir o diseñar la página como si estuviéramos utilizando algo parecido a un Word.
Esto es algo que por ejemplo hace muy bien el framework WordPress ya que dispone de un WYSIWYG superior, sobre todo cuando se combina con diferentes plugins existentes.
Esperamos que ya os haya quedado claro que es un WYSIWYG y lo bien que viene a la hora de editar el contenido de una página web.
Imagen obtenida directamente, del panel de administración de WordPress, que utilizamos en la página web de QuatreSoft.