Markdown a HTML

Obtén código HTML con sangría a partir de tu Markdown, listo para un CMS o para guardar.

Funciona en tu navegador
Sin subidas
Sin cuenta

Cargando tu herramienta del navegador…

Qué hace Markdown a HTML

Muchos editores de centros de ayuda, creadores de correos y páginas estáticas aceptan HTML pero no Markdown. Pega tu Markdown y obtienes el código HTML con un bloque por línea y las listas anidadas con sangría, fácil de leer y de comparar.

Elige “Fragmento HTML” para insertarlo en una página existente, o “Documento completo” para un archivo independiente con doctype, charset, etiqueta viewport y un título copiado del primer H1. Cambia el resultado a “Vista previa” para revisar la versión renderizada antes de copiar. Si solo quieres ver el formato, el Previsualizador de Markdown es más rápido.

Ejemplo

Entrada

## Exportar un video

Haz clic en **Exportar** y elige `MP4`.

1. Abre el proyecto
2. Elige 1080p

Resultado

<h2 id="exportar-un-video">Exportar un video</h2>
<p>Haz clic en <strong>Exportar</strong> y elige <code>MP4</code>.</p>
<ol>
  <li>Abre el proyecto</li>
  <li>Elige 1080p</li>
</ol>

El encabezado recibe un id al estilo de GitHub, así que un enlace a #exportar-un-video sigue funcionando en la página convertida.

Cómo usar Markdown a HTML

Pega Markdown, haz clic en “Abrir archivo” o en “Usar ejemplo”.
Elige “Fragmento HTML” o “Documento completo” en “Salida” y usa el selector “Código” / “Vista previa” para revisar el resultado.
Haz clic en “Copiar”, o en “Descargar .html” para guardar el archivo.

Conviene saber

No se añade CSS. Un documento completo se abre como una página del navegador sin estilos hasta que enlaces tu propia hoja de estilos.
Cada encabezado recibe un id y no hay ninguna opción para desactivarlo. Si tu CMS rechaza los id, pasa el resultado por el Limpiador de HTML, que los quita.
El código delimitado conserva una clase language-, pero no se resalta la sintaxis; tiene que recoger esa clase el resaltador de tu sitio.

Preguntas sobre Markdown a HTML

¿Cómo convierto un archivo Markdown a HTML?

Haz clic en “Abrir archivo” y elige el archivo .md, o pega su texto. El HTML aparece a la derecha al momento. Elige “Documento completo” si quieres una página que se abra en un navegador y luego haz clic en “Descargar .html”.

¿Qué diferencia hay entre un fragmento HTML y un documento completo?

Un fragmento es solo el contenido del cuerpo: encabezados, párrafos, listas y tablas. Un documento completo lo envuelve en las etiquetas html, head y body con doctype, charset UTF-8, metaetiqueta viewport y título, así que funciona como una página web completa.

¿Las tablas Markdown se convierten en tablas HTML?

Sí. Las tablas con barras verticales pasan a ser elementos table con thead y tbody, y la alineación de la fila separadora, como ---:, pasa a ser un atributo align en cada celda de esa columna.

¿Puedo pegar el resultado en WordPress o en el editor de un centro de ayuda?

Sí, siempre que el editor tenga una vista HTML o de código. Pega el fragmento ahí y no en el editor visual, que mostraría las etiquetas como texto literal.