Cómo se usa
- Pegue el HTML en HTML. El ejemplo muestra un título, un párrafo con énfasis y un enlace, y una lista.
- Lea Markdown (CommonMark): se actualiza mientras escribe.
- Cópielo con el botón de copiar y guárdelo como archivo .md, o péguelo en un editor de Markdown.
Qué se convierte y cómo
Los títulos h1 a h6 pasan a títulos ATX, con de una a seis almohadillas. strong y b pasan a texto en negrita, y em e i a *texto en cursiva*. Un elemento code pasa a un fragmento de código, y un elemento pre a un bloque de código delimitado, conservando el lenguaje cuando el código tiene una clase language-. Un br pasa a un salto de línea duro, un blockquote recibe un > delante de cada línea, y ul y ol pasan a listas con - y un número. Un elemento a con href pasa a enlace, y una img con src pasa a imagen con su texto alternativo (secciones 4.2, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 y 6.7 de CommonMark).
Un carácter que Markdown leería como marcado se escapa con una barra invertida: el asterisco, el guion bajo, la comilla invertida, los corchetes y el signo menor que, y una línea que empezaría como título, cita o lista. La sección 2.4 de CommonMark permite una barra invertida delante de cualquier carácter de puntuación ASCII.
Lo que no se conserva
Los scripts, los estilos, las plantillas, los marcos, los controles de formulario y los medios se dejan fuera junto con su contenido. Los atributos distintos de href, src, alt y title se eliminan. CommonMark no tiene tablas, subrayado ni color, así que una tabla pasa a un párrafo por cada celda, y el texto de u, span y elementos parecidos se mantiene sin su formato.
Tres elementos y un carácter que escapar
Cada fragmento HTML de la tabla da el Markdown de la columna derecha, tal como lo escribe la herramienta.
| Lo que contiene el HTML | Markdown |
|---|---|
| Un título de nivel 2 con el texto Notas | ## Notas |
| Un párrafo con texto en negrita | Texto en **negrita** |
| Una lista con un elemento, Primero | - Primero |
| El texto 5 * 3 = 15, con un asterisco | 5 * 3 = 15 |
Preguntas frecuentes
¿Por qué el Markdown contiene barras invertidas?
Una barra invertida indica que el carácter siguiente es texto y no marcado, como un asterisco o un corchete. CommonMark la quita al mostrar el Markdown (sección 2.4), así que la página muestra los caracteres tal como estaban en el HTML.
¿La herramienta ejecuta mi HTML o lo mantiene en la página?
No. El HTML lo analiza DOMParser en un documento aparte, que no tiene contexto de navegación y no ejecuta scripts. La herramienta copia su texto y su estructura, y muestra el Markdown como texto.
¿Por qué las tablas se convierten en párrafos?
CommonMark no tiene sintaxis de tablas; las tablas con barras verticales que añaden algunos servicios son una extensión. Cada celda pasa a un párrafo, así que las palabras se mantienen, pero la disposición de la tabla no.
¿Se mantienen los enlaces y las imágenes?
Sí. Un elemento a con href pasa a enlace, con su título si lo tiene, y una img con src pasa a imagen cuyo texto alternativo se escapa. Los demás atributos no se mantienen.
¿Qué pasa con los elementos que no tienen forma en Markdown?
Su texto se mantiene y su formato se pierde. Por ejemplo, span, u y mark conservan las palabras que contienen, y un div o una section empiezan un párrafo nuevo de texto.
Fuentes
- CommonMark (en inglés), versión 0.31.2: secciones 2.4, 4.1, 4.2, 4.4, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 y 6.7
- WHATWG (en inglés): HTML Standard, sección 8.5.1, la interfaz DOMParser
- MDN (en inglés): DOMParser
Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.