¿Qué es un editor WYSIWYG?

WYSIWYG significa «What You See Is What You Get» («Lo que ves es lo que obtienes»). Es un tipo de editor que permite dar formato al texto visualmente: al hacer clic en Negrita, el texto se muestra en negrita de inmediato, en lugar de tener que escribir marcado como **negrita** o <strong>. Así es como la mayoría de los procesadores de texto, clientes de correo electrónico y sistemas de gestión de contenido permiten escribir contenido con formato sin conocer HTML.

Descripción de la herramienta

El editor WYSIWYG es un editor de texto enriquecido creado con Tiptap que se ejecuta completamente en el navegador. Da formato al texto con una barra de herramientas familiar —encabezados, negrita, cursiva, subrayado, listas, citas en bloque, bloques de código, enlaces y alineación del texto— y observa el resultado renderizado exactamente mientras escribes, ya que el propio editor funciona como vista previa. Cambia a la pestaña de código fuente HTML en cualquier momento para inspeccionar, editar, copiar o descargar el marcado generado y utilizarlo donde quieras: en una publicación de blog, una plantilla de correo electrónico, un CMS o tu propia aplicación.

Funciones

  • Barra de herramientas de formato enriquecido: encabezados (H1-H3), negrita, cursiva, subrayado, tachado, código en línea y borrado del formato
  • Listas y estructura: listas con viñetas, listas numeradas, citas en bloque, bloques de código y reglas horizontales
  • Alineación del texto: párrafos alineados a la izquierda, centrados, a la derecha y justificados
  • Edición de enlaces: insertar, actualizar y eliminar enlaces sin salir del editor
  • Pestaña de código fuente HTML: cambiar a una vista de HTML sin formato para inspeccionar, editar, copiar o descargar el marcado
  • Sincronización bidireccional: editar el HTML directamente y volver para verlo renderizado en el editor
  • Conteo de palabras y caracteres: controlar la extensión del contenido mientras escribes
  • Deshacer y rehacer: historial completo de edición con un solo clic
  • Compatibilidad con temas claro y oscuro: se adapta automáticamente al tema de tu sitio