Convertidor de HTML a Markdown
Convierte HTML en Markdown limpio y portable. Pega o sube HTML, elige el estilo de encabezado, el marcador de viñetas y el estilo de énfasis, y copia o descarga el resultado, todo en tu navegador.
100% Procesamiento del Lado del Cliente
Tu HTML se analiza y convierte completamente en tu navegador. No se sube nada a un servidor.
Opciones
Vista previa del HTML
Por seguridad, las etiquetas <script> se eliminan antes de la conversión y nunca se ejecutan.
Índice
¿Qué es un convertidor de HTML a Markdown?
Un convertidor de HTML a Markdown lee marcado HTML (encabezados, párrafos, listas, enlaces, imágenes, tablas y código) y lo reescribe como Markdown, la sintaxis de formato de texto plano ligera que se usa en archivos README, sitios de documentación, generadores de sitios estáticos, apps de notas y herramientas de chat como Slack y Discord.
En lugar de volver a escribir a mano el contenido con formato como Markdown, el convertidor recorre la estructura HTML y asigna cada elemento a su equivalente en Markdown: `<h1>` se convierte en `#`, `<strong>` se convierte en `**negrita**`, `<a>` se convierte en `[texto](url)`, y así sucesivamente, produciendo texto que puedes pegar directamente en un editor de Markdown.
Cómo funciona
- Añade tu HTML: pega el HTML directamente en el editor o sube un archivo .html.
- Elige tus opciones: selecciona un estilo de encabezado (ATX o Setext), un marcador de listas, un marcador de énfasis y si quieres incluir imágenes.
- Previsualiza y revisa el resultado: la herramienta analiza tu marcado en el navegador y muestra el Markdown convertido al instante, junto a una vista previa del HTML original.
- Copia o descarga: copia el Markdown al portapapeles o descárgalo como archivo .md.
Características
- Pega HTML o sube un archivo .html
- Conversión instantánea mientras escribes, sin botones
- Encabezados, negrita, cursiva, tachado y código en línea
- Listas ordenadas y desordenadas, incluidas listas anidadas
- Enlaces e imágenes con atributos de título conservados
- Citas y bloques de código con indicación de lenguaje
- Tablas convertidas a formato Markdown estilo GitHub
- Estilo de encabezado, marcador de viñetas y marcador de énfasis configurables
- Conteo de palabras y caracteres en tiempo real
- Copia al portapapeles o descarga como .md
- Procesamiento 100% en el navegador para tu privacidad
Buenas prácticas
- Previsualiza el HTML primero: revisa la vista previa para confirmar que el marcado original se ve como esperas antes de confiar en el Markdown generado.
- Elige encabezados ATX para portabilidad: los encabezados con `#` funcionan en todas partes donde se admite Markdown, mientras que el subrayado Setext solo se aplica a H1 y H2.
- Coincide con la guía de estilo de tu proyecto: si tu documentación ya usa `_cursiva_` y viñetas `+`, ajusta los marcadores de énfasis y viñetas para que el resultado no necesite limpieza.
- Simplifica los diseños complejos antes de convertir: las tablas muy anidadas, los widgets incrustados y los diseños de varias columnas no tienen equivalente en Markdown, así que simplifica el HTML primero para obtener el mejor resultado.
- Revisa las tablas después de la conversión: las celdas de las tablas Markdown son de una sola línea; las celdas combinadas o con varios párrafos se aplanarán, así que revísalas antes de publicar.
Solución de problemas
Falta parte del formato en la salida
Markdown solo admite un conjunto limitado de formato. Los colores de fuente, las clases CSS personalizadas, los estilos en línea y los elementos puramente de diseño como <div> y <span> no tienen equivalente en Markdown y se convierten en texto plano.
Una tabla se ve rota tras la conversión
Las tablas Markdown no pueden representar celdas combinadas (colspan/rowspan) ni contenido de varias líneas por celda. Simplifica la estructura de la tabla en el HTML primero, o déjala como tabla HTML dentro del Markdown si tu renderizador lo admite.
Las listas anidadas se ven desalineadas
El anidamiento de listas en Markdown depende de una sangría uniforme. Si tu renderizador de Markdown no coincide con el ancho de sangría de esta herramienta, ajusta el espaciado después de la conversión o revisa las reglas de anidamiento de listas de tu renderizador.
Aparecen caracteres especiales escapados con una barra invertida
Caracteres como *, _, `, [ y ] tienen un significado especial en Markdown, así que las apariciones literales en tu texto se escapan con una barra invertida para que el resultado se renderice correctamente.
Casos de uso comunes
- Redactar documentación: convierte HTML exportado de un CMS o procesador de texto a Markdown para un sitio de documentación, wiki o generador de sitios estáticos.
- Migrar contenido: traslada entradas de blog o artículos de una base de conocimiento de una plataforma basada en HTML a una basada en Markdown como Jekyll, Hugo o Astro.
- Preparar archivos README: convierte un fragmento de HTML con formato en Markdown listo para pegar en un README de GitHub o una guía CONTRIBUTING.
- Compartir contenido en herramientas de chat: convierte una sección de una página web a Markdown para Slack, Discord o Notion, que renderizan Markdown de forma nativa.
- Alimentar modelos de lenguaje: Markdown es un formato compacto y con poco ruido que muchos flujos de trabajo de LLM prefieren frente al HTML sin procesar.
Preguntas frecuentes
No. Las etiquetas <script> se eliminan antes de la conversión y el HTML nunca se ejecuta como una página en vivo.
Sí. Las tablas, el tachado y los bloques de código con delimitadores siguen las convenciones de Markdown con sabor GitHub (GFM) que usan GitHub, GitLab y la mayoría de los renderizadores modernos de Markdown.
Se conserva su contenido de texto, pero el elemento contenedor y cualquier clase CSS o estilo en línea se descartan, ya que Markdown no tiene el concepto de contenedores arbitrarios ni de estilos.
Sí. Los elementos <ul> y <ol> anidados se convierten con una sangría que coincide con el elemento de lista superior.
Sí. Los bloques <pre><code> se convierten en bloques de código con delimitadores (usando el lenguaje de una clase como language-js si está presente), y el <code> en línea se convierte en código entre comillas invertidas.
Sí. La opción de marcador de énfasis te permite elegir asteriscos (*cursiva*, **negrita**) o guiones bajos (_cursiva_, __negrita__) para todo el documento.
No. Todo ocurre localmente en tu navegador y nada se sube ni se guarda.