Cómo convertir Markdown a HTML en el navegador
Convierte borradores README, notas de changelog y esbozos de base de conocimiento en fragmentos HTML limpios: ideal para pegar en un CMS sin levantar un build local.
Más utilidades que combinan bien con esta guía:
Por qué importa
Los redactores técnicos mantienen Markdown en Git pero el CMS corporativo solo acepta fragmentos HTML saneados. Las macros de soporte pegan Markdown en Zendesk y el código cercado desaparece si no se convierte antes. Un newsletter redacta viñetas y enlaces en Markdown rápido antes de pasar HTML a diseño que rechaza llaves en plantillas de correo. Convertir en local preserva borradores bajo embargo y evita enviar documentos propietarios a SaaS opacos.
Tres escenarios reales
Redacta el anuncio en Markdown, convierte y suelta fragmentos <section> en una isla Astro/React MDX.
HTML listo para pegar
Transforma hilos de soporte en listas ordenadas con muestras <pre> antes de archivar como HTML en la KB.
Respuestas legibles
Previsualiza titulares y anclas fuera del editor propietario antes de enviar.
Menos sorpresas WYSIWYG
Guía paso a paso
Abre Markdown a HTML.
Escribe Markdown con sintaxis habitual
Titulares, listas, enlaces, bloques cercados, citas — limítate a lo que la lista blanca del CMS permita.
Elige opciones de renderizado
Activa extras tipo GitHub (tablas, tachado) cuando el destino comparta esa semántica.
Inspecciona la vista previa
Valida profundidad de anidación y si URLs desnudas se enlazan sin querer.
Copia el fragmento HTML
Obtén marcado saneado sin depender de herramientas Markdown en portátiles corporativos bloqueados.
Input
## Rollout checklist
1. Enable **feature flag** `payments.v2`
2. Monitor `/health/payments` for 15 minutes
3. Run: kubectl rollout status deploy/payments-apiOutput
<h2>Rollout checklist</h2>
<ol>
<li>Enable <strong>feature flag</strong> <code>payments.v2</code></li>
<li>Monitor <code>/health/payments</code> for 15 minutes</li>
</ol>
<pre><code class="language-bash">kubectl rollout status deploy/payments-api
</code></pre>Consejos útiles
- Compara fuentes Markdown, no el ruido HTML — usa el comparador de texto antes de convertir para revisiones más claras.
- Escapa al incrustar configuraciones JSON o plantillas; sigue con escape de texto.
- Ten en cuenta la CSP:
<style>inline puede bloquearse; apóyate en clases que el CMS ya permita.
Trampas comunes
Error frecuente
Paso de HTML inseguro
Las extensiones que permiten HTML crudo pueden romper sanitizadores — prueba en el sandbox del CMS antes de publicar al cliente.
Error frecuente
Enlaces relativos siguen relativos
Si el Markdown no usa URLs absolutas, los destinos siguen relativos — verifica bases tras cambiar de dominio.
Error frecuente
Bloques sensibles al espacio
Los bloques indentados se comportan distinto que los cercados — alinea sangría con las peculiaridades del spec antes de culpar al conversor.
Cuándo no es la herramienta adecuada
- Pipelines de sitios estáticos completos: Eleventy, Astro o mdBook integran TOC, anclas slug, etc.
- HTML para correo: exige CSS inline y maquetación en tablas — usa el constructor del ESP tras redactar el concepto aquí.
- Publicación PDF: motores tipográficos como LaTeX gestionan mejor la división de palabras que fragmentos HTML rápidos.
Preguntas frecuentes
¿La conversión llama a una API?
No hay salto de red: el análisis ocurre en tu pestaña para borradores cubiertos por NDAs.
¿Puedo invertir HTML a Markdown?
Este tutorial cubre Markdown → HTML; exportaciones legacy del CMS suelen ir mejor con parsers inversos dedicados y limpieza manual.
¿Qué variante se admite?
Activa interruptores «tipo GitHub» cuando existan para que tablas/listas de tareas coincidan con README de GitHub; verifica extensiones experimentales una a una.
Próximos pasos
- Formatea JSON citado con el formateador de texto.
- Normaliza mayúsculas en titulares antes de publicar con el convertidor de mayúsculas.
- Mide longitudes de extractos con el contador de palabras.