Convertidor de Markdown a HTML

Escribe o pega Markdown y obtén HTML limpio al instante, con vista previa saneada en vivo, tablas GFM, listas de tareas y bloques de código delimitados.

Actualizado el
0 palabras · 0 líneas

La vista previa renderizada aparecerá aquí.

0 B de HTML
Úsalo en

Copy to Webflow pega un nuevo elemento Rich Text en el Designer (Ctrl/⌘+V en el lienzo o en el Navigator). Copiar como texto enriquecido pega texto con formato en un elemento Rich Text existente, en Google Docs, Notion o un correo.

La vista previa siempre se sanea con DOMPurify. Desmarca «Sanear la salida HTML» solo si confías en el Markdown y necesitas HTML incrustado sin procesar, como <iframe> o manejadores de eventos en línea.

Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

Cómo usar: Markdown a HTML

  1. Escribe, pega o abre un archivo .md en el panel Markdown, o haz clic en Ejemplo para ver todos los elementos compatibles.
  2. Revisa el resultado renderizado en Vista previa y cambia a HTML para ver el código generado.
  3. Activa o desactiva opciones como Markdown estilo GitHub, saltos de línea, IDs de encabezados o documento HTML completo.
  4. 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

MarkdownSalida 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 id al estilo de GitHub (en minúsculas, con guiones y sin duplicados gracias a -1, -2) para poder enlazar a #instalacion o 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?
Sí. Copy to Webflow convierte el Markdown renderizado en un único elemento Rich Text que pegas en el Designer con Ctrl/⌘+V. Copiar como texto enriquecido lo pega en un elemento Rich Text existente, en Google Docs o en un correo. Markdown a Webflow Rich Text tiene opciones adicionales, como eliminar el primer H1.
¿Se sube mi Markdown a algún sitio?
No. La conversión se ejecuta completamente en tu navegador con JavaScript; no se envía nada a ningún servidor. Tu última entrada solo se guarda en el almacenamiento local de tu propio navegador.
¿Es compatible con Markdown estilo GitHub?
Sí. Con la opción GFM activada (por defecto) renderiza tablas con tuberías, listas de tareas (- [ ] / - [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?
En Markdown estándar, un salto de línea simple dentro de un párrafo se trata como un espacio. Termina la línea con dos espacios o con una barra invertida para forzar un <br>, o activa la opción «Los saltos de línea se convierten en <br>».
¿Puedo usar HTML sin procesar dentro de Markdown?
Sí, Markdown deja pasar el HTML en línea. Las etiquetas seguras como <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?
Genera <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.
¿Puedo instalar Markdown a HTML como aplicación web y utilizarla sin conexión?
Sí. Markdown a HTML es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

Herramientas relacionadas