Conversor de HTML a Markdown

Pega HTML — o copia texto enriquecido directamente de una página web, un Google Doc o un correo — y obtén un Markdown ordenado que puedes llevar a un README, una wiki o un sitio estático.

Actualizado el
0 caracteres
Markdown
0 caracteres
Úsalo en

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

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

Cómo usar: HTML a Markdown

  1. Pega el código HTML en el panel izquierdo — o copia texto con formato de una página web o documento y pégalo; con «Pegar texto enriquecido como HTML» activado, el formato se conserva.
  2. Elige tu variante de Markdown preferida: estilo de encabezados, marcador de lista, estilo de bloques de código y enlaces en línea o de referencia.
  3. Mantén GFM activado para convertir <table>, <del> y listas de casillas en Markdown con sabor GitHub.
  4. Copia el resultado o descárgalo como archivo .md.

¿Qué es un conversor de HTML a Markdown?

Un conversor de HTML a Markdown lee los elementos HTML y los reescribe con la sintaxis de texto plano de Markdown: <h2> se convierte en ## , <strong> en **…**, <a href> en [texto](url). Es la forma más rápida de pasar contenido de un CMS, un blog antiguo o una página web a un repositorio Git, a un generador de sitios estáticos (Hugo, Jekyll, Astro, Docusaurus), a una wiki o a una app de notas como Obsidian. Esta herramienta usa la biblioteca de código abierto Turndown con su plugin GFM, y se ejecuta por completo en tu navegador.

Copiar desde páginas web, Google Docs y Word

Cuando copias texto desde un navegador o una aplicación de oficina, el portapapeles guarda una versión HTML junto al texto plano. Con Pegar texto enriquecido como HTML activado, al pegar en el panel izquierdo se inserta ese HTML, así que los encabezados, la negrita, los enlaces y las listas se conservan. Desactívalo si quieres pegar código HTML tal cual lo copiaste de un editor de código.

Ejemplo

<h2>Install</h2>
<p>Run <code>npm i</code>, then
read the <a href="/docs">docs</a>.</p>
<ul>
  <li>Fast</li>
  <li><em>Small</em></li>
</ul>

se convierte en

## Install

Run `npm i`, then read the [docs](/docs).

-   Fast
-   _Small_

Turndown ajusta los marcadores de lista a una sangría de cuatro caracteres para que las listas anidadas y los elementos con varios párrafos queden bien alineados en cualquier analizador de Markdown.

Opciones explicadas

OpciónValores disponiblesCuándo usarla
Encabezados# ATX o Setext (subrayado con ===/---)ATX es el valor habitual por defecto; Setext solo existe para h1 y h2.
Marcador de lista-, *, +Usa el mismo que el linter de tu proyecto (regla MD004 de markdownlint).
Bloques de códigoDelimitadores ```, delimitadores ~~~, sangría de 4 espaciosLos delimitadores conservan el lenguaje (de class="language-js"); los bloques con sangría no.
EnlacesEn línea o de referenciaLos enlaces de referencia sacan las URL largas de los párrafos y las listan al final.

Lo que no se convierte

Markdown no tiene sintaxis para colores, tipografías, diseños en columnas, formularios ni celdas combinadas en tablas. Los estilos se descartan, los bloques <script> y <style> se eliminan, y las tablas sin fila de encabezado se mantienen como HTML, ya que las tablas GFM necesitan encabezado y solo admiten celdas simples de una línea; las celdas combinadas (colspan/rowspan) no se pueden representar. Limpia antes el HTML desordenado con el Formateador de HTML y comprueba el resultado con el conversor de Markdown a HTML.

También se busca como: convertir html a markdown, html to md, rich text a markdown, página web a markdown, turndown, html2markdown, tabla gfm.

Herramientas que combinan con: HTML a Markdown

  • HTML a Webflow Rich Text — Pega HTML desordenado, de un sitio antiguo, una exportación de WordPress, Google Docs o Word, y obtén un marcado semántico limpio que el elemento Rich Text de Webflow y la importación CMS aceptan sin basura.
  • 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.
  • 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.
  • 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.

Preguntas frecuentes

¿Puedo pegar el resultado en Webflow?
Sí. «Copiar a Webflow» deja en el portapapeles un elemento Rich Text: pulsa Ctrl/⌘+V en el Designer y los encabezados, listas, enlaces, imágenes y citas llegan como Rich Text nativo. «Copiar como texto enriquecido» pega texto con formato en un elemento Rich Text existente. Para limpiar antes el HTML pegado, usa HTML a Webflow Rich Text.
¿Se envía mi HTML a un servidor?
No. Turndown se ejecuta en tu navegador y analiza el HTML con el DOMParser inerte del navegador, así que los scripts del HTML pegado nunca se ejecutan y no se sube nada.
¿Cómo convierto una página web completa a Markdown?
Selecciona el texto del artículo en la página, cópialo y pégalo aquí con «Pegar texto enriquecido como HTML» activado. También puedes ver el código fuente de la página, copiar el HTML relevante y pegarlo. Mejor deja fuera los menús de navegación y los pies de página.
¿Por qué mi tabla sigue siendo HTML?
Las tablas de Markdown con sabor GitHub deben empezar con una fila de encabezado. Las tablas sin ella (sin <th> ni <thead>) se mantienen como HTML, que la mayoría de renderizadores de Markdown acepta. Las celdas combinadas, las tablas anidadas y las listas dentro de celdas no se pueden expresar en GFM.
¿Qué marcador de lista debo elegir?
Los tres son equivalentes en CommonMark. - es la opción más común y el valor por defecto de Prettier; elige el que espere la guía de estilo de tu proyecto o la configuración de markdownlint.
¿Se convierten las imágenes?
Sí. <img src="a.png" alt="Logo"> se convierte en ![Logo](a.png), incluido el atributo title si existe. Los archivos de imagen no se descargan.
¿Puedo instalar HTML a Markdown como aplicación web y utilizarla sin conexión?
Sí. HTML a Markdown 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