Markdown para HTML

Tenha código HTML recuado a partir do Markdown, pronto para colar num CMS ou salvar.

Roda no seu navegador
Sem uploads
Sem conta

Carregando a ferramenta no navegador…

O que faz: Markdown para HTML

Muitos editores de centrais de ajuda, criadores de e-mail e páginas estáticas aceitam HTML, mas não Markdown. Cole o Markdown e receba o código HTML com um bloco por linha e listas aninhadas recuadas, fácil de ler e de comparar.

Escolha Fragmento HTML para inserir numa página existente, ou Documento completo para um arquivo independente com doctype, charset, tag viewport e um título copiado do primeiro H1. Mude o resultado para Prévia para conferir a versão renderizada antes de copiar. Se você só quer ver a formatação, o Pré-visualizador de Markdown é mais rápido.

Exemplo

Entrada

## Exportar um vídeo

Clique em **Exportar** e escolha `MP4`.

1. Abra o projeto
2. Escolha 1080p

Resultado

<h2 id="exportar-um-vídeo">Exportar um vídeo</h2>
<p>Clique em <strong>Exportar</strong> e escolha <code>MP4</code>.</p>
<ol>
  <li>Abra o projeto</li>
  <li>Escolha 1080p</li>
</ol>

O título recebe um id no estilo do GitHub, então um link para #exportar-um-vídeo continua funcionando na página convertida.

Como usar: Markdown para HTML

Cole o Markdown, clique em Abrir arquivo ou clique em Usar exemplo.
Escolha Fragmento HTML ou Documento completo em Saída e use a chave Código e Prévia para conferir o resultado.
Clique em Copiar, ou em Baixar .html para salvar o arquivo.

Bom saber

Nenhum CSS é adicionado. Um documento completo abre como uma página simples, sem estilo, até você vincular a sua própria folha de estilo.
Todo título recebe um id, e não há opção para desligar isso. Se o seu CMS rejeita ids, passe o resultado pelo Limpador de HTML, que os remove.
O código cercado mantém uma classe language-, mas não recebe destaque de sintaxe; o destacador do seu site precisa usar essa classe.

Perguntas sobre Markdown para HTML

Como converto um arquivo Markdown em HTML?

Clique em Abrir arquivo e escolha o arquivo .md, ou cole o texto dele. O HTML aparece à direita na hora. Escolha Documento completo se quiser uma página que abra no navegador e clique em Baixar .html.

Qual é a diferença entre um fragmento HTML e um documento completo?

Um fragmento é só o conteúdo do corpo: títulos, parágrafos, listas e tabelas. Um documento completo envolve isso em tags html, head e body com doctype, charset UTF-8, meta tag viewport e título, então funciona como uma página da web completa.

Tabelas Markdown viram tabelas HTML?

Sim. Tabelas com barras verticais viram elementos table com thead e tbody, e o alinhamento da linha divisória, como ---:, vira um atributo align em cada célula daquela coluna.

Posso colar o resultado no WordPress ou num editor de central de ajuda?

Sim, desde que o editor tenha uma visualização de HTML ou de código. Cole o fragmento lá, e não no editor visual, que mostraria as tags como texto literal.