Saltar al contenido
EVOA Toolbox

HTML a Markdown

Convierte HTML en Markdown ordenado, con tablas, listas y bloques de código. Los scripts y estilos se descartan. Se ejecuta en tu navegador.

Se procesa en local, en tu navegador. Tu texto no se sube.

Cargando herramienta…

Qué hace esta herramienta

Pega HTML y recibe Markdown legible. Los encabezados, párrafos, enlaces, imágenes, énfasis, listas ordenadas y sin ordenar, citas, bloques de código y tablas se convierten en sus equivalentes de Markdown, y el resultado queda listo para un README, una wiki, un generador de sitios estáticos o una aplicación de notas.

Es útil para sacar contenido de un CMS o de una página web guardada, limpiar HTML copiado de un correo o convertir un fragmento de documentación en algo que puedas comparar en el control de versiones. Puedes elegir encabezados ATX (# Encabezado) o Setext (subrayados), bloques de código delimitados o con sangría, y el carácter de viñeta para las listas.

La conversión usa la biblioteca Turndown más una regla de tablas propia que genera tablas con barras verticales al estilo de GitHub. Los elementos script, style e iframe se eliminan antes de convertir, y el HTML se analiza como un documento inerte, así que el código pegado nunca se ejecuta.

Cómo usarla

  1. 1Pega HTML en el cuadro de la izquierda, o pulsa Ejemplo para ver uno de muestra.
  2. 2Elige en las opciones el estilo de encabezados, el estilo de bloques de código y el marcador de viñetas.
  3. 3Deja Tablas activado para convertir <table> en tablas con barras verticales, o desactívalo para conservar texto plano.
  4. 4Copia el Markdown o descárgalo como archivo .md.

Formatos compatibles

Entrada: un fragmento de HTML o una página completa como texto. Salida: Markdown (CommonMark con tablas, tachado y casillas de listas de tareas al estilo de GitHub).

Privacidad

Esta herramienta se ejecuta en tu navegador. Los datos que proporcionas se procesan en tu dispositivo y no se envían a nuestros servidores.

Limitaciones

  • Markdown no puede expresar todo lo que HTML sí: se pierden los colores, las clases, los estilos en línea, las columnas y la mayor parte del marcado de diseño.
  • Las celdas de las tablas se aplanan a una sola línea; las listas anidadas, los elementos de bloque o las imágenes dentro de las celdas pierden su estructura. Las celdas combinadas (colspan/rowspan) no se representan.
  • Una tabla sin fila de encabezado usa su primera fila como encabezado, porque las tablas con barras verticales lo requieren.
  • Si pegas una página web entera, la navegación y los pies de página se incluyen como texto; pega solo la parte que quieras.
  • Los enlaces relativos siguen siendo relativos porque se desconoce la dirección de la página original.

Preguntas frecuentes

¿Los scripts o estilos de mi HTML se ejecutan o se conservan?

No. Los elementos <script>, <style>, <noscript>, <iframe>, <object> y <embed> se eliminan antes de la conversión, y el HTML se analiza sin ejecutarse.

¿Convierte tablas?

Sí. Las tablas se convierten en tablas con barras verticales al estilo de GitHub, con una fila separadora tras el encabezado. Las barras verticales dentro de las celdas se escapan y los saltos de línea dentro de las celdas pasan a ser espacios.

¿Puedo copiar desde una página web y pegar aquí?

Al pegar texto renderizado en el cuadro se inserta texto plano, no HTML. Usa la opción de ver código fuente o las herramientas de desarrollo de tu navegador para copiar el HTML del elemento y pega eso.

¿Qué variante de Markdown se genera?

Principalmente CommonMark, con ~~tachado~~, casillas [x] de tareas y tablas con barras verticales como las que usa GitHub.

Herramientas relacionadas