Convertidor de HTML a Markdown

Cómo convertir HTML a Markdown

1. Elige la dirección: HTML → Markdown o Markdown → HTML.
2. Pega tu código en el cuadro de entrada o haz clic en Abrir un archivo para cargar un archivo .html, .htm, .md o .txt de tu ordenador (hasta 10 MB).
3. Ajusta las opciones. Para HTML → Markdown puedes elegir el estilo de los Encabezados, el Marcador de lista y el estilo de los Bloques de código. Para Markdown → HTML, Sanear el HTML (quitar scripts y manejadores de eventos) está activado por defecto.
4. Haz clic en Convertir. El resultado también se actualiza mientras escribes.
5. Copia o descarga el resultado. Invertir la dirección pasa el resultado al cuadro de entrada para convertirlo en sentido contrario y comprobar la ida y vuelta.

La Vista previa bajo el resultado muestra cómo se ve el Markdown, para que compruebes la conversión de un vistazo.

Qué hace la conversión de HTML a Markdown

El convertidor lee tu HTML con el propio analizador del navegador, en un documento inerte: los scripts no se ejecutan y las imágenes no se descargan. Después recorre la estructura de la página y escribe el equivalente en Markdown de cada elemento:

• de <h1> a <h6> se convierten en encabezados. ATX (# Título) escribe de # a ######; Setext (subrayados) subraya los encabezados de nivel 1 y 2 con === o --- (los niveles 3 a 6 siempre usan #).
• <strong> y <b> pasan a **negrita**, <em> e <i> a _cursiva_, y el <code> en línea a comillas invertidas.
• Los enlaces pasan a [texto](url "título") y las imágenes a ![alt](src).
• Las listas usan el marcador elegido (-, * o +); las listas numeradas conservan su número start y las listas anidadas se indentan.
• <pre><code> se convierte en un bloque de código, Delimitados (```) o Indentados (4 espacios).
• También se convierten <blockquote>, <hr> y los saltos de línea.
• <script>, <style>, <iframe>, <noscript> y elementos similares se eliminan junto con su contenido.

Los caracteres que se leerían como sintaxis Markdown, como un * o un # al principio de una línea, se escapan con una barra invertida para que el texto se mantenga literal.

GitHub Flavored Markdown

Con GitHub Flavored Markdown (tablas, ~~tachado~~, listas de tareas) marcado:

• Las tablas se convierten en tablas con barras verticales y columnas alineadas. El encabezado sale de una fila <thead> o de una fila formada solo por celdas <th>; si no hay ninguna, se añade una fila de encabezado vacía, porque GFM la exige. La alineación de las columnas se lee de align="right" o style="text-align: center". Las barras verticales dentro de las celdas se escapan como \|, los saltos de línea pasan a <br> y un colspan se completa con celdas vacías. Un <caption> se escribe como párrafo encima de la tabla.
• <del>, <s> y <strike> pasan a ~~tachado~~.
• Las casillas al principio de los elementos de lista se convierten en tareas: - [x] hecho, - [ ] pendiente.

Markdown no tiene equivalente para las tablas anidadas, las filas combinadas ni el estilo de las celdas. Una tabla que contiene otra tabla se conserva como HTML sin convertir, que la mayoría de los renderizadores de Markdown aceptan. Sin la opción GFM, todas las tablas se conservan en HTML.

De Markdown a HTML

En el otro sentido, el Markdown se renderiza con un analizador compatible con CommonMark, con las extensiones GFM cuando la opción está activada. El resultado son fragmentos HTML, listos para pegar en un CMS, una plantilla de correo o una página web. Cuando Sanear el HTML (quitar scripts y manejadores de eventos) está marcado, el HTML incrustado en el Markdown se limpia: se eliminan las etiquetas <script>, los atributos onclick y los enlaces javascript:. Desmárcalo solo con Markdown que hayas escrito tú.