ConvertOwl

Markdown a HTML — Convierte archivos .md a HTML al instante

Convierte documentos Markdown a HTML con soporte completo para GitHub Flavored Markdown (GFM): encabezados, negrita, cursiva, enlaces, imágenes, bloques de código, código delimitado con indicadores de lenguaje, citas, listas ordenadas y desordenadas, listas de tareas y tablas. La salida es HTML limpio, listo para incrustar en una página web, plantilla de correo o CMS. La conversión se ejecuta en tu navegador usando la biblioteca marked.

Cómo usar esta herramienta

  1. Pega tu Markdown

    Pega cualquier contenido Markdown: archivos README, entradas de blog, documentación o notas. GitHub Flavored Markdown es totalmente compatible.

  2. Haz clic en Convertir

    La biblioteca marked analiza tu Markdown y genera HTML. Los encabezados se convierten en <h1>–<h6>, la negrita en <strong>, los enlaces en etiquetas <a>, y los bloques de código en <pre><code> con indicadores de clase de lenguaje.

  3. Copia o descarga el HTML

    Copia el HTML al portapapeles para pegarlo en un CMS o editor de código, o descárgalo como archivo .html.

  4. Incrústalo en tu página

    El HTML de salida es un fragmento (no una página completa). Envuélvelo en el <body> de tu página o pégalo en tu editor de contenido. Añade tus propios estilos CSS para encabezados, bloques de código y citas.

Preguntas frecuentes

¿Es compatible con GitHub Flavored Markdown (GFM)?

Sí, la biblioteca marked admite GFM, incluidos: bloques de código delimitados con indicadores de resaltado de sintaxis (```javascript), tablas (usando el carácter de barra vertical |), listas de tareas (- [ ] y - [x]), tachado (~~texto~~) y autoenlazado de URLs. Las funciones estándar de CommonMark también son compatibles.

¿Es seguro incrustar directamente en una página web el HTML de salida?

El HTML de esta herramienta no está sanitizado: si tu entrada Markdown contiene HTML sin procesar (lo que Markdown permite), pasa tal cual. Para Markdown generado por usuarios y renderizado en un sitio web público, sanitiza siempre el HTML de salida con una biblioteca como DOMPurify para prevenir ataques XSS antes de insertarlo en el DOM.

¿Cómo se convierten los bloques de código?

Los bloques de código (con sangría de 4 espacios o envueltos en acentos graves) se convierten en HTML <pre><code>. Los bloques delimitados con un indicador de lenguaje (```python) obtienen un atributo class="language-python" en el elemento <code>, que las bibliotecas de resaltado de sintaxis como Prism.js o highlight.js usan para aplicar colores.

¿Puedo convertir archivos Markdown de READMEs de GitHub?

Sí. GitHub Markdown (GFM) es el estándar que admite esta herramienta. Exporta o copia el Markdown sin procesar de un README.md (usa el botón Raw en GitHub), pégalo aquí y obtén un HTML equivalente a cómo lo renderiza GitHub.

¿Gestiona esto notación matemática o ecuaciones LaTeX en Markdown?

El Markdown básico con bloques de código en línea gestiona notación matemática sencilla. El renderizado matemático completo de LaTeX/KaTeX no está incluido en esta herramienta. Para Markdown con mucha matemática (como cuadernos Jupyter o artículos académicos), usa Pandoc en la línea de comandos, que tiene soporte integrado para LaTeX y MathJax.

¿Algo no funciona? Informar de un error