Saltar al contenido principal

Convertidor de Markdown a HTML gratis

Convierte Markdown en HTML limpio con vista previa en vivo. Usa la vista de código fuente para copiar HTML listo para pegar en blogs, CMS o plantillas de correo electrónico.

Funciona sin conexión una vez cargado
El HTML aparecerá aquí…

Usos habituales

  • Publicar Markdown en un CMSConvierte notas en Markdown a HTML para pegar en CMS que solo aceptan HTML.
  • Construir Contenido de Correo Electrónico HTMLConvierte Markdown a HTML para correos electrónicos transaccionales y boletines informativos.
  • Vista Previa de Archivos README LocalmentePega tu README.md para ver cómo se renderizará en GitHub, GitLab o npm.
  • Generar Contenido de Página para Sitios EstáticosConvierte contenido de cuerpo en Markdown a HTML para sitios estáticos creados manualmente o páginas únicas.
  • Construir HTML de DocumentaciónConvierte documentación interna de Markdown a HTML para incrustar en aplicaciones, centros de ayuda o bases de conocimiento.

Cómo funciona

La conversión se hace enteramente en tu navegador mediante un analizador de Markdown escrito a mano: sin biblioteca de terceros, sin solicitud al servidor. El analizador recorre la fuente línea por línea, aplicando reglas de nivel de bloque (encabezados, listas, tablas, código con vallas) y luego una segunda pasada de patrones de expresión regular en línea para negrita, cursiva, enlaces, imágenes y código en línea.

  1. 1
    La estructura de bloque se analiza primero
    El analizador lee el Markdown en bruto línea por línea, identificando construcciones de nivel de bloque: bloques de código con vallas (con clase de idioma opcional), encabezados ATX (# hasta ######), citas en bloque, listas ordenadas y no ordenadas incluyendo casillas de lista de tareas GFM, tablas GFM con alineación de columnas, reglas horizontales, y párrafos que unen correctamente las líneas de continuación con ajuste suave.
  2. 2
    Se aplican patrones en línea dentro de cada bloque
    Después de que el texto de cada bloque se escapa en HTML, una cadena de expresiones regulares en parseInline() transforma la sintaxis en línea: imágenes y enlaces (con lista blanca de esquemas de URL que elimina hrefs javascript: y data:), **negrita**, *cursiva*, ~~tachado~~, y código en línea, en ese orden de precedencia.
  3. 3
    Salida HTML en vivo con alternancia de vista previa
    La cadena HTML se recalcula mediante useMemo con cada pulsación, así el panel derecho se actualiza al instante. Un interruptor cambia entre la vista de fuente HTML en bruto y una vista previa renderizada usando el propio motor de diseño del navegador.
  4. 4
    Tres opciones de salida incluyendo copia de texto enriquecido
    Puedes copiar el marcado HTML en bruto, descargar un archivo .html independiente completo con DOCTYPE y meta etiqueta de charset, o usar 'Copiar texto enriquecido', que escribe tanto los tipos MIME text/html como text/plain en el portapapeles mediante el ClipboardItem de la Clipboard API, así el resultado formateado se pega directamente en Gmail, Google Docs o Word sin pasos adicionales.

Herramientas relacionadas

Preguntas frecuentes