¿Qué es un editor WYSIWYG?

Primer plano de una definición de "WYSIWYG" en un diccionario
Casimiro PT / Shutterstock.com

WYSIWYG parece un acrónimo largo, pero es un elemento esencial de las interfaces de usuario modernas. Esto es lo que significa y dónde puede verlo en Internet.

Lo que ves, es lo que tienes

WYSIWYG es una inicialidad tecnológica que significa «lo que ves es lo que obtienes». Por lo general, se refiere a una interfaz de usuario que le permite editar y manipular directamente el aspecto y el contenido de un documento, página o archivo. Esto significa que las ediciones que esté realizando en algo se mostrarán de la misma manera cuando se produzca la salida final.

A medida que Internet se ha vuelto más omnipresente y accesible para las personas, los editores WYSIWYG han ganado popularidad. Dado que las personas necesitan encontrar formas de cargar y enviar contenido formateado sobre la marcha, la mayoría usa entornos WYSIWYG.

La historia de WYSIWYG

El término real «lo que ves es lo que obtienes» es muy anterior a Internet. Era una expresión idiomática relativamente común que se usaba para describir cosas que son tal como aparecen. Por ejemplo, si ha estado buscando un automóvil usado y ve uno que por un precio bajo parece estar en pésimas condiciones, el vendedor podría decir: «Bueno, lo que ves es lo que obtienes».

Finalmente, este término se hizo prominente entre los desarrolladores de software y los constructores de computadoras. Las primeras computadoras no tenían forma de WYSIWYG. En cambio, la gente creaba documentos formateados a través de etiquetas y lenguajes de codificación personalizados, destinados a trabajar dentro de los límites de los lenguajes de programación más antiguos.

Relacionado:  Cómo convertir un sitio web en una aplicación de Windows 10

Finalmente, la empresa de tecnología Xerox PARC lanzó Alto, la primera computadora personal con un editor WYSIWYG incluido. Esto coincidió con la introducción de la  interfaz gráfica de usuario , o GUI, que permitía a los usuarios interactuar visualmente con elementos en una computadora. Poco después, empresas como HP, Apple y Microsoft también lanzaron programas informáticos que incluían soporte nativo para editores visuales.

Tipos de WYSIWYG

Editor de Squarespace
Espacio cuadrado

Dependiendo del contexto, puede referirse a varias herramientas de software e interfaces como editores «WYSIWYG».

Los más comunes son los sistemas que le permiten editar documentos y texto. Mientras que los editores no visuales normalmente tienen un lenguaje de marcado como Markdown o BB Code que luego se analiza en texto formateado, los editores WYSIWYG como Microsoft Office le permiten editar el formato y el contenido sobre la marcha. Estos documentos se pueden compartir o imprimir, y aparecerán de la misma manera que en sus computadoras.

También hay desarrollo web. Por lo general, el desarrollo web front-end requiere comprender lenguajes como HTML y CSS para construir un sitio web atractivo y receptivo. El aumento de las interfaces de «arrastrar y soltar» entre los creadores de sitios web ha aumentado, lo que ha permitido a las personas crear sus propios sitios web sin comprender el código. Herramientas como Adobe Dreamweaver le permitirán diseñar un sitio web y exportarlo como código que un navegador puede analizar.

WYSIWYG también se puede aplicar ampliamente a cualquier cantidad de software que utilicen los profesionales creativos. Los editores de video en vivo, los editores de fotos, los programas de ilustración y los estudios de animación 3D adoptan un método visual para mostrarle su salida de inmediato. Por ejemplo, los editores de video como Adobe Premiere y Sony Vegas tienen un cuadro de «vista previa» que le permite reproducir instantáneamente sus clips terminados antes de pasar por un largo proceso de exportación.

Relacionado:  Microsoft PowerToys obtiene la herramienta de silencio de videoconferencia, por fin

Editores WYSIWYG

Editor visual de WordPress
WordPress

La principal ventaja de un editor WYSIWYG, por supuesto, es que es más fácil de usar para un usuario final. En lugar de aprender a usar varios lenguajes de marcado diferentes, estos editores le permiten formatear, cambiar el tamaño y agregar contenido multimedia a sus publicaciones con solo hacer clic en un botón. Esta es la razón por la que la mayoría de los foros, creadores de sitios web y editores se han trasladado en gran medida a los sistemas WYSIWYG.

La mayoría de los editores de texto disponibles comercialmente son WYSIWYG. Esto incluye procesadores de texto populares como Microsoft Office , LibreOffice, Google Docs y editores de texto enriquecido como WordPad y Evernote. La mayoría de los editores de texto en el sitio le permiten usar lenguaje de marcado o WYSIWYG. Por ejemplo, el cuadro de publicación de WordPress le permite cambiar entre el editor «Visual», que le brinda una vista previa directa de lo que está escribiendo, y el editor de «Texto», que le permite editar en HTML directamente.

Muchos servidores web WYSIWYG le permiten crear un sitio web sin comprender mucho código. Esto incluye servicios populares como Squarespace, Wix y Weebly. Estos comúnmente proporcionan interfaces de «arrastrar y soltar» que le permiten agregar bloques de contenido en una página siguiendo una plantilla en particular. Algunos también le permiten escribir en un formato híbrido que combina la edición WYSIWYG con la edición tradicional. Un ejemplo típico de esto son los sitios web con rebajas , como Reddit. A menudo, tendrá opciones para aplicar formato en sus cuadros de texto, que puede obtener una vista previa antes de publicar.

Relacionado:  Cómo aplicar tachado al texto en Google Docs