Ir al contenido principal
Bethemesh

HTML a Markdown

Transforma títulos, párrafos, enlaces, listas, citas y código HTML en Markdown sin enviar contenido a un servidor.

  • Portapapeles
  • Exportar
Automatizar

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

Convierte HTML en Markdown legible para recuperar el contenido de una página web, un correo o una exportación de CMS en un formato fácil de editar, versionar o publicar en una documentación. Se conservan títulos, párrafos, listas, enlaces, imágenes, citas y bloques de código; las etiquetas de maquetación se eliminan. Todo ocurre en tu navegador.

Primero se eliminan las etiquetas <script> y <style> con su contenido. Los bloques <pre> (con o sin <code>) pasan a bloques ``` cuyo contenido se decodifica y se conserva idéntico: un &lt;div&gt; dentro de un ejemplo de código vuelve a ser <div> en lugar de eliminarse como una etiqueta.

Los títulos <h1> a <h6> dan # a ######, <strong> y <b> dan **negrita**, <em> y <i> *cursiva*, <code> código en línea, <a href> un enlace [texto](dirección) e <img> una imagen ![texto](dirección), aunque no tenga atributo alt. Las listas <ul> dan viñetas «-»; las listas <ol> se numeran desde 1 o desde el valor de su atributo start. <blockquote> pasa a cita, <hr> a separador y <br> a salto de línea.

Los contenedores (div, section, article, tablas…) se eliminan y se sustituyen por separaciones de párrafo; las entidades HTML (&amp;, &nbsp;, &#233;…) se decodifican. Las tablas no se convierten en tablas Markdown: sus celdas quedan como texto que hay que volver a maquetar.

Cómo utilizar esta herramienta

  1. Pega el HTML

    Escribe o importa el código en el campo «HTML de origen».

  2. Convierte

    Lanza la conversión para obtener el Markdown correspondiente.

  3. Revisa y ajusta

    Comprueba los enlaces, las imágenes y las posibles tablas y copia el resultado.

Casos de uso

Migrar una documentación

Recupera páginas HTML para integrarlas en un repositorio o un generador de sitios Markdown.

Limpiar un contenido copiado

Quita a un texto sus etiquetas de maquetación conservando títulos, listas y enlaces.

Archivar un artículo

Guarda el contenido de una página en un archivo de texto ligero y legible.

Ejemplos

Título, formato y lista

Entrada

<h2>Resumen</h2><p>Un <strong>texto</strong> con un <a href="https://example.com">enlace</a>.</p><ul><li>Punto A</li><li>Punto B</li></ul>

Resultado

## Resumen

Un **texto** con un [enlace](https://example.com).

- Punto A
- Punto B

Lista numerada y bloque de código

La numeración empieza en 3 gracias al atributo start y el código HTML del ejemplo se conserva.

Entrada

<ol start="3"><li>Comprobar</li><li>Publicar</li></ol><pre><code>&lt;p&gt;Hola&lt;/p&gt;</code></pre>

Resultado

3. Comprobar
4. Publicar

```
<p>Hola</p>
```

Consejos y buenas prácticas

  • Copia preferentemente el contenido principal de la página (el elemento article o main): si no, menús, pies de página y formularios se convertirán en texto.
  • Las direcciones relativas de enlaces e imágenes (/contacto, img/foto.jpg) se conservan tal cual: complétalas si el Markdown va a usarse en otro sitio.
  • Comprueba después el resultado con Vista previa Markdown y unifica la sintaxis con Formateador Markdown si hace falta.

Fuentes y referencias

Preguntas frecuentes

¿Se convierten las tablas HTML?

No. Las etiquetas de tabla se eliminan y el contenido de las celdas se conserva como texto: hay que rehacer la tabla Markdown a mano.

¿Qué pasa con los scripts y los estilos?

Las etiquetas <script> y <style> se eliminan con su contenido; los atributos class, id o style desaparecen con las etiquetas.

¿Se conservan las listas anidadas?

Se conservan todos los elementos, pero el anidamiento no se refleja con sangría: revisa las listas de varios niveles.

¿Se gestionan los caracteres con tilde y las entidades?

Sí. Las entidades con nombre habituales (&amp;, &lt;, &nbsp;…) y las numéricas (&#233;, &#xE9;) se convierten en caracteres.

¿Se envía el HTML a un servidor?

No. La conversión se hace en tu navegador, sin cargar las imágenes ni los enlaces del código.

Herramientas relacionadas

Herramientas similares o complementarias a esta.

Herramientas similares

Convierte Markdown en HTML limpio directamente en tu navegador.

Texto y redacciónUsar esta herramienta

Escribe Markdown y visualiza al instante el HTML generado.

Texto y redacciónUsar esta herramienta

Genera texto ficticio Lorem Ipsum para maquetas, prototipos y pruebas de diseño.

Texto y redacciónDestacadaUsar esta herramienta