Saltar al contenido
Español
Todas las herramientas

Categorías

Herramientas para desarrolladoresCodificación y decodificaciónJSON y datosHash y checksumHerramientas de textoFecha y horaHerramientas de redHerramientas de archivosMarkdown y diagramas

Convertidor de HTML a Markdown

Pegue un fragmento HTML o una página guardada y obtenga Markdown limpio con las opciones de estilo que prefiera.

Procesado localmente en tu navegador

Opciones
0 caracteres · 0 líneas
El resultado aparecerá aquí.

¿Qué es Convertidor de HTML a Markdown?

Convertir HTML a Markdown es útil al migrar contenido desde un CMS, un blog o un correo a un sistema basado en Markdown, como un generador de sitios estáticos, una wiki o un repositorio de documentación.

El conversor sanea primero su HTML con DOMPurify (se descartan scripts, estilos y manejadores de eventos) y luego traduce las etiquetas restantes a Markdown con Turndown. Reglas propias añaden las extensiones de GitHub: tablas con alineación de columnas, ~~tachado~~ y listas de tareas - [x]. Usted elige encabezados ATX o Setext, el carácter de viñeta, código delimitado o con sangría y enlaces en línea o por referencia.

¿Cómo funciona?

  1. Pegue un fragmento HTML o el código fuente completo de la página en el cuadro de entrada.
  2. Elija el estilo de encabezados, la viñeta, el estilo de bloques de código, de enlaces y el delimitador de cursiva.
  3. Deje activada la opción GFM para convertir tablas, tachado y listas de tareas; desactívela para CommonMark puro.
  4. Copie o descargue el Markdown y compruebe la vista previa renderizada debajo.

Casos de uso habituales

  • Migrar entradas de blog o artículos de un centro de ayuda a un generador de sitios estáticos.
  • Convertir un correo o boletín HTML en notas Markdown editables.
  • Extraer documentación legible del código de una página web copiada.
  • Convertir tablas HTML en tablas Markdown para un README.

Ejemplos

Prueba esta entrada en la herramienta de arriba:

<h1>Product update</h1>
<p>This release adds <strong>dark mode</strong>, <em>faster search</em> and <del>legacy exports</del>.</p>
<h2>What changed</h2>
<ul>
  <li>New <a href="https://example.com/changelog" title="Changelog">changelog page</a></li>
  <li>Keyboard shortcuts</li>
  <li><input type="checkbox" checked disabled> Accessibility review</li>
  <li><input type="checkbox" disabled> Translations</li>
</ul>
<ol><li>Update the app</li><li>Restart it</li></ol>
<table>
  <thead><tr><th>Plan</th><th align="right">Seats</th></tr></thead>
  <tbody>
    <tr><td>Free</td><td align="right">1</td></tr>
    <tr><td>Team</td><td align="right">25</td></tr>
  </tbody>
</table>
<blockquote><p>Simple i
…

Privacidad

Convertidor de HTML a Markdown se ejecuta por completo en tu navegador. El texto o los archivos que proporcionas se procesan en tu dispositivo y no se suben, registran ni almacenan en nuestros servidores.

Limitaciones

Markdown no puede expresar todo lo que HTML: se pierden el diseño, los estilos en línea, los formularios, los scripts y los iframes, y las tablas complejas (celdas combinadas) se aplanan. Revise el resultado antes de publicarlo.

Preguntas frecuentes

¿Se conservan los scripts o estilos de mi HTML?

No. La entrada se sanea primero y Turndown además elimina script, style y noscript, así que al Markdown solo llega el marcado del contenido.

¿Cómo se convierten las tablas HTML?

Con GFM activado, la primera fila pasa a ser el encabezado, las celdas se separan con barras verticales y el atributo align de th/td controla los marcadores :---:. Las barras dentro de las celdas se escapan.

¿Qué diferencia hay entre encabezados ATX y Setext?

ATX usa # al inicio de la línea (# Título). Setext subraya el texto con === o --- y solo existe para los niveles 1 y 2; los demás niveles siguen usando #.

Herramientas relacionadas

Más herramientas en Markdown y diagramas →