#094 · Herramienta para desarrolladores

HTML Converter

Convierte HTML a Markdown o texto plano usando el DOM que construye el navegador. Conserva encabezados, párrafos, enlaces, imágenes, énfasis, listas, citas y bloques de código en el modo Markdown, y ofrece una salida limpia para copiar, indexar o reutilizar.

Datos de entrada

Texto o código
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega el HTML que contiene el contenido que quieres convertir.
  2. Selecciona Markdown o texto plano.
  3. Pulsa «Convertir HTML».
  4. Revisa especialmente tablas o componentes complejos antes de reutilizar la salida.

Qué hace esta herramienta para desarrolladores

Transforma contenido HTML en una representación textual más portable. El modo Markdown intenta conservar la semántica de los elementos habituales y el modo texto elimina el marcado.

El documento se parsea con DOMParser y después se recorre nodo por nodo. Cada etiqueta compatible se mapea a su sintaxis Markdown o se reduce a contenido textual.

CSS, layout, pseudo-elementos y contenido generado visualmente no forman parte de la conversión porque no están representados como texto semántico en el DOM.

Ejemplo

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ejemplo</title>
</head>
<body>
  <main>
    <h1>Hola</h1>
    <img src="foto.jpg" alt="Paisaje">
    <a href="https://example.com" target="_blank" rel="noopener noreferrer">Enlace</a>
  </main>
</body>
</html>

Casos de uso

  • Migrar contenido de un CMS a Markdown.
  • Extraer texto de una plantilla HTML para análisis o búsqueda.
  • Convertir notas HTML en documentación legible.

Consejos para obtener resultados fiables

  • Prefiere HTML semántico para obtener mejor Markdown.
  • Revisa enlaces relativos después de mover el contenido.
  • Comprueba bloques de código que contengan backticks.
  • No esperes que estilos CSS se conviertan en formato Markdown.

Detalles del procesamiento

La conversión se basa en la estructura DOM, no en expresiones regulares. Esto permite distinguir nodos de texto de elementos y atributos relevantes.

Las tablas, listas anidadas muy complejas y componentes personalizados pueden necesitar edición manual tras la conversión.

Preguntas frecuentes

¿Cómo convierto HTML a Markdown sin instalar una librería?

Pega el HTML, selecciona Markdown y ejecuta la conversión; el recorrido del DOM se realiza localmente en el navegador.

¿Se conservan los enlaces y las imágenes al convertir HTML a Markdown?

Sí para etiquetas a e img: se convierten a enlaces e imágenes Markdown usando href, src y alt cuando están disponibles.

¿Qué ocurre con los estilos CSS durante la conversión a texto?

No se convierten. La salida se basa en el contenido y la semántica del HTML, no en su presentación visual.

¿El convertidor procesa scripts y estilos como contenido visible?

El objetivo es el contenido de body; el texto visible es prioritario y los detalles de ejecución o estilo no se reproducen.

¿Por qué una tabla HTML puede necesitar retoques después de convertirla?

Las tablas pueden contener rowspan, colspan o estructuras que no tienen una equivalencia directa y universal en Markdown.

Módulos del análisis

MóduloFunción
DOMParserConstruye el árbol HTML antes de convertir.
Conversor MarkdownMapea etiquetas semánticas a sintaxis textual.
Texto planoExtrae contenido sin conservar marcado.