ToolsMaxxing

Conversor de Markdown a HTML

Escribe Markdown y mira la página renderizada y el código HTML lado a lado.

La vista previa aparece aquí.

A la vista previa se le quitan los scripts y los controladores de eventos. La pestaña de código HTML muestra la salida del conversor tal cual.

Tus archivos se quedan en tu dispositivo

Cómo funciona

  1. 1Escribe o pega Markdown a la izquierda, o elige Probar un ejemplo.
  2. 2Revisa la pestaña Vista previa para ver cómo queda.
  3. 3Cambia a Código HTML y cópialo, o descarga un archivo .html.
  4. 4Ajusta las opciones si los saltos de línea o las tablas no se ven bien.

Qué hace cada opción

Estilo GitHub
Activa tablas, listas de tareas, tachado y enlaces automáticos, como hace GitHub Flavored Markdown.
Un salto de línea simple pasa a ser un salto de línea
Por defecto, Markdown une las líneas de un párrafo. Activa esto para conservar cada salto de línea.
Vista previa y código HTML
Vista previa muestra el resultado renderizado. Código HTML muestra el marcado que puedes pegar en una página.

Privacidad

Todo funciona en tu navegador. Lo que pegas nunca se envía a un servidor.

Preguntas frecuentes

¿Es segura la vista previa si pego Markdown no fiable?

La vista previa se limpia con DOMPurify, que elimina scripts y controladores de eventos. La pestaña de código HTML es la salida sin procesar del conversor, así que límpiala de nuevo antes de poner en tu sitio contenido de otras personas.

¿Sigue CommonMark?

Sí. Usa la biblioteca marked, que sigue las reglas de CommonMark, más extras al estilo GitHub cuando esa opción está activada.

¿Puedo usar HTML sin procesar dentro del Markdown?

Sí. Pasa tal cual al código HTML. La vista previa lo muestra después de limpiarlo.

¿Por qué no se muestra mi tabla?

Las tablas necesitan el estilo GitHub activado, una fila de encabezado y una fila separadora con al menos tres guiones por columna, como |---|---|.

¿Se asignan ID a los encabezados para enlazarlos?

No. La salida contiene etiquetas simples. Añade ID en el generador de tu sitio si necesitas enlaces ancla.

Herramientas relacionadas