Convertir Markdown a HTML
Convierte Markdown a HTML limpio con vista previa en vivo.
100% en tu navegador — no se sube nadaConvertir Markdown a HTML con vista previa
Vista previa
La vista previa no carga imágenes externas: esta página nunca se comunica con otro servidor. El HTML copiado conserva las URL originales.
Sobre este convertidor de Markdown a HTML
Escribe o pega Markdown y obtén HTML limpio al instante, junto a una vista previa renderizada. El conversor cubre el conjunto habitual de CommonMark — encabezados, énfasis, enlaces, imágenes, listas, citas y código — más los extras estilo GitHub: tablas con alineación de columnas, tachado y bloques de código con su lenguaje.
Todo corre en tu navegador: borradores, archivos README y documentación interna nunca salen de tu equipo. Además, la salida se genera de forma defensiva: el HTML crudo dentro del Markdown se escapa y se muestra como texto, y los enlaces javascript: se neutralizan, así que el código generado es seguro para pegar en una página o CMS.
Cómo convertir Markdown a HTML en las herramientas que ya usas
Fuera de esta página, estas son las formas más comunes de pasar Markdown a HTML en tu propio flujo.
| Herramienta | Cómo convertir | Qué obtienes |
|---|---|---|
| Python — markdown | import markdown; markdown.markdown(texto) | Una cadena HTML. Se instala con pip install markdown. |
| Node — marked | import { marked } from 'marked'; marked.parse(texto) | Una cadena HTML, devuelta de forma síncrona. |
| pandoc | pandoc -f markdown -t html | Un fragmento por stdout. Agrega -o pagina.html para escribir un archivo, y -s para un documento completo con head y body. |
| VS Code | Ctrl+Shift+V (Cmd+Shift+V) abre la vista previa | Solo una vista renderizada, no un archivo .html. Mira la nota de abajo. |
La vista previa integrada de VS Code renderiza el Markdown pero nunca lo exporta: no hay ningún comando incorporado que escriba un archivo .html. Para obtener el archivo instalas una extensión o pasas el documento por pandoc. Todo lo de arriba produce un fragmento por defecto; envuélvelo en tu propio <head>/<body>, o usa pandoc -s, cuando necesites una página independiente.
Dos razones por las que un fragmento no se renderiza
Cuando algo se ve bien en el editor pero sale como un solo párrafo plano, casi siempre es una de estas dos.
| Lo que escribiste | Lo que se renderiza | Cómo se arregla |
|---|---|---|
| Una línea de texto y, justo debajo, - ítem | La lista se absorbe dentro del párrafo | Deja una línea en blanco antes del primer ítem. |
| Una fila de encabezado con | barras | y sin guiones debajo | Una línea de texto con barras, no una tabla | Agrega la fila separadora: | --- | --- | debajo del encabezado. |
La línea en blanco es la regla portable. El CommonMark estricto sí deja que una lista con viñetas interrumpa un párrafo, pero una lista ordenada solo lo interrumpe cuando empieza en 1 —así que una lista que arranca en 2. no se renderiza, en silencio—, y muchos otros renderizadores piden la línea en blanco de todos modos. En una tabla GFM, la fila de guiones es lo que la convierte en tabla; los dos puntos fijan la alineación: :--- es a la izquierda, ---: a la derecha y :---: al centro.
Preguntas frecuentes
¿Qué sintaxis de Markdown soporta?
El subconjunto habitual de CommonMark: encabezados, párrafos, negrita, cursiva, tachado, código en línea, bloques de código con lenguaje, enlaces, imágenes, listas ordenadas y no ordenadas (un nivel de anidación, con viñetas partidas en varias líneas y líneas en blanco entre ítems), citas, líneas horizontales, saltos de línea, escapes con barra invertida y tablas estilo GitHub con alineación. No soporta enlaces por referencia, encabezados subrayados (setext), autoenlaces, notas al pie, énfasis con guiones bajos ni bloques de código por indentación.
¿Por qué el HTML crudo aparece como texto?
Es intencional: una medida de seguridad. Cualquier etiqueta HTML dentro del Markdown se escapa y se muestra como texto visible, lo que bloquea la inyección de scripts, y los enlaces con esquema javascript: se neutralizan. El HTML generado es seguro para incrustar tal cual.
¿Mi Markdown se sube a algún servidor?
No. La conversión y la vista previa corren completamente en tu navegador, y la vista previa está aislada en un iframe con sandbox. No se envía nada a ningún lado, así que es seguro para notas privadas y documentación interna: por eso mismo la vista previa no carga imágenes alojadas en otros sitios, aunque el HTML que copias conserva sus URL originales.