Conversor de HTML a Markdown
El Conversor de HTML a Markdown transforma HTML semántico en Markdown limpio utilizando la biblioteca Turndown, funcionando completamente en el navegador sin enviar datos externos.
Conversor de HTML a Markdown convierte código HTML semántico en Markdown con formato ATX para encabezados y bloques de código delimitados por tripletes de backticks. Procesa listas anidadas, tablas mediante plugins y elimina estilos inline y clases para obtener texto limpio. Todo el proceso se realiza en el navegador, garantizando que ningún dato se suba a servidores externos, lo que protege tu privacidad. Esta herramienta es ideal para desarrolladores que migran contenido de CMS o diseñadores que limpian correos HTML. Para tareas relacionadas, explora también Markdown To Html y Html Minifier.
Cómo usar el Conversor de HTML a Markdown
- Pega o carga el código HTML que quieres convertir en el área de entrada.
- La herramienta procesa el contenido automáticamente usando la biblioteca Turndown para transformar etiquetas HTML en sintaxis Markdown.
- Revisa el resultado generado en el área de salida, que incluye encabezados ATX, bloques de código con backticks, listas y tablas.
- Si es necesario, copia el Markdown resultante para usarlo en editores compatibles o sistemas CMS.
Cómo funciona
La conversión se basa en la biblioteca Turndown, que analiza el DOM del HTML semántico y lo transforma en Markdown. Utiliza reglas específicas para convertir encabezados HTML en formato ATX (ejemplo: <h1> a #), y crea bloques de código delimitados por tres backticks (```). Las listas anidadas mantienen su estructura jerárquica, y las tablas se procesan con un plugin adicional que genera filas y columnas Markdown. Todos los estilos inline y clases CSS se eliminan para garantizar que el Markdown sea limpio y portable.
Ejemplo de conversión
<h2>Ejemplo de título</h2>
<p>Este es un párrafo con <a href="https://ejemplo.com">un enlace</a>.</p>
<pre><code>console.log('Hola mundo');</code></pre>Se convierte en:
## Ejemplo de título
Este es un párrafo con [un enlace](https://ejemplo.com).
```
console.log('Hola mundo');
```Cuándo usar esta herramienta
- Cuando migras contenido desde un CMS que exporta HTML y necesitas Markdown limpio para otro sistema.
- Para limpiar correos electrónicos con HTML y eliminar estilos no deseados, facilitando la edición.
- Si eres desarrollador y quieres convertir documentación HTML en archivos Markdown para repositorios.
- Diseñadores que preparan contenido para blogs estáticos o sistemas que solo aceptan Markdown.
- Estudiantes que trabajan con contenido HTML y necesitan un formato más legible y editable como Markdown.
Para optimizar el código HTML antes o después de la conversión, considera usar Html Minifier. Si necesitas convertir Markdown a HTML, revisa Markdown To Html.
Preguntas frecuentes
¿Qué tipo de HTML puede convertir esta herramienta?
Esta herramienta convierte HTML semántico estándar, incluyendo encabezados, párrafos, listas anidadas, tablas (mediante plugin), enlaces, imágenes y bloques de código. No procesa scripts o estilos internos, ya que elimina estilos inline y clases para generar Markdown limpio.
¿Cómo se manejan las tablas en la conversión?
Las tablas se procesan a través de un plugin que interpreta las etiquetas <table>, <tr>, <th> y <td>, generando una tabla Markdown con delimitadores de tubería y guiones, compatible con la mayoría de los parsers Markdown.
¿La conversión se realiza en el navegador o en un servidor?
Toda la conversión se ejecuta en el navegador usando JavaScript, específicamente la biblioteca Turndown. Esto significa que ningún dato se envía a servidores externos, garantizando privacidad y seguridad durante el proceso.
¿Se conservan los estilos CSS y clases en el Markdown generado?
No, esta herramienta elimina las clases y estilos inline para que el Markdown obtenido sea limpio y portable, sin depender de estilos CSS que solo aplican en HTML.
¿Puedo convertir bloques de código con sintaxis resaltada?
Sí, los bloques de código HTML <pre><code> se transforman en bloques de código Markdown delimitados por tres backticks (```). Sin embargo, la herramienta no agrega resaltado de sintaxis; eso depende del renderizador Markdown que uses.