Qué hace
El conversor de HTML a Markdown transforma marcado HTML en Markdown limpio y legible. Úsalo para pasar entradas de blog de un CMS a un generador de sitios estáticos, escribir archivos README a partir de páginas existentes, guardar documentación como notas o preparar contenido para una wiki, un issue de GitHub o un chat que entienda Markdown.
La salida sigue las convenciones habituales de Markdown: encabezados con #, elementos de lista con -, bloques de código con vallas y el lenguaje original, y tablas y tachado de GitHub Flavored Markdown. El texto se escapa cuando hace falta para que nada se convierta en formato por accidente.
Cómo se usa
- Pega el HTML en la entrada, sube un archivo
.htmlo pulsa Ejemplo. - Ajusta el estilo si tu proyecto tiene una convención: viñeta de lista, bloques de código con vallas o con sangría, marcas de cursiva y negrita, y enlaces en línea o por referencia.
- Copia el Markdown o descárgalo como archivo
.md.
Ejemplo
Este HTML:
<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>
se convierte en este Markdown:
## Install
Run the **installer** and read the [guide](https://example.com).
- Windows
- macOS
Consejos
- ¿Copias desde un navegador? Usa el código fuente o las herramientas de desarrollo para tomar solo el HTML del elemento article, así los menús y pies de página no aparecen en el resultado.
- Los enlaces por referencia sacan las URL largas del texto, lo que hace el Markdown más fácil de leer y editar. Las URL se listan al final.
- Las imágenes
data:incrustadas se eliminan por defecto porque pueden ocupar cientos de kilobytes. Activa la opción para conservarlas. - Para la conversión inversa, usa el conversor de Markdown a HTML o mira el resultado en la vista previa de Markdown.
Preguntas frecuentes
› ¿Qué elementos HTML se convierten?
Encabezados, párrafos, negrita, cursiva, tachado, enlaces, imágenes, listas ordenadas y no ordenadas (también anidadas), citas, código en línea, bloques de código con su lenguaje, líneas horizontales, saltos de línea y tablas. Las tablas se convierten en tablas de GitHub Flavored Markdown.
› ¿Qué pasa con los scripts, los estilos y el head de la página?
Se eliminan. script, style, noscript, template, svg, iframe y toda la sección head no generan Markdown, así que puedes pegar el código fuente de una página completa y obtener solo su contenido legible.
› ¿Y el HTML que Markdown no puede expresar?
Las etiquetas desconocidas se quitan y se conserva su texto. Los atributos como clases, estilos en línea e ID se descartan, porque Markdown no tiene sintaxis para ellos. Un bloque de código conserva su lenguaje cuando el elemento code tiene una clase como language-js.
› ¿Por qué algunos caracteres llevan una barra invertida?
El texto que si no se convertiría en formato Markdown, como una línea que empieza por 1. o palabras entre asteriscos, se escapa para que el Markdown se vea exactamente como el texto HTML original.
› ¿Se sube el HTML?
No. La conversión se hace en tu navegador con un analizador de HTML en JavaScript y no se envía nada a ningún servidor.