Saltar al contenido

Conversor de HTML a Markdown

Pega HTML y obtén Markdown que conserva la estructura: encabezados, negrita y cursiva, enlaces, imágenes, listas, citas, bloques de código y tablas sencillas. Los scripts, los estilos y los contenedores de diseño se descartan, y la página muestra cuánto más corto es el resultado. Gratis, sin registro, y el HTML se analiza en tu navegador, nunca se sube.

Cómo usar el conversor de HTML a Markdown

  1. 1. Pega tu HTML. Sirven un fragmento o una página completa; solo se convierte el cuerpo.
  2. 2. Pulsa Convertir a Markdown. El Markdown aparece debajo con tres contadores: caracteres HTML, caracteres Markdown y la reducción de tamaño.
  3. 3. Revisa el resultado. Compáralo con el original, sobre todo las tablas y las listas anidadas (véanse los límites más abajo).
  4. 4. Cópialo. Copiar Markdown pone el texto en tu portapapeles, listo para un README, un generador de sitios estáticos o una app de notas.

Qué se convierte en cada elemento HTML

La herramienta analiza tu HTML con el analizador propio del navegador y recorre el árbol, así que el marcado mal formado se repara como lo haría un navegador. Después, cada elemento se asigna a su equivalente en Markdown:

HTMLMarkdown
h1 a h6# a ###### seguido del texto del encabezado
pUn párrafo separado por líneas en blanco
br, hrUn salto de línea; ---
strong, b**negrita**
em, i*cursiva*
codeEl texto entre acentos graves simples
preUn bloque delimitado por tres acentos graves, sin etiqueta de lenguaje
a[texto](dirección)
img![alt](origen)
ul, olViñetas -, o 1. 2. 3. renumerados desde 1; las sublistas se sangran dos espacios por nivel
blockquoteCada línea precedida de >
tableUna tabla con barras verticales; la primera fila se convierte en encabezado
div, span, section, cualquier otroSe desenvuelve: la etiqueta desaparece y su contenido se queda
script, style, head, meta, link, title, noscript, template, iframeSe eliminan junto con su contenido

Ejemplo desarrollado

HTML

<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>

Markdown

Un encabezado # Citation Basics; un párrafo que dice Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; la lista - Author, - Year y un - Month con sangría; después una tabla con barras verticales de dos columnas, con separadores --- y una fila, APA y 7th.

Contadores

273 caracteres HTML, 159 caracteres Markdown, una reducción del 42 %.

Markdown no puede expresar todo lo que puede HTML, que es precisamente su gracia: la salida es la estructura del documento y ninguna de su presentación.

Límites que conviene revisar

  • Las tablas se aplanan. Cada celda se reduce a su texto plano, así que se pierden los enlaces y el énfasis dentro de las celdas, las barras verticales se escapan y las celdas combinadas no se entienden. Las tablas con barras verticales son una extensión de GitHub Flavored Markdown, no parte del CommonMark básico, así que comprueba que tu destino las admite.
  • Algunas etiquetas en línea se descartan. El subrayado, el tachado, el superíndice y el subíndice no tienen equivalente en Markdown aquí, así que su texto se conserva sin formato.
  • Los caracteres especiales no se escapan. Un asterisco o un guion bajo literal en tu texto se deja tal cual y puede interpretarse como énfasis en un visor de Markdown.
  • Las listas numeradas anidadas se sangran dos espacios por nivel, que la mayoría de visores aceptan, aunque algunos quieren tres bajo un marcador 1..
  • Los enlaces y las imágenes conservan sus direcciones originales, así que las rutas relativas siguen siendo relativas.

¿Qué herramienta necesitas?

Usa esta página para conservar la estructura al pasar de HTML a Markdown. Si solo quieres las palabras, el Eliminador de etiquetas HTML devuelve texto plano. En sentido contrario, el Conversor de Markdown a HTML renderiza Markdown, y Markdown a texto quita el Markdown hasta dejar texto plano. Para ordenar el HTML antes de convertirlo, usa el Formateador de HTML.

Preguntas frecuentes

¿Qué elementos HTML se convierten a Markdown?
Encabezados, párrafos, saltos de línea, líneas horizontales, negrita, cursiva, código en línea, bloques de código, enlaces, imágenes, listas ordenadas y no ordenadas, citas y tablas sencillas. La tabla de arriba muestra la asignación exacta.
¿Gestiona las listas anidadas?
Sí. Las sublistas se sangran dos espacios por nivel, y las listas ordenadas se renumeran desde 1. Una lista que empieza en otro número en el HTML, como start="5", también se renumera desde 1.
¿Qué pasa con las etiquetas que el conversor no reconoce?
Se desenvuelven: la etiqueta se descarta y se conserva su texto. Un div o un span desaparece sin dejar rastro, mientras que script, style y los elementos similares se eliminan junto con su contenido.
¿Puede convertir tablas HTML?
Las sencillas, sí: se convierten en tablas con barras verticales, usando la primera fila como encabezado. No se conservan las celdas combinadas, las tablas anidadas ni los enlaces o el formato dentro de las celdas.
¿Funciona con una página web completa?
Sí, pero convierte todo lo que hay en el cuerpo, incluidos los menús de navegación y los pies de página, como texto y enlaces normales. Para un artículo, pega solo el HTML del artículo.
¿Por qué el Markdown se ve más sencillo que la página original?
Markdown registra la estructura —encabezados, énfasis, enlaces, listas—, no los colores, las fuentes ni el diseño. El CSS, los formularios y los widgets incrustados se descartan por diseño.
¿Se sube mi HTML a un servidor?
No. La conversión se ejecuta en tu navegador con su DOMParser integrado, que no ejecuta scripts del HTML pegado, y nada de lo que pegas sale de tu dispositivo.

Herramientas relacionadas

Más en Datos, marcado y código