Convertidor de HTML a Markdown

Mover un artículo de WordPress a Hugo, archivar una página de Confluence como notas o limpiar un correo electrónico de texto enriquecido para un wiki de documentos significa convertir HTML en Markdown. Este convertidor asocia encabezados, párrafos, listas, enlaces, imágenes y bloques de código con sus equivalentes en Markdown, de modo que el contenido conserva su estructura sin el lastre del HTML.

Cómo convertir HTML a Markdown

  1. 1

    Pegar HTML

    Páginas completas, cuerpos de correos electrónicos de texto enriquecido o fragmentos, todos son analizados.

  2. 2

    Convertir

    Los encabezados, párrafos, listas, enlaces, imágenes y bloques de código se convierten a Markdown.

  3. 3

    Copiar el Markdown

    Coloca la salida en Obsidian, Hugo, Jekyll, Notion o un repositorio de Git.

Mapeo de HTML a Markdown

El convertidor recorre el DOM y emite Markdown para cada elemento reconocido. Las etiquetas envolventes como <div>, <span>, <section> y <article> se eliminan y su contenido se conserva en el nivel de anidación correcto.

Mapeo de elementos

HTML Salida en Markdown
<h1> a <h6> # a ###### encabezados
<strong>, <b> **texto**
<em>, <i> *texto*
<code> en línea `texto`
<pre><code> bloque cercado por triple acento grave, con lenguaje si está establecido
<a href> [texto](url)
<img src alt> ![alt](src)
<ul><li> - ítem
<ol><li> 1. ítem
<blockquote> > cita
<hr> ---

Qué ocurre con el resto

Markdown no puede expresar todos los elementos de HTML. Las etiquetas sin equivalente en Markdown se eliminan y solo se conserva su contenido de texto:

  • <table>: el texto de las celdas se conserva, pero la cuadrícula de la tabla se pierde. Usa un convertidor con soporte de tablas cuando la estructura importe.
  • <del>, <u> y otros estilos en línea: el texto sobrevive, el estilo no.
  • <video>, <audio>, <iframe>: de estas inserciones no se produce nada representable en Markdown.
  • <details> / <summary>: el texto interior se conserva, el widget desplegable no.

Para conversiones de ida y vuelta sin pérdida, convierte desde el Markdown original en lugar de desde el HTML renderizado.

Preguntas frecuentes

Los envoltorios simples <div> y <span> se eliminan y su contenido se emite al nivel de anidación correcto. Los divs solo de diseño se vuelven invisibles en Markdown, que es lo que generalmente deseas para documentos.

Sí. <pre><code class="language-js"> se convierte en un bloque cercado con js como pista de lenguaje. Los bloques de código con sangría sin un lenguaje vuelven a ser bloques cercados simples.

El texto dentro de las celdas de <table> se conserva, pero la cuadrícula en sí no: las filas y columnas no se preservan, por lo que se pierde la estructura. Usa un convertidor con soporte de tablas cuando la estructura importe.

Casi, pero el formato sutil (enlaces de estilo de referencia, saltos de línea duros con dos espacios finales, marcadores de énfasis alternativos) pueden normalizarse. Para un ciclo de ida y vuelta sin pérdida, mantén el Markdown original.

Herramientas relacionadas

Herramienta disponible en otros idiomas