Conversor Markdown ↔ HTML
Renderiza Markdown a HTML con vista previa en vivo, o convierte HTML de vuelta a Markdown
Sobre esta herramienta
Escribe o pega Markdown y ve lado a lado la vista previa renderizada y el HTML generado — encabezados, tablas GFM, viñetas estilo lista de tareas, bloques de código delimitados y tachado incluidos. La dirección inversa convierte HTML existente en Markdown limpio con encabezados ATX, viñetas con guion y código delimitado, que es la forma más rápida de migrar contenido antiguo de un CMS a un repo de documentación.
La vista previa se sanea antes de renderizarse: los scripts, los iframes y los atributos de manejadores de eventos se eliminan, así que un enlace compartido que lleve marcado hostil no puede ejecutar nada en tu navegador. El cuadro de salida HTML muestra siempre la conversión sin procesar para copiarla en plantillas o correos.
La conversión y la vista previa corren localmente. Los borradores de notas de versión con nombres de funcionalidades sin anunciar se quedan en tu máquina.
Preguntas frecuentes
- ¿Qué variante de Markdown es esta?
- CommonMark más las extensiones de GitHub que la gente usa de verdad: tablas, tachado y URLs autoenlazadas. Los saltos de línea suaves siguen siendo suaves — un salto de línea simple no se convierte en <br>, igual que en el renderizado de documentos de GitHub.
- ¿Por qué la vista previa difiere de la salida HTML sin procesar?
- La vista previa pasa por un sanitizador que elimina etiquetas script, manejadores de eventos en línea y URLs javascript: antes de renderizar. El cuadro de salida se salta la sanitización porque es texto, no marcado renderizado — sanea aguas abajo si incrustas HTML aportado por usuarios.
- ¿Qué tan fiel es HTML → Markdown?
- Los elementos estructurales — encabezados, listas, enlaces, énfasis, código, citas, imágenes — se convierten limpiamente. El HTML sin equivalente en Markdown (tablas anidadas, divs con clases, estilos en línea) pasa como HTML crudo o pierde su estilo, así que después merece la pena una lectura rápida.
- ¿Puedo usar el HTML generado en un correo?
- Sí — la salida es HTML semántico plano sin clases ni hojas de estilo externas, que es exactamente lo que mejor toleran los clientes de correo. Añade encima, en línea, el estilo que necesites.