Cómo usar: Markdown a HTML
- Escribe, pega o abre un archivo
.mden el panel Markdown, o haz clic en Ejemplo para ver todos los elementos compatibles. - Revisa el resultado renderizado en Vista previa y cambia a HTML para ver el código generado.
- Activa o desactiva opciones como Markdown estilo GitHub, saltos de línea, IDs de encabezados o documento HTML completo.
- Haz clic en Copiar HTML para pegarlo en tu CMS o plantilla, o en Descargar para guardar un archivo
.html.
¿Qué es un convertidor de Markdown a HTML?
Markdown es una sintaxis ligera de texto plano para dar formato: # para encabezados, **negrita**, - para listas y comillas invertidas para código. Los navegadores no pueden mostrarlo directamente, así que primero hay que convertirlo a HTML. Este convertidor lo hace en tu navegador con el analizador marked y muestra el resultado en paralelo, lo que resulta útil para archivos README, documentación, entradas de blog escritas en Markdown y contenido que necesitas pegar en un CMS que solo acepta HTML.
Sintaxis compatible
| Markdown | Salida HTML |
|---|---|
## Instalación | <h2 id="instalacion">Instalación</h2> |
**negrita**, _cursiva_ | <strong>, <em> |
[enlace](/docs) | <a href="/docs">enlace</a> |
- [x] Hecho (GFM) | <li><input type="checkbox" checked disabled> Hecho</li> |
~~viejo~~ (GFM) | <del>viejo</del> |
| ```js bloque delimitado | <pre><code class="language-js"> |
Markdown estilo GitHub (GFM) añade tablas con tuberías y alineación de columnas (|:---|:---:|---:|), listas de tareas, texto tachado y enlazado automático de URLs sueltas. Los bloques de código delimitados conservan su lenguaje como clase language-*, que resaltadores de sintaxis como Prism o highlight.js reconocen.
¿Es seguro el HTML generado?
Markdown permite HTML sin procesar, así que un documento puede contener etiquetas <script>, manejadores onerror= o enlaces javascript:. La vista previa siempre se limpia con DOMPurify antes de mostrarse, y por defecto la salida HTML se sanea de la misma forma. Si conviertes Markdown enviado por usuarios en tu propio sitio, sanea también en el servidor: la limpieza en el cliente solo protege esta página.
Opciones explicadas
- Los saltos de línea se convierten en <br>: el Markdown estándar une las líneas dentro de un párrafo; los comentarios de GitHub, en cambio, tratan cada salto de línea como un salto real. Actívala para imitar el comportamiento de los comentarios.
- IDs de encabezados: añade atributos
idal estilo de GitHub (en minúsculas, con guiones y sin duplicados gracias a-1,-2) para poder enlazar a#instalaciono crear un índice. - Documento HTML completo: envuelve la salida en
<!doctype html>,<head>y<body>, usando el primer encabezado como<title>.
Consejos
Deja una línea en blanco antes de listas, tablas y bloques de código: muchos problemas del tipo «¿por qué no se renderiza?» se deben a una línea en blanco que falta. ¿Necesitas hacer el camino inverso? Usa el convertidor de HTML a Markdown y ordena el resultado con el formateador de HTML.
También se busca como: convertir markdown a html, convertidor markdown, md a html, vista previa markdown, editor markdown, markdown github, markdown a webflow.
Herramientas que combinan con: Markdown a HTML
- Markdown a Webflow Rich Text — Pega Markdown, revisa la vista previa y cópialo como texto con formato: títulos, listas, enlaces y negritas se pasan correctamente al elemento Rich Text de Webflow.
- Codificar entidades HTML — Escapa < > & " para mostrar texto de forma segura en HTML, convierte tildes y símbolos en entidades con nombre o numéricas, o decodifica HTML con entidades a texto plano.
- Contador de palabras — Pega o escribe tu texto para contar palabras y caracteres en tiempo real, además de calcular el tiempo de lectura y de pronunciación, la densidad de palabras clave y comprobar la longitud de los títulos SEO, las metadescripciones y las publicaciones en redes sociales.
- Comprobador de diferencias — Pega la versión original y la modificada para ver, una al lado de la otra, las líneas añadidas, eliminadas y modificadas, con las palabras exactas que han cambiado resaltadas dentro de cada línea.
Preguntas frecuentes
¿Puedo pegar Markdown en Webflow?
¿Se sube mi Markdown a algún sitio?
¿Es compatible con Markdown estilo GitHub?
- [ ] / - [x]), texto tachado con ~~ y URLs enlazadas automáticamente, siguiendo la especificación GFM que usa GitHub.¿Por qué desaparece mi salto de línea?
<br>, o activa la opción «Los saltos de línea se convierten en <br>».¿Puedo usar HTML sin procesar dentro de Markdown?
<details>, <kbd> o <sup> se conservan; los scripts, los manejadores de eventos y las URLs javascript: se eliminan, a menos que desactives el saneado de la salida.¿Añade resaltado de sintaxis a los bloques de código?
<pre><code class="language-xyz"> para los bloques delimitados con lenguaje, que es la convención que esperan highlight.js y Prism. Añade una de esas bibliotecas a tu página para colorear el código.