Conversor Markdown para HTML

Conversor Markdown para HTML — Preview ao Vivo e GFM

Escrever em Markdown é rápido e limpo, mas publicar geralmente exige HTML. Cole qualquer Markdown — READMEs, posts de blog, documentações — e veja o código HTML e o preview visual renderizado lado a lado, atualizando instantaneamente. Sem servidor, sem cadastro.

O conversor usa a biblioteca marked.js, um dos parsers de Markdown mais rápidos e amplamente usados. Suporta GitHub Flavored Markdown (tabelas, listas de tarefas, tachado, autolinks), blocos de código com syntax highlight e opções configuráveis de saída. O preview renderizado mostra exatamente como o HTML vai aparecer no browser, com highlight de sintaxe via highlight.js.

Como Usar o Conversor Markdown para HTML

Cole o Markdown — cole qualquer conteúdo .md no painel esquerdo. O código HTML e o preview visual atualizam em tempo real enquanto você digita.
Escolha as opções — ative GFM para tabelas e listas de tarefas, ative "Wrap in <html>" para gerar um documento HTML completo, ou ajuste as quebras de linha com Br-style Breaks.
Obtenha a saída — alterne entre a aba "HTML Code" (código bruto) e "Preview" (visual renderizado). Clique em "Copy HTML" ou "Download" para salvar como .html.

Exemplos de Conversão Markdown para HTML

Exemplo — Headings e ênfase:

Entrada:  # Introdução\n\nTexto **negrito** e *itálico*.
Saída:    <h1>Introdução</h1>\n<p>Texto <strong>negrito</strong> e <em>itálico</em>.</p>

Exemplo — Tabela GFM:

Entrada:  | Nome  | Função |\n| ----- | ------ |\n| Ana   | Dev    |
Saída:    <table><thead><tr><th>Nome</th><th>Função</th></tr></thead><tbody>...

Exemplo — Bloco de código com syntax highlight:

Entrada:  ```javascript\nconsole.log('olá');\n```
Saída:    <pre><code class="hljs language-javascript">...</code></pre>

Exemplo — Lista de tarefas (GFM):

Entrada:  - [x] Escrever testes\n- [ ] Deploy em staging
Saída:    <ul><li class="task-list-item"><input type="checkbox" checked> Escrever testes</li>...

Markdown — O Que É e Por Que Converter para HTML

Markdown é um formato de texto simples criado para converter para HTML. Sua simplicidade o torna padrão para documentação, READMEs, posts de blog e bases de conhecimento. Mas muitas plataformas de publicação — CMSs, clientes de email, Confluence, SharePoint — exigem HTML.

Este conversor preenche essa lacuna: você escreve no formato Markdown rápido e legível, depois converte para HTML limpo para qualquer sistema que precise renderizá-lo.

Casos de Uso Comuns

Publicar conteúdo Markdown em um CMS: Escreva em Markdown, converta para HTML e cole no WordPress, Webflow ou qualquer CMS que aceite HTML. A saída sanitizada remove scripts e atributos maliciosos.
Gerar emails HTML a partir de Markdown: Escrever emails HTML manualmente é tedioso. Escreva o corpo do email em Markdown, converta para HTML e envolva no seu template de email.
Visualizar um arquivo .md: Cole qualquer arquivo Markdown e veja instantaneamente como ele renderiza — útil quando você não tem um editor Markdown disponível.
Documentação para sistemas sem Markdown: GitHub renderiza Markdown nativamente, mas Confluence, SharePoint e sistemas similares precisam de HTML. Converta READMEs aqui.
Aprender HTML a partir do Markdown: Escreva Markdown e veja o HTML gerado — uma forma prática de entender quais elementos HTML cada construção Markdown produz.

Perguntas Frequentes

Qual a diferença entre a aba HTML Code e o Preview?

A aba HTML Code mostra o código HTML bruto que você pode copiar, colar ou usar no seu código. A aba Preview mostra como esse HTML renderiza visualmente no browser — a aparência final com estilização. Ambas atualizam em tempo real enquanto você digita.

Suporta tabelas GitHub Flavored Markdown?

Sim. Ative o modo GFM no painel de opções (ativado por padrão). Tabelas pipe do Markdown convertem para HTML correto com <table><thead><tbody>. Tabelas sem a linha separadora (| --- |) não convertem corretamente — o separador é obrigatório pela especificação GFM.

O que faz a opção "Sanitize" e quando devo usá-la?

Com Sanitize ativado, o HTML de saída é limpo para remover elementos potencialmente perigosos: tags <script>, event handlers (onclick, onerror) e outros vetores de XSS. Ative ao colar a saída em sistemas que a exibirão para usuários finais. Desative apenas para conteúdo técnico confiável onde você precisa de fidelidade HTML completa.

Posso usar o HTML para newsletters de email?

Sim, com ressalvas. Markdown converte para HTML semântico que é geralmente seguro para clientes de email. No entanto, clientes de email precisam de CSS inline para estilização. Este conversor gera HTML limpo sem estilos — você precisará envolver a saída em um template de email que aplica estilos inline.

O que é o marked.js?

marked.js é a biblioteca JavaScript que este conversor usa para processar Markdown em HTML. Roda 100% no seu navegador — nenhum conteúdo é enviado para nenhum servidor. É um dos parsers de Markdown mais rápidos e amplamente usados disponíveis.

Recursos

marked.js — GitHub — O parser Markdown que alimenta este conversor. Rápido, flexível e compatível com browser.
Especificação CommonMark — A especificação oficial para sintaxe padrão do Markdown.
Especificação GitHub Flavored Markdown — Documentação oficial do GFM cobrindo tabelas, listas de tarefas, tachado e autolinks.