Convertidor de HTML a rebajas

Paste HTML y vuelve a limpiar Markdown — perfecto para migrar contenido en Noción, Obsidian, GitHub READMEs, o cualquier sistema basado en Markdown.

Ejemplo: <h1>Hello</h1><p><strong>bold</strong></p> → # Hello **bold**

Esta herramienta revierte el flujo habitual: pegado HTML (de una página web, un correo electrónico, una exportación RSS, o un CMS), y volver a limpiar Markdown listo para un sistema basado en Markdown. Estilos, clases y la mayoría de los atributos no contenidos se despojan automáticamente.

Útil cuando migramos el contenido de un WYSIWYG-únicamente CMS (Wix, Squarespace, WordPress más antiguo) en un sistema Markdown-first (Noción, Obsidian, Hugo, GitHub Pages). La salida es conservadora — cuando en duda, la herramienta cae formateando en lugar de adivinar.

Cómo se asignan las etiquetas a la sintaxis de Markdown

El convertidor analiza el HTML de entrada usando un analizador DOM (típicamente el navegador incorporado-en- DOMParser . Atravesa el árbol de nodos resultante recursivamente, mapeando cada elemento HTML a su equivalente de marcado. <h1> convertirse en # encabezados, <p> se convierte en texto plano con nuevas líneas dobles, y <strong> se convierte **bold**. Estilos de línea, atributos de clase y elementos no semánticos (por ejemplo, <span>) son despojados a menos que llevan significado semántico (como <em>). El algoritmo sigue un conjunto de reglas predefinidos que cubre las etiquetas HTML5 y los casos de borde común: listas anidadas, bloques, bloques de código e imágenes. href y src son extraídos para formar enlaces de marcado e imágenes. <br> se convierten en dos espacios de seguimiento para una ruptura de línea. La salida se monta concatenando los fragmentos de Markdown con el manejo adecuado del espacio blanco para garantizar la estructura de marcado válida.

Cómo convertir HTML a Markdown

  1. Pegue su fuente HTML en el área de texto de entrada.
  2. Haga clic en el botón 'Convertir a Markdown'.
  3. Revise el marcador generado en el área de salida (actualiza instantáneamente).
  4. Copia el marcador y pegarlo en su sistema de destino (Noción, Obsidian, GitHub, etc.).

Tablas, estilos de línea y etiquetas sin marcación equivalente

Listas anidadas
Convierte correctamente preservando la indentación y los marcadores de lista.
Etiquetas de cierre automático
maneja adecuadamente
,
, y se asigna a la sintaxis de Markdown.
CSS y clases en línea
Desnuda automáticamente; sólo los elementos HTML semánticos afectan la salida.
Etiquetas desconocidas o obsoletas
Se trata de elementos de línea y su contenido se conserva como texto llano.

Migrar publicaciones de CMS a un sitio estático

  • Para tablas, asegúrese de que su HTML utilice el formato adecuado. estructura; el convertidor soporta tablas simples con sintaxis de tubos de marcado.
  • Si su HTML contiene fragmentos de código envueltos en
    , the output will use fenced code blocks with language auto-detection if a class like 'language-js' is present.
  • Utilice el botón 'Copiar para cortar' después de la conversión para pegar rápidamente en su editor Markdown.
  • Para el contenido migrado de los editores de WYSIWYG, ejecute un segundo pase para limpiar cualquier estilo de línea de sobra o etiquetas vacías.

Conversión con pérdida o sin pérdida: lo que se pierde

A continuación se compara con dos alternativas comunes para convertir HTML a Markdown.

esta herramientaCLI de PandocBuscar/reemplazar manualmente
ConfiguraciónSin instalación, se ejecuta en el navegador.Requiere instalar Pandoc (dependencia de Haskell)Sin software, pero extremadamente tedioso para documentos grandes
PrecisiónManeja la mayoría de las etiquetas HTML5, semántica y casos de borde comúnExtremadamente preciso, soporta muchos formatos de entrada/salida, pero puede ser demasiado precisoPropensa de error en estructuras y atributos anidados
VelocidadInstantáneo para documentos típicosRápido en línea de comandos, pero arriba de la herramientaLento para cualquier cosa más allá de cambios triviales

Por qué es difícil utilizar HTML y Markdown de ida y vuelta

Markdown fue creado por John Gruber en 2004 como un lenguaje de marcado ligero para la lectura y escritura fáciles de texto. HTML, el predecesor, ha sido el estándar para el contenido web desde principios de los años noventa. La necesidad de convertir entre los dos surgió como generadores de sitios estáticos, aplicaciones de toma de notas, y plataformas de documentación adoptados Markdown. Esta herramienta implementa la lógica de conversión inspirada en el script Perl original de Gruber y posteriormente mejorada por la comunidad.

Cuando necesitas Markdown fuera de HTML

Migrando desde un WYSIWYG CMS a la Noción o Obsidian

Copia el HTML renderizado de un Wix / Squarespace / antiguo WordPress post, pegarlo aquí, y la salida Markdown está listo para caer en Noción o Obsidian sin limpieza manual.

Construyendo un sitio estático a partir de páginas existentes

Hugo, Jekyll y Eleventy se ejecutan en el contenido de Markdown. Convierta las páginas HTML de su sitio existente en Markdown para reconstruir más rápidamente.

Limpiar las exportaciones de correo electrónico

Los clientes de correo electrónico exportan HTML desordenado con estilos inline y etiquetas condicionales. Convierta en Markdown para obtener sólo el contenido.

Capturar páginas web para tomar notas

HTML de lectura-mode de artículos, cuando se convierte en Markdown, se convierte en un archivo de lectura limpio para Obsidian o su base de conocimiento.

Portabilidad de documentación

Docs internos en un wiki corporativo (Confluencia) → Marcado para migrar a GitBook, ReadMe o un sistema de docs-as-code.

Preguntas de HTML a Markdown

¿Manejará listas anidadas?

Las listas de nivel único funcionan de forma limpia. Las listas anidadas pueden aplanarse a un solo nivel. Para documentos con estructuras profundamente anidadas, use cobertura como una alternativa más sofisticada.

¿Qué pasa con las clases y estilos?

Todo en línea style= y class= atributos son despojados — no tienen un equivalente de Markdown. Si su contenido depende de estilo (tamaños de fuentes específicos, colores), necesitará agregarlo de nuevo en su sistema de destino.

¿Maneja mesas?

No todavía. Las tablas se convierten en texto plano. Para las tablas HTML, reedézcalas manualmente en su sistema de destino utilizando su sintaxis de tablas.

Incruste nuestras herramientas en su sitio web

Gratis para cualquier sitio. Sin registro. Iframe se carga desde nuestros servidores y se mantiene actualizado automáticamente.

📋 Insertar el contador de palabras

Copiar este fragmento (auto-resizes, Copiar botón funciona):

Vista previa en vivo:

📋 Incruste este convertidor de HTML a Markdown

Copiar este fragmento (auto-resizes, Copiar botón funciona):

Vista previa en vivo:

¿Quieres más opciones? Todas las herramientas integrables →