Conversor de Markdown para HTML
Markdown é o formato de autoria para arquivos README, exportações de Notion e geradores de sites estáticos. Converta em snippet HTML para colar CMS, visualizar modelo de e-mail ou aprender como **bold** e ```code``` são mapeados para tags - processados localmente.
Entrada
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>
Como converter Markdown em HTML
1. Colar Markdown no painel de origem.
2. Ver saída HTML e visualizar se a UI dividida.
3. Copiar corpo HTML fragmento.
4. Limpar antes de inserir no site se o Markdown veio dos usuários.
Exemplos de conversão de Markdown
Seção README
## A instalação mais a lista de marcadores se torna h2 e ul/li para colagem interna do wiki.
Rascunho do blog
Converta o rascunho do Markdown do autor em HTML para o modo de editor de código WordPress.
Notas de lançamento
Changelog Markdown com links para números PR exportados como explosão de e-mail HTML.
Quando Markdown para HTML
• Quando o CMS aceita HTML, mas o autor escreve Markdown.
• Ao visualizar o README renderizado antes do GitHub push.
• Ao gerar fragmento HTML estático sem pipeline de construção completo.
Quando o pipeline completo é melhor
• Quando o site usa MDX ou códigos de acesso de componentes - precisa de um compilador especializado.
• Quando tarefas/caixas de seleção Markdown com sabor de GitHub são necessárias - escolha o analisador compatível com GFM.
• Quando usuário não confiável Markdown - deve limpar a saída HTML em relação ao XSS.
Diferenças de sabor
Wikilinks CommonMark vs GFM vs Obsidian - a mesma fonte de Markdown é renderizada de forma diferente. Padronize o sabor no guia de estilo da equipe.
Higienize o conteúdo do usuário
Use o sanitizador de lista de permissões em HTML após a conversão - bloqueie tags de script e atributos onerror.
HTML de e-mail
As tabelas de markdown podem quebrar no Outlook - teste modelos de e-mail responsivos separadamente.
Perguntas frequentes
Tabelas GFM e tachado?
Depende do tipo do analisador - verifique as extensões suportadas.
HTML embutido no Markdown?
Muitos analisadores passam por HTML bruto - risco de XSS no conteúdo do usuário.
Bloco de código idioma?
Pode adicionar a classe language-js para destaque do Prism - verifique a saída.
Documento HTML completo?
A saída pode ser apenas fragmentada - agrupar com html/body para arquivo independente.
Local?
Sim.
HTML reverso para Markdown?
Requer conversor de HTML para MD - com perdas para layouts complexos.