Saltar ao contido principal
LibraTool logoLibraTool

Conversor de Markdown a HTML de balde

Converte Markdown a HTML limpo cunha previsualización en directo. Usa a vista de código para copiar HTML listo para pegar en blogs, CMSes ou modelos de correo.

Funciona sen conexión unha vez cargado
A saída HTML aparecerá aquí…

Usos habituais

  • Publica Markdown nun CMSConverte notas de Markdown a HTML para pegar en CMS que só aceptan HTML.
  • Constrúe contido de correo electrónico HTMLConverte Markdown a HTML para correos electrónicos transaccionais e boletíns.
  • Visualiza ficheiros README localmentePega README.md para ver como se renderizará en GitHub, GitLab ou npm.
  • Xera contido de páxinas para sitios estáticosConverte contido do corpo Markdown a HTML para sitios estáticos construídos a man ou páxinas individuais.
  • Constrúe HTML de documentaciónConverte documentos Markdown internos a HTML para incrustar en aplicacións, centros de axuda ou bases de coñecemento.

Como funciona

A conversión faise enteiramente no teu navegador mediante un analizador de Markdown escrito a man — sen biblioteca de terceiros, sen petición a servidor. O analizador percorre a orixe liña por liña, aplicando regras de nivel de bloque (títulos, listas, táboas, código con valado) e despois unha segunda pasada de patróns de expresión regular en liña para negra, cursiva, ligazóns, imaxes e código en liña.

  1. 1
    A estrutura de bloques analízase primeiro
    O analizador le o Markdown en bruto liña por liña, identificando construcións de nivel de bloque: bloques de código con valado (con clase de idioma opcional), títulos ATX (# a ######), citas en bloque, listas ordenadas e non ordenadas incluíndo casas de verificación de lista de tarefas GFM, táboas GFM con aliñamento de columnas, regras horizontais e parágrafos que unen correctamente as liñas de continuación con salto suave.
  2. 2
    Aplícanse patróns en liña dentro de cada bloque
    Despois de que o texto de cada bloque se escape en HTML, unha cadea de expresións regulares en parseInline() transforma a sintaxe en liña: imaxes e ligazóns (con lista branca de esquemas de URL que elimina os hrefs javascript: e data:), **negra**, *cursiva*, ~~riscado~~ e código en liña — nesa orde de precedencia.
  3. 3
    Saída HTML en directo con alternador de vista previa
    A cadea HTML recalcúlase mediante useMemo con cada pulsación de tecla, así que o panel dereito actualízase ao instante. Un alternador cambia entre a vista de orixe HTML en bruto e unha vista previa renderizada usando o propio motor de deseño do navegador.
  4. 4
    Tres opcións de saída incluíndo copia de texto enriquecido
    Podes copiar o marcado HTML en bruto, descargar un ficheiro .html autónomo completo con DOCTYPE e etiqueta meta de charset, ou usar 'Copiar texto enriquecido' — que escribe tanto os tipos MIME text/html como text/plain ao portapapeis mediante o ClipboardItem da API Clipboard, así que o resultado formatado péganse directamente en Gmail, Google Docs ou Word sen pasos adicionais.

Ferramentas relacionadas

📝

Conversor de HTML a Markdown

Converte HTML a Markdown limpo. Xestiona cabeceiras, listas, ligazóns, imaxes, bloques de código, táboas e citas. Perfecto para mover contido fóra de CMSes.

Próbao
📝

Editor de Markdown

Escribe e previsualiza Markdown en tempo real. Soporta cabeceiras, negrita, cursiva, bloques de código, táboas e listas.

Próbao
🎼

Conversor de MIDI a MP3

Converte un ficheiro MIDI (.mid) a MP3 ou WAV cun banco de sons General MIDI. Escóitao no navegador e cambia o tempo, a tonalidade ou o instrumento; non se sobe nada.

Próbao23 MB, descarga única

Preguntas frecuentes