Conversor Markdown para HTML

Conversor Markdown para HTML

Conversor Markdown para HTML gratuito com preview ao vivo e saída visual renderizada. GFM, tabelas, listas de tarefas, HTML sanitizado. Sem cadastro.

Atualizado em maio de 2026

Revisado por Rafael Duarte

HTML para MD MD para HTML
Opções

Conversão em tempo real

O resultado atualiza enquanto você digita. Funciona 100% no navegador.

Precisa do inverso? ← HTML para Markdown

Como usar

Código HTML e preview visual lado a lado

1. Cole o Markdown

Qualquer conteúdo `.md` no painel esquerdo — HTML e preview atualizam em tempo real.

2. Escolha as opções

GFM para tabelas/tarefas, "Wrap in `<html>`" para documento completo, Br-style Breaks.

3. Copie ou baixe

Alterne HTML Code / Preview, depois "Copy HTML" ou "Download" como `.html`.

Quando você vai usar isso

Os cenários mais comuns entre quem usa a ferramenta

Publicar Markdown num CMS

Converta para HTML e cole no WordPress, Webflow ou qualquer CMS que aceite HTML bruto.

Gerar emails HTML

Escreva o corpo em Markdown, converta e envolva no seu template de email.

Visualizar um arquivo `.md`

Cole qualquer Markdown e veja instantaneamente como renderiza.

Documentação para Confluence/SharePoint

Sistemas que não renderizam Markdown nativamente — converta READMEs aqui.

Criar uma página HTML autônoma

Ative "Wrap in <html>" para gerar um arquivo .html completo, pronto para abrir direto no navegador ou anexar num email, sem precisar de servidor.

O que esta ferramenta faz

Powered by marked.js

GitHub Flavored Markdown

Tabelas, listas de tarefas, tachado e autolinks quando GFM está ativo.

Syntax highlight

Blocos de código destacados via highlight.js no preview renderizado.

Preview sanitizado com DOMPurify

O preview renderizado remove <script> e atributos de evento. O HTML bruto embutido no seu Markdown é preservado no código copiado — revise antes de publicar para usuários finais.

Documento completo ou fragmento

"Wrap in <html>" gera um .html independente, ou copie só o fragmento.

Quebras de linha automáticas (Breaks)

Ative Br-style Breaks para transformar cada quebra de linha simples em <br> — útil para colar texto corrido sem parágrafos formais.

Atalho de teclado para copiar

Pressione Shift+Enter em qualquer lugar da página (fora de campos de texto) para copiar o HTML gerado sem tirar as mãos do teclado.

Exemplos de conversão

Markdown
HTML
`# Introdução`
`<h1>Introdução</h1>`
`**negrito** e *itálico*`
`<strong>negrito</strong> e <em>itálico</em>`
`- [x] Escrever testes`
`<li class="task-list-item"><input type="checkbox" checked>...`
tabela pipe com GFM
`<table><thead><tr><th>...`
`<https://exemplo.com>`
`<a href="https://exemplo.com">https://exemplo.com</a>`

Erro comum? Comece por aqui

Tabela sem linha separadora

| --- | é obrigatório pela spec GFM — sem ela, a tabela não converte corretamente.

Esperar CSS inline automático

A saída não tem estilos — para newsletters, envolva num template que aplica CSS inline.

Achar que o HTML copiado já está sanitizado

Só o Preview passa por DOMPurify. Se o Markdown de origem tiver HTML bruto com <script> ou atributos on*, esse código é preservado no HTML copiado — sanitize antes de publicar para usuários finais.

Quebra de linha única não vira `<br>`

Pela spec CommonMark, um só Enter dentro do parágrafo não quebra a linha visualmente. Ative Br-style Breaks se seu texto depende de quebras simples.

Bloco de código sem linguagem definida

Sem um identificador de linguagem após os três acentos graves, como javascript, o highlight.js cai para texto plano — sem cores de sintaxe no preview.

Desativar GFM some com tabelas e listas de tarefas

Com GFM desligado, tabelas pipe e itens - [x] viram texto comum em vez de <table> e checkboxes.

Por que usar esta ferramenta

Mostra o código HTML bruto E o preview visual renderizado lado a lado — não só um dos dois — usando marked.js, um dos parsers mais rápidos e amplamente usados.

O preview renderizado passa por DOMPurify, removendo vetores de XSS automaticamente — mas isso vale só para a aba Preview. O código HTML da aba HTML Code preserva qualquer HTML bruto que já estivesse no seu Markdown, então revise antes de colar em sistemas que exibem o conteúdo a usuários finais.

Todo o processamento roda no seu navegador via marked.js e highlight.js — nada do conteúdo é enviado a um servidor, o que mantém a conversão rápida e segura mesmo para textos sensíveis. Se você precisar do caminho inverso, o conversor irmão HTML para Markdown usa a mesma base de opções.

HTML Code vs. Preview

As duas abas de saída

HTML Code
Preview
O que mostra
código bruto para copiar
aparência visual renderizada
Usar quando
for colar em outro sistema
quiser conferir o resultado final
Atualiza em tempo real
sim
sim

Perguntas frequentes

HTML Code mostra o código bruto para copiar e usar no seu projeto. Preview mostra como esse HTML renderiza visualmente. Ambas atualizam em tempo real.

Referências

Ferramentas Relacionadas