iLoveDevTool
Volver a Herramientas

Convertidor de HTML a Markdown

My tools
No tools yet

Cargando...

Convertir HTML a Markdown en línea (conversión en tiempo real al pegar código fuente)

  1. 1

    Pegar HTML

    Pegue fragmentos HTML o código fuente de página web en el cuadro de entrada (copie viendo el código fuente del navegador o copie el outerHTML del elemento de las herramientas de desarrollo), también puede hacer clic en "Llenar ejemplo" para ver el efecto de estructura compleja.

  2. 2

    Seleccionar opciones de conversión

    Seleccione símbolos de lista y estilo de énfasis según las convenciones del editor de destino; desactive los interruptores correspondientes cuando no necesite imágenes o quiera tablas en forma de texto línea por línea, la salida se actualiza en tiempo real.

  3. 3

    Copiar Markdown

    Copie el resultado con un clic y péguelo en Notion/Obsidian/blog estático; cuando necesite una vista previa inversa del efecto de renderizado de Markdown, use una herramienta lector de Markdown.

Descripción general de características

Herramienta en línea para convertir HTML a Markdown: convierte fragmentos HTML o código fuente de página web a Markdown, con soporte para títulos, listas anidadas (números de inicio conservados para listas ordenadas), tablas GFM (asignación de alineación), bloques de código (extracción de idioma), listas de tareas, enlaces de imágenes y formatos de énfasis; los caracteres de sintaxis se escapan según su posición y las cercas de código se actualizan automáticamente, todo se completa localmente en el navegador.

Descripción de la herramienta

Convertidor gratuito en línea de HTML a Markdown. Pega código fuente HTML para convertir en tiempo real: títulos/énfasis/enlaces imágenes, listas anidadas con números de inicio ordenados preservados, tablas GFM alineadas, extracción de lenguaje de bloques de código, listas de tareas; caracteres de sintaxis escapados por posición, cercas de código actualizadas automáticamente, ejecución local sin carga.

Última actualización

Lista de capacidades

  • Soporte de etiquetas completo: títulos h1-h6, strong/em/del/code de énfasis, enlaces a, imágenes img (desactivables), bloques de código pre (se extrae el idioma de la clase language-xxx), blockquote de cita, hr, aproximación de listas de definiciones; cubre la mayoría de estructuras que se pegan diariamente.
  • Restauración de profundidad de lista: ul/ol anidado arbitrariamente se expande con dos espacios de sangría, las listas ordenadas conservan el número de inicio, las casillas de listas de tareas (cuando el primer elemento de li es una casilla) se convierten en - [x] / - [ ].
  • Tablas GFM: fila de encabezado + fila separadora alineada (asignación de atributo HTML align :---/:---:/---:), se puede desactivar con un clic para degradarse a texto de celda línea por línea; las barras verticales dentro de celdas se escapan automáticamente.
  • Reglas de escape completas: los caracteres de sintaxis Markdown se escapan según su posición (los guiones bajos en palabras snake_case se conservan), se añade escape adicional al inicio de línea para #/-/número. para evitar renderizado incorrecto, el contenido de bloques de código con tres comillas invertidas se actualiza automáticamente a cuatro comillas invertidas.
  • Configurable: símbolos de lista (-/*/+), estilo de énfasis (*/_), conservar imágenes, cuatro interruptores de tabla GFM; conversión en tiempo real al pegar, los datos no se cargan (análisis perezoso de DOMParser, los scripts no se ejecutan).

Comentarios de usuarios

Tu comentario será revisado (y censurado si es necesario) antes de mostrarse públicamente. No incluyas correos, contraseñas ni otros datos personales.

Tus comentarios nos ayudan a mejorar ❤️

Herramientas relacionadas

Visor de Markdown online

Abre .md / README con vista previa en directo, edición, Mermaid y matemáticas

Convertidor de mayúsculas y minúsculas

Conversor de mayúsculas y minúsculas en línea: UPPER, camelCase, snake_case y otros 10 modos

Generador de slugs

Generador de URL slugs en línea: plegado de diacríticos, chino preservado, procesamiento por lotes línea por línea

Guías relacionadas

Turning Web Page Content into Markdown: Scenarios and Rules of HTML Conversion

Why convert web pages to Markdown by hand? This guide covers the three real scenarios (note archiving, blog migration, clean material for LLM prompts) and the core rules of conversion: heading and emphasis mapping, nested list indentation with ordered start numbers, GFM table alignment, code block language extraction with fence upgrading, and why syntax characters must be escaped by position. With the online converter and its Markdown ecosystem pairings.

Preguntas frecuentes

¿Qué elementos HTML admite la conversión de esta herramienta?
Títulos h1-h6, párrafos, strong/b, em/i, del/s, código en línea, bloques de código pre (se extrae language-xxx), enlaces a, imágenes img, listas anidadas ul/ol (los números ordenados conservan el atributo start), casillas de verificación de listas de tareas, tablas GFM, blockquote, hr, listas de definiciones aproximadas. Los elementos de script/style/iframe/svg/button y otros elementos de formulario se descartan según reglas de seguridad; las etiquetas de envoltura como div/section/span solo conservan el contenido; los estilos en línea y los atributos class/id no se conservan.
¿Cuáles son las reglas de escape de caracteres especiales en la conversión?
Los caracteres de sintaxis Markdown (barra invertida/asterisco/corchetes/guión bajo/comilla invertida) se escapan según sea necesario en posiciones de texto; los guiones bajos en el medio de palabras en snake_case se conservan sin escapar; se escapa adicionalmente el # inicial, >, +, -, números con punto y ! para evitar que se representen como títulos o listas; los corchetes angulares cuando forman estilos de etiqueta se emiten como entidades; las barras verticales en celdas de tabla se escapan como \|; el contenido dentro de pre/code nunca se escapa, pero cuando el contenido contiene tres comillas invertidas, la valla se actualiza automáticamente a cuatro o más comillas invertidas.
¿Cuáles son las reglas de determinación de casillas de verificación de listas de tareas?
Los elementos de lista se convierten a - [x] o - [ ] solo cuando el primer nodo secundario del elemento es input[type=checkbox] (el estado de marcado se verifica en el atributo checked); si no está en la primera posición o está envuelto por otros elementos, la casilla se descarta según reglas de control de formulario y se conserva el texto. La numeración de listas ordenadas se calcula a partir del atributo start de ol más el número de secuencia; solo se admite numeración decimal continua (estilos como type=a/i romanos no se admiten).
¿Cuál es la forma de salida cuando se desactiva el interruptor de tabla GFM?
Cuando está desactivado, la tabla se emite como texto de celda línea por línea (las celdas se conectan con barras verticales a ambos lados con espacios), la información de alineación de filas de encabezado y columnas no se conserva; cuando se necesita la estructura de tabla, mantenga el interruptor activado para emitir tablas GFM (fila de encabezado + fila separadora de alineación + filas de datos). La alineación se lee del atributo HTML align; la alineación en sitios web modernos se escribe principalmente en class CSS, y esta alineación no está garantizada que se conserve.
¿Se ejecutará el HTML pegado en el navegador?
No. El análisis utiliza el documento perezoso de DOMParser (los scripts no se ejecutan, los recursos no se cargan), y los elementos como script/style/iframe se descartan directamente durante la conversión; la dirección de img solo se emite como texto. La conversión se completa localmente, el contenido no se conecta a internet ni se carga.