Markdown to HTML Converter

Convertidor Markdown a HTML

Convertidor Markdown a HTML gratuito con vista previa en vivo y salida visual renderizada. GFM, tablas, listas de tareas, HTML sanitizado. Sin registro.

Actualizado mayo de 2026

Revisado por Rafael Duarte

HTML a MD MD a HTML
Opciones

Conversión en vivo

El resultado se actualiza mientras escribes. Funciona 100% en el navegador.

¿Necesitas el inverso? ← HTML a Markdown

Cómo convertir Markdown a HTML

Código HTML y vista previa visual, uno al lado del otro

1. Pega tu Markdown

Cualquier contenido `.md` en el panel izquierdo — el HTML y la vista previa se actualizan al instante, sin recargar la página.

2. Ajusta las opciones

Activa GFM para tablas y listas de tareas, "Wrap in `<html>`" para generar un documento completo, o Br-style Breaks para respetar saltos de línea simples.

3. Copia o descarga

Cambia entre las pestañas HTML Code y Preview, luego usa "Copy HTML" o descarga el resultado como archivo `.html`.

Cuándo vas a necesitar esto

Los escenarios más comunes entre quienes usan la herramienta

Publicar Markdown en un CMS

Convierte a HTML y pega el resultado en WordPress, Webflow o cualquier CMS que no interprete Markdown de forma nativa.

Armar el cuerpo de un email en HTML

Escribe el contenido en Markdown, conviértelo y luego envuélvelo en la plantilla con CSS inline de tu proveedor de email.

Ver cómo renderiza un archivo `.md`

Pega cualquier Markdown y comprueba al instante su apariencia final antes de subirlo a un repositorio o a un CMS.

Documentación para Confluence o SharePoint

Sistemas corporativos que no renderizan Markdown de forma nativa — convierte aquí tu README o documento antes de pegarlo.

Crear una página HTML independiente

Activa "Wrap in <html>" para generar un archivo .html completo, listo para abrir directo en el navegador o adjuntar a un correo, sin necesidad de servidor.

Qué hace este convertidor de Markdown a HTML

Impulsado por marked.js

GitHub Flavored Markdown

Tablas, listas de tareas, texto tachado y autolinks se convierten correctamente cuando GFM está activo.

Resaltado de sintaxis

Los bloques de código se colorean con highlight.js directamente en la vista previa renderizada.

Preview sanitizado con DOMPurify

La vista previa elimina <script> y atributos de evento automáticamente. El HTML crudo que ya venía en tu Markdown se conserva en el código copiado — revísalo antes de publicarlo a usuarios finales.

Documento completo o fragmento

"Wrap in <html>" genera un .html independiente y listo para abrir en el navegador, o copia solo el fragmento para insertarlo en otro sistema.

Saltos de línea automáticos (Breaks)

Activa Br-style Breaks para que cada salto de línea simple se convierta en <br> — útil al pegar texto corrido sin párrafos formales con línea en blanco.

Atajo de teclado para copiar

Presiona Shift+Enter en cualquier parte de la página (fuera de campos de texto) para copiar el HTML generado sin tocar el mouse.

Ejemplos de conversión

Cómo se ve cada sintaxis una vez convertida a HTML

Markdown
HTML
`# Introducción`
`<h1>Introducción</h1>`
`**negrita** y *cursiva*`
`<strong>negrita</strong> y <em>cursiva</em>`
`- [x] Escribir pruebas`
`<li class="task-list-item"><input type="checkbox" checked>...`
tabla con pipes y GFM activo
`<table><thead><tr><th>...`
`<https://ejemplo.com>`
`<a href="https://ejemplo.com">https://ejemplo.com</a>`

¿Algo no salió bien? Empieza por aquí

Los errores más frecuentes al convertir Markdown a HTML

Tabla sin la fila separadora

La fila | --- | es obligatoria según la especificación GFM — sin ella, la tabla no se convierte en un <table> correcto.

Esperar que el HTML traiga estilos automáticos

La salida no incluye ningún CSS — para newsletters, envuelve el resultado en una plantilla que aplique estilos inline.

Creer que el HTML copiado ya está sanitizado

Solo la pestaña Preview pasa por DOMPurify. Si el Markdown original ya contenía HTML crudo con <script> o atributos on*, ese código se conserva tal cual en el HTML copiado — sanitízalo antes de mostrarlo a usuarios finales.

Un salto de línea simple no se convierte en `<br>`

Según la especificación CommonMark, un solo Enter dentro de un párrafo no genera un salto visual. Activa Br-style Breaks si tu texto depende de saltos simples.

Bloque de código sin lenguaje declarado

Sin un identificador como javascript justo después de las tres comillas invertidas, highlight.js muestra el bloque como texto plano, sin colores de sintaxis.

Desactivar GFM hace desaparecer tablas y listas de tareas

Con GFM apagado, las tablas con pipes y los ítems - [x] se convierten en texto normal en lugar de <table> y casillas de verificación.

Por qué usar este convertidor

Muestra el código HTML crudo y la vista previa visual renderizada al mismo tiempo, uno al lado del otro — no uno u otro por separado — usando marked.js, uno de los parsers de Markdown más rápidos y usados del mundo.

La vista previa pasa por DOMPurify y elimina automáticamente vectores de XSS, pero eso aplica solo a la pestaña Preview. El código de la pestaña HTML Code conserva cualquier HTML crudo que ya estuviera en tu Markdown de origen, así que revísalo antes de pegarlo en un sistema que muestre ese contenido a usuarios finales.

Todo el procesamiento ocurre en tu navegador gracias a marked.js y highlight.js — ningún contenido se envía a un servidor, lo que mantiene la conversión rápida y segura incluso con textos sensibles. Si necesitas el camino inverso, el conversor hermano de HTML a Markdown usa la misma base de opciones.

HTML Code vs. Preview

Las dos pestañas de salida, explicadas

HTML Code
Preview
Qué muestra
código crudo para copiar
apariencia visual renderizada
Úsala cuando...
vas a pegarlo en otro sistema
quieres revisar el resultado final
Se actualiza en vivo
sí
sí

Preguntas frecuentes

HTML Code muestra el código crudo para copiar y usar en tu proyecto. Preview muestra cómo se ve ese HTML renderizado visualmente. Ambas se actualizan en tiempo real mientras escribes.

Referencias

Herramientas relacionadas