Convertidor de HTML a Markdown

Bienvenido a nuestro convertidor de HTML a Markdown, una herramienta gratuita en línea que transforma el marcado HTML en una sintaxis Markdown limpia y legible. Ya sea que esté migrando contenido de un CMS a un sitio estático, escribiendo documentación, preparando archivos README o convirtiendo publicaciones de blog para plataformas como GitHub o Jekyll, este convertidor maneja encabezados, enlaces, imágenes, tablas, bloques de código, listas y más con precisión.

¿Qué es Markdown?

Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Utiliza convenciones simples de formato de texto plano como # Encabezado, **negrita**, - elemento de lista y [enlace](url) para crear documentos estructurados que son fáciles de leer en su forma original y se pueden convertir a HTML para su visualización en la web. Markdown es el formato estándar para archivos README, documentación para desarrolladores, blogs, foros y aplicaciones de toma de notas.

¿Por qué convertir HTML a Markdown?

1. Migración de contenido

Mover contenido de WordPress, Drupal u otras plataformas de CMS basadas en HTML a generadores de sitios estáticos como Jekyll, Hugo o Gatsby requiere convertir HTML a Markdown. Esta herramienta automatiza ese proceso.

2. Documentación

La documentación para desarrolladores en GitHub, GitLab y Bitbucket utiliza Markdown. Convertir documentos HTML existentes a Markdown los hace más fáciles de mantener, controlar por versiones y colaborar.

3. Legibilidad

Markdown es mucho más legible que el HTML en su forma original. Convertir HTML a Markdown hace que el contenido sea más fácil de escanear, editar y revisar para los humanos sin tener que lidiar con corchetes angulares y etiquetas de cierre.

4. Portabilidad

Los archivos Markdown funcionan en cientos de plataformas y herramientas. Al convertir HTML a Markdown, su contenido se vuelve portátil y preparado para el futuro.

Elementos HTML admitidos

Cómo usar esta herramienta

1. Pegue su HTML: Copie y pegue el contenido HTML que desea convertir en el editor de entrada de la izquierda. También puede hacer clic en un ejemplo rápido para ver cómo funciona.
2. Configure las opciones: Elija su estilo de encabezado preferido (ATX o Setext), marcador de lista (- o *) y estilo de valla de código (comillas invertidas o tildes).
3. Vea la salida de Markdown: El Markdown convertido aparece instantáneamente en el panel derecho mientras escribe.
4. Copie o descargue: Haga clic en Copiar para copiar el Markdown en su portapapeles, o en Descargar para guardarlo como un archivo .md. También puede activar la vista previa en vivo para ver cómo se renderiza el Markdown.

Opciones de estilo de encabezado

Estilo ATX (predeterminado)

El estilo ATX utiliza símbolos de almohadilla (#) antes del texto del encabezado. Admite los seis niveles de encabezado y es el estilo más utilizado en Markdown moderno:

# Encabezado 1 | ## Encabezado 2 | ### Encabezado 3

Estilo Setext

El estilo Setext utiliza subrayados debajo del texto del encabezado. Solo admite h1 y h2 (h3-h6 vuelven a ATX). Algunos escritores lo prefieren para los encabezados de nivel superior debido a su énfasis visual en el Markdown original.

Casos de uso comunes

Migración de CMS

Migrar contenido de blog de WordPress, Ghost o Squarespace a plataformas basadas en Markdown como Hugo, Jekyll, Gatsby o Next.js. Pegue la fuente HTML y obtenga Markdown limpio listo para su nuevo sitio.

Archivos README de GitHub

Convertir documentación HTML o maquetas de diseño a Markdown para repositorios de GitHub. El convertidor maneja tablas, bloques de código y listas anidadas que admite GitHub Flavored Markdown.

De correo electrónico a documentación

Convertir el contenido de un correo electrónico HTML o el contenido de una página web a formato Markdown para wikis de documentación interna o bases de conocimientos.

Toma de notas

Convertir contenido web a Markdown para aplicaciones como Obsidian, Notion, Bear o Typora. Las notas de Markdown son portátiles y preparadas para el futuro.

Consejos para obtener los mejores resultados

Limpie el HTML primero

Para obtener los mejores resultados, use HTML limpio sin estilos en línea excesivos. El convertidor se centra en la estructura HTML semántica, por lo que eliminar los atributos style y class innecesarios produce una salida más limpia.

Verifique la alineación de las tablas

Las tablas HTML complejas con celdas combinadas (colspan/rowspan) pueden no convertirse perfectamente, ya que las tablas de Markdown no admiten la combinación de celdas. Las tablas simples se convierten con precisión.

Listas anidadas

El convertidor maneja correctamente las listas anidadas con la sangría adecuada. Si su HTML tiene listas profundamente anidadas, revise la salida para asegurarse de que el anidamiento coincida con sus expectativas.

Preguntas frecuentes

¿Qué es un convertidor de HTML a Markdown?

Un convertidor de HTML a Markdown es una herramienta en línea que transforma el marcado HTML en la sintaxis de Markdown equivalente. Convierte etiquetas HTML como encabezados, negrita, cursiva, enlaces, imágenes, listas, tablas y bloques de código en sus equivalentes de Markdown, produciendo contenido formateado en texto plano limpio y legible.

¿Es seguro mi contenido HTML al usar este convertidor?

Sí, es completamente seguro. Toda la conversión de HTML a Markdown ocurre por completo en su navegador utilizando JavaScript en el lado del cliente. Su contenido nunca se envía a ningún servidor, ni se almacena ni se transmite. Su HTML permanece completamente privado.

¿Qué elementos HTML admite este convertidor?

Este convertidor admite todos los elementos HTML comunes, incluidos encabezados (h1-h6), párrafos, negrita, cursiva, tachado, enlaces, imágenes, listas ordenadas y desordenadas, listas anidadas, tablas, bloques de código, código en línea, citas, reglas horizontales, saltos de línea y texto preformateado.

¿Cuál es la diferencia entre los estilos de encabezado ATX y Setext?

El estilo ATX utiliza símbolos de almohadilla antes del texto del encabezado (por ejemplo, ## Encabezado 2), mientras que el estilo Setext utiliza subrayados debajo del texto del encabezado (por ejemplo, una línea de guiones para h2). ATX admite los seis niveles de encabezado (h1-h6), mientras que Setext solo admite h1 y h2. ATX es el más comúnmente utilizado en Markdown moderno.

¿Puedo convertir tablas HTML a Markdown?

Sí. Este convertidor admite tablas HTML y las convierte a la sintaxis de tabla GitHub Flavored Markdown (GFM) con la alineación de columnas adecuada mediante barras verticales y guiones. Maneja correctamente los elementos thead, tbody, th y td.

Recursos adicionales

• Sintaxis de Markdown - Daring Fireball (especificación original)
• Guía de GitHub Flavored Markdown
• The Markdown Guide - Referencia completa