Escribe o pega Markdown a la izquierda y mira el resultado en HTML a la derecha, actualizado mientras escribes. Los títulos, negrita y cursiva, listas, tablas, citas y bloques de código se renderizan al instante, con extras de GitHub Flavored Markdown como tablas y tachado incluidos.

¿Cómo funciona la vista previa en vivo?

El análisis corre sobre la biblioteca marked con soporte GFM activado, el mismo analizador que usa el conversor de Markdown a HTML de este sitio. Cada pulsación de tecla vuelve a analizar todo el texto y a renderizar el panel de vista previa, así que no hay un paso ni un botón de “renderizar” aparte, ni retraso entre escribir un encabezado y verlo aparecer a la derecha. Antes de que el HTML toque la página, se sanitiza con DOMPurify, una biblioteca hecha específicamente para eliminar marcado peligroso de HTML no confiable. Eso significa que el contenido pegado no puede ejecutar una etiqueta script ni un manejador onerror a través de la vista previa, algo importante porque Markdown permite insertar HTML directamente, y ese HTML se renderizaría tal cual si no se limpiara antes.

¿Se envía a un servidor algo de lo que escribo?

No. El análisis, el renderizado y la sanitización ocurren en tu navegador con JavaScript incluido en la página. Ningún texto que escribas sale de tu equipo, algo que importa para borradores sin publicar, notas con algo privado, o un documento que todavía no quieres guardar en ningún sitio. Como nada se envía a un servidor, tampoco queda historial que borrar después: basta con cerrar la pestaña.

¿Para qué sirve?

Úsalo para ver cómo quedará un README antes de subirlo, revisar un comentario o el cuerpo de un issue antes de publicarlo en GitHub o GitLab, o comprobar la alineación de las columnas de una tabla sin depender de una plataforma que renderice Markdown por ti. También es una forma rápida de verificar que un bloque de HTML sin procesar pegado en un archivo Markdown, como un <iframe> incrustado o un <div> con estilos, se renderiza como esperas, o de ver si una lista anidada tiene la indentación correcta antes de publicarla.

Consulta la especificación de CommonMark para la sintaxis base, la especificación GFM de GitHub para las extensiones de tablas y tachado, y el proyecto de DOMPurify para más detalles sobre cómo funciona el paso de sanitización.