Conversor de HTML a Markdown

Convierte HTML en Markdown limpio. Admite encabezados, listas, tablas, bloques de código, enlaces e imágenes con estilos configurables de viñetas, encabezados, enlaces y código.

Actualizado

Share:

HTML to Markdown Converter

0 bytes
0 lines
0 bytes
0 lines

Preguntas Frecuentes

¿Qué es el conversor de HTML a Markdown?

El conversor de HTML a Markdown es una herramienta en línea gratuita que convierte HTML en Markdown limpio. Admite encabezados, listas, tablas, bloques de código, enlaces e imágenes con estilos configurables de viñetas, encabezados, enlaces y código. Funciona completamente en tu navegador, sin instalación ni registro.

¿Cómo funciona?

Analiza el HTML con el DOMParser del navegador y recorre el árbol de nodos para generar Markdown, incluyendo encabezados, listas, bloques de código, tablas, enlaces e imágenes. Se ejecuta del lado del cliente.

¿Qué variantes de Markdown se admiten?

CommonMark más las extensiones GFM para tablas y tachado. Elige encabezados ATX o Setext, bloques de código delimitados o sangrados, y enlaces en línea o por referencia.

¿Se sube mi HTML?

No. La conversión ocurre completamente en tu navegador mediante DOMParser. No se envía nada a ningún servidor.

¿El conversor de HTML a Markdown es gratuito?

Sí, el conversor de HTML a Markdown es 100% gratuito, sin registro, sin tarifas ocultas y sin límites de uso. Todo el procesamiento ocurre localmente en tu navegador, garantizando total privacidad.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El conversor de HTML a Markdown procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿El conversor de HTML a Markdown funciona en dispositivos móviles?

Sí, el conversor de HTML a Markdown es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita ninguna cuenta ni registro. Simplemente abre el conversor de HTML a Markdown en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

¿Puedo procesar grandes cantidades de texto?

Sí, el conversor de HTML a Markdown maneja textos de cualquier longitud con un procesamiento rápido y en tiempo real. Como todo se ejecuta en tu navegador, el rendimiento depende de tu dispositivo, pero funciona bien para la mayoría de los casos.

¿Cómo uso el conversor de HTML a Markdown?

Simplemente introduce tu texto en el campo correspondiente, ajusta las opciones a tu preferencia y la herramienta lo procesará al instante. Luego puedes copiar el resultado al portapapeles o descargarlo.

¿Cuál es la diferencia entre los enlaces en línea y los enlaces de estilo referencia en Markdown?

Los enlaces en línea colocan la URL justo al lado del texto, como [Toolbox](https://getthetoolbox.com), lo cual es rápido de leer para un enlace suelto pero satura los párrafos largos llenos de referencias. Los enlaces de estilo referencia separan la etiqueta de la dirección: el texto muestra [Toolbox][1], y la URL real vive en una lista numerada recopilada al final del documento, como [1]: https://getthetoolbox.com. La prosa visible queda limpia y fácil de escanear, y puedes reutilizar una misma definición para enlaces repetidos. Ningún estilo cambia el aspecto de la página renderizada; solo afectan al código fuente. Este conversor te permite elegir cualquiera de los dos en la opción Estilo de enlace, y cuando eliges referencia, agrupa automáticamente cada ancla en una lista numerada al pie para que no tengas que gestionar los índices a mano.

¿Por qué el Markdown convertido añade barras invertidas antes de algunos caracteres?

Markdown trata caracteres como *, _, #, [, ] y las comillas invertidas como sintaxis de formato, así que si tu texto HTML los contiene literalmente, deben escaparse con una barra invertida para evitar que el renderizador los interprete mal. Por ejemplo, una frase que mencione un archivo llamado report_2024 se convertiría en cursiva si no se escapara, porque los guiones bajos activan el énfasis. El conversor escapa estos caracteres especiales en el texto normal para que la salida se renderice exactamente como se leía en la página original, sin negritas, cursivas o enlaces rotos accidentales. Dentro de los bloques de código delimitados, los caracteres se dejan intactos, ya que el código debe aparecer tal cual. Si en tu caso una barra invertida suelta te parece innecesaria, simplemente está protegiendo un carácter que de otro modo se interpretaría como marcado. Pega tu HTML y el escapado se aplica automáticamente mientras escribes.

¿Cómo maneja el conversor los bloques de código y las pistas de resaltado de sintaxis?

Cuando la herramienta encuentra un bloque <pre><code>, envuelve el contenido en un bloque de código delimitado por defecto, usando triple comilla invertida arriba y abajo para que el código se mantenga intacto entre saltos de línea. Si el elemento <code> original lleva una clase CSS como language-javascript o language-python, el conversor lee ese nombre y lo añade a la cerca de apertura, produciendo ```javascript. Esa pista de lenguaje es lo que GitHub, GitLab y la mayoría de los generadores de sitios estáticos usan para aplicar el resaltado de sintaxis. Los fragmentos <code> en línea, en cambio, se envuelven en una sola comilla invertida. Si tu renderizador de destino es un motor CommonMark más antiguo que prefiere la indentación, cambia la opción Estilo de bloque de código a indentado, que antepone cuatro espacios a cada línea en lugar de usar cercas. Pega tu HTML para ver tu código aparecer limpiamente delimitado y etiquetado con su lenguaje.

¿Puede convertir tablas HTML en tablas Markdown?

Sí. El conversor detecta los elementos <table> y los reconstruye como tablas con barras verticales en formato GitHub-Flavored Markdown, donde las columnas se separan con el carácter | y una fila de guiones marca el límite entre el encabezado y el cuerpo. El primer <tr>, o cualquier celda dentro de <thead>, se convierte en la fila de encabezado, y las demás filas se completan debajo. Esto funciona bien para tablas de datos sencillas, que cubren la gran mayoría de las tablas que se copian de páginas web. Ten en cuenta que las tablas Markdown son deliberadamente simples, así que características HTML avanzadas como celdas combinadas (colspan o rowspan) y elementos de bloque anidados dentro de una celda no tienen un equivalente directo y pueden no trasladarse bien. Para tablas limpias y bien estructuradas, el resultado queda listo para pegar en un README o wiki. Pega el HTML de tu tabla para probarlo.

¿Cuánto más pequeño es el Markdown comparado con el HTML original?

Depende por completo de cuántas etiquetas tenga tu fuente, pero Markdown casi siempre es considerablemente más pequeño porque elimina las etiquetas de ángulo, los estilos en línea, los atributos de clase y el marcado de seguimiento que acumula el HTML web. Un encabezado escrito como <h2 class="title">Hola</h2> se reduce a simplemente ## Hola, y un párrafo con estilos pierde todos sus atributos envolventes mientras conserva las palabras. Las páginas exportadas de editores WYSIWYG o extraídas de sitios en vivo tienden a reducirse más, ya que cargan la mayor sobrecarga de formato. En lugar de prometer una proporción fija, esta herramienta la mide por ti: reporta el tamaño en bytes y el número de líneas tanto del HTML de entrada como del Markdown de salida, para que veas la reducción exacta en tu contenido específico. Pega tu HTML y compara los dos conteos lado a lado.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/html-to-markdown" title="HTML to Markdown Converter — The Toolbox" width="100%" height="420" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/text-tools/html-to-markdown?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free HTML to Markdown Converter</a> by The Toolbox</p>

Sobre el Conversor de HTML a Markdown

El Conversor de HTML a Markdown transforma HTML sin procesar en Markdown limpio y legible que puedes pegar directamente en un README, una entrada de sitio estático, una página de wiki o cualquier CMS que entienda Markdown. Pega tu HTML a la izquierda y el Markdown convertido aparece a la derecha mientras escribes, sin botones que pulsar ni esperas de servidor. Está pensado para desarrolladores que migran contenido fuera de una página web, redactores técnicos que archivan documentación, y cualquiera que haya copiado texto con formato y prefiera un Markdown ordenado en lugar de una maraña de etiquetas.

La conversión se ejecuta por completo en tu navegador. Tu HTML se analiza localmente con el DOMParser integrado del navegador, y nada se sube, se registra ni se almacena en ningún sitio. Eso lo hace seguro para documentación interna, borradores de artículos o código fuente extraído de una página que preferirías no enviar a una API de terceros. No hay que registrarse, no requiere instalación y no tiene más límite de uso que el que imponga tu propio dispositivo.

Qué elementos HTML convierte

El conversor recorre el DOM analizado nodo por nodo y traduce cada elemento a su equivalente en Markdown:

  • Encabezados — de <h1> a <h6> se convierten en encabezados con prefijo # (o en estilo Setext subrayado para los niveles 1 y 2).
  • Formato de texto<strong>/<b> pasa a **negrita**, <em>/<i> a *cursiva*, y <del>/<s>/<strike> a ~~tachado~~.
  • Enlaces e imágenes — los anclas se convierten en [texto](url), conservando los atributos title; las imágenes se convierten en ![alt](src).
  • Listas — listas ordenadas y no ordenadas, incluidas las sublistas anidadas, que quedan correctamente indentadas.
  • Código — el <code> en línea se envuelve entre comillas invertidas; los bloques <pre><code> se delimitan con cercas, y se detecta una clase language-* para añadir una pista de resaltado de sintaxis.
  • Citas, líneas horizontales y tablas<blockquote> se convierte en líneas citadas con >, <hr> se convierte en ---, y las tablas se renderizan como tablas con barras verticales en formato GitHub-flavored Markdown, con una fila de encabezado.

Estilos de salida que puedes controlar

Markdown admite más de una forma válida de escribir lo mismo, así que la pestaña Opciones te permite ajustarte a las convenciones de tu proyecto de destino:

  • Estilo de viñeta — elige -, * o + como marcador de listas no ordenadas.
  • Estilo de encabezado — ATX (## Encabezado) o Setext (subrayado con === y ---).
  • Estilo de enlace — en línea [texto](url), o estilo de referencia [texto][1] con una lista numerada de enlaces recopilada al final, lo que facilita la lectura de textos largos.
  • Estilo de bloque de código — delimitado con triple comilla invertida, o indentado con cuatro espacios para motores CommonMark más antiguos.
  • Etiquetas no soportadas — elimínalas y conserva solo su contenido de texto, o deja pasar el HTML sin procesar tal cual cuando necesites conservarlo.

Por qué convertir HTML a Markdown

Markdown es el lenguaje de marcado ligero que usan GitHub, GitLab, Reddit, Discord, la mayoría de los generadores de sitios estáticos y un número creciente de aplicaciones de notas. Es texto plano, así que se mantiene legible en un diff, sobrevive al copiar y pegar, y nunca arrastra los estilos en línea, atributos de seguimiento o anidamientos rotos que suele traer el HTML pegado. Extraer contenido de una página renderizada y pasarlo a Markdown es un paso habitual al migrar un blog, redactar documentación a partir de un sitio existente, o limpiar la salida de un editor WYSIWYG.

La herramienta también muestra el tamaño en bytes y el número de líneas tanto de la entrada como de la salida, para que veas de un vistazo cuánto se redujo el marcado: la sobrecarga de etiquetas del HTML suele hacer que la versión en Markdown ocupe solo una fracción del tamaño original. Cuando el resultado te convenza, cópialo al portapapeles o descárgalo como un archivo .md listo para hacer commit. Carga primero el ejemplo integrado si quieres ver cómo cambia la salida con cada opción de formato antes de pegar tu propio contenido.