Todas las herramientas

Convertidor de Markdown a HTML

Markdown es el formato de creación para archivos README, exportaciones de Notion y generadores de sitios estáticos. Convierta a un fragmento de HTML para pegarlo en CMS, obtener una vista previa de plantillas de correo electrónico o aprender cómo **negrita** y ```código``` se asignan a etiquetas, procesados ​​localmente.
Input
HTML
<h1>Hello</h1> <p>This is <strong>bold</strong> and <em>italic</em>.</p> <ul> <li>item 1</li> <li>item 2</li> </ul>

¿Cómo convertir Markdown a HTML

1. Pegue Markdown en el panel de origen.
2. Ver el resultado HTML y obtener una vista previa si la interfaz de usuario está dividida.
3. Copiar el fragmento de cuerpo HTML.
4. Desinfecte antes de insertar en el sitio si Markdown proviene de los usuarios.

Ejemplos de conversión de Markdown

Sección README

## La instalación más la lista de viñetas se convierte en h2 y ul/li para pegar wiki interno.

Borrador del blog

Convierta el borrador de Markdown del autor a HTML para el editor de código de WordPress modo.

Notas de la versión

Registro de cambios Markdown con enlaces a números PR exportados como envío masivo de correo electrónico HTML.

Cuando Markdown a HTML

Cuando CMS acepta HTML pero el autor escribe Markdown.
Cuando se obtiene una vista previa del archivo README renderizado antes de GitHub push.
Al generar Fragmento HTML estático sin proceso de compilación completo.

Cuando el proceso completo es mejor

Cuando el sitio usa MDX o códigos cortos de componentes, necesitas un compilador especializado.
Cuando se requieren tareas/casillas de verificación de Markdown con sabor a GitHub, elige un analizador compatible con GFM.
Cuando el usuario Markdown no es de confianza, debe desinfectar la salida HTML contra XSS.

Diferencias de sabor

Wikilinks de CommonMark vs GFM vs Obsidian: la misma fuente de Markdown se procesa de manera diferente. Estandarice el estilo en la guía de estilo del equipo.

Desinfecte el contenido del usuario

Utilice un desinfectante de lista blanca en HTML después de la conversión: bloquee las etiquetas de script y los atributos de error.

Envíe HTML por correo electrónico

Las tablas de rebajas pueden fallar en Outlook: pruebe las plantillas de correo electrónico responsivas por separado.

Preguntas frecuentes

¿Tablas GFM y tachado?

Depende del tipo de analizador: verifique las extensiones admitidas.

¿HTML en línea en Markdown?

Muchos analizadores pasan a través de HTML sin formato: riesgo de XSS en el contenido del usuario.

¿Lenguaje de bloque de código?

¿Puede agregar clase language-js para resaltado de Prism: verifique la salida.

¿Documento HTML completo?

La salida puede ser solo un fragmento; ajuste con html/body para un archivo independiente.

¿Local?

Sí.

¿HTML inverso a Markdown?

Requiere un conversor de HTML a MD: con pérdida para diseños complejos.