Vista Previa de Markdown

¿Qué es Markdown?

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004 para escribir texto formateado usando solo un teclado normal. **negrita**, # títulos, - listas — pequeñas convenciones que se convierten en HTML limpio. Es el formato por defecto para los archivos README de GitHub, posts de Reddit y Stack Overflow, generadores de documentación y la mayoría de apps de notas. Esta vista previa parsea lo que escribes con la librería marked y muestra el HTML renderizado junto al origen para que iteres rápido sin salir de la página.

Cómo usar la vista previa

Escribe o pega Markdown a la izquierda. El panel derecho se vuelve a renderizar mientras escribes. Activa Estilo GitHub para habilitar extras como tablas, listas de tareas y tachado. Activa Salto en cada línea si quieres que cada salto de línea sea un <br> (la mayoría de editores prefieren el comportamiento por defecto, donde necesitas una línea en blanco entre párrafos). Pulsa Copiar HTML para llevar el HTML renderizado al portapapeles — pégalo en un CMS, un correo o cualquier sitio que acepte HTML.

Referencia rápida de sintaxis

Los tokens más comunes de Markdown. La vista previa acepta la especificación CommonMark completa más las extensiones estilo GitHub cuando el toggle GFM está activado.

Markdown	Se renderiza como
`# Title`	Título de nivel superior
`bold`	negrita
`italic`	cursiva
`code`	`código en línea`
`[text](url)`	Hiperenlace
`- item`	Elemento de lista
`> quote`	Cita en bloque
`\| a \| b \|`	Fila de tabla (GFM)

Preguntas frecuentes

¿Mi Markdown se envía a algún sitio?

No. El parseo ocurre íntegramente en tu navegador, usando la librería marked cargada desde una CDN pública. Tras la carga inicial del script, no se hacen más peticiones — escribir y renderizar son 100% sin conexión. Abre DevTools > Network y no verás tráfico al editar. Seguro para borradores, documentación interna y cualquier cosa que no pegarías en un editor alojado.

¿Qué hace el toggle GFM?

GitHub Flavored Markdown añade extensiones a la base CommonMark: tablas, listas de tareas (- [x] hecho), tachado (~~texto~~), enlaces automáticos y reglas ligeramente distintas para listas/párrafos. Con el toggle activado verás la renderización de GitHub; desactivado, CommonMark estricto. La mayoría de plataformas (GitHub, GitLab, Stack Overflow) usan GFM, así que déjalo activo por defecto.

¿Por qué un solo salto de línea no crea una línea nueva?

Según la especificación Markdown, un salto de línea simple equivale a un espacio — los párrafos se separan con líneas en blanco. Es el mismo comportamiento de Word/Google Docs y de GitHub. Si quieres que cada salto se renderice (por ejemplo, poesía, listas de nombres, líneas de log), activa el toggle Salto en cada línea.

¿Es seguro pegar la salida en mi sitio?

Cuidado con Markdown no confiable. Markdown permite HTML embebido, así que una fuente maliciosa puede colar una etiqueta <script> que se ejecute al pegar el HTML en un lugar que no sanitiza. Esta vista previa es para inspección — si estás canalizando Markdown enviado por usuarios hacia tu sitio, pasa la salida por un sanitizador como DOMPurify en el servidor antes de servirla.

¿Puedo exportar a PDF o Word?

No directamente aquí, pero el flujo es fácil: copia el HTML renderizado con el botón, pégalo en un editor de documentos (Google Docs, Pages, LibreOffice conservan el formato HTML al pegar) y exporta desde ahí. Para PDF, lo más sencillo es imprimir el HTML renderizado — el diálogo de impresión del navegador tiene el destino "Guardar como PDF".

¿Por qué se ve HTML en bruto en mi salida?

Markdown permite HTML en línea de forma intencionada — cualquier cosa entre < y > que parezca una etiqueta pasa tal cual. Si quieres mostrar HTML en vez de renderizarlo, escapa los signos (< y >) o envuelve el fragmento en código con cercas (tres backticks). El mismo truco sirve para cualquier puntuación literal de Markdown.

Vista Previa de Markdown