Markdown para HTML: pré-visualização, código HTML e download

Com este conversor de Markdown para HTML, você cola um texto com sintaxe Markdown e vê na hora a pré-visualização e o código HTML pronto. Há suporte a títulos, listas, tabelas, código, links e imagens. O HTML incorporado nunca é executado, é exibido como texto.

Fonte: CommonMark Spec 0.31 (referência para blocos, listas, ênfase e links). Atualizado em: .

Tabelas, ~~tachado~~, listas de tarefas e links automáticos para endereços https://.
Uma quebra de linha simples no texto vira uma quebra, como nos comentários do GitHub. Por padrão, é um espaço.
Minha caixa de ferramentasSeus dados ficam salvos só neste navegador.

Cole ou digite Markdown. O HTML bruto no texto é exibido como texto e não é executado.

Seu texto fica no seu navegador: não é enviado, não é salvo e não aparece no endereço da página.

Pré-visualização

Resultado

Código HTML
<h1>Bem-vindo</h1> <p>Isto é um <strong>exemplo</strong> com <em>ênfase</em>, <code>código</code> e um <a href="https://example.com">link</a>.</p> <ul> <li>Primeiro item</li> <li>Segundo item <ul> <li>Subitem</li> </ul> </li> </ul> <table> <thead> <tr> <th>Nome</th> <th align="right">Valor</th> </tr> </thead> <tbody> <tr> <td>A</td> <td align="right">1</td> </tr> </tbody> </table> <blockquote> <p>Uma citação</p> </blockquote> <pre><code class="language-js">console.log(&quot;Olá&quot;); </code></pre>
Tamanho
505 caracteres de HTML, 1 títulos, 1 links, 1 tabelas, 1 blocos de código.

Como o cálculo é feito

Markdown é um jeito simples de escrever texto formatado: # para títulos, **negrito**, - item para listas. Esta ferramenta o converte em HTML, que você pode colar em páginas web, newsletters, descrições de loja ou em um CMS.

Como converter Markdown em HTML

  1. Cole seu texto Markdown no campo ou use o texto de exemplo.
  2. Confira a pré-visualização: é assim que o texto fica como página web.
  3. Copie o código HTML ou baixe-o. Com “Documento HTML completo” você recebe uma página pronta, com o título vindo do primeiro cabeçalho.

O que é suportado

Títulos (com # e com sublinhado), parágrafos, ênfase, negrito, código no texto e em blocos com indicação de linguagem, citações, listas aninhadas, linhas divisórias, links (inclusive por referência), imagens e links automáticos. As extensões do GitHub acrescentam tabelas com alinhamento, tachado, listas de tarefas e links automáticos. A conversão segue o CommonMark, mas não cobre todos os casos especiais.

Segurança e limites

Seu texto fica no seu navegador e não é enviado nem guardado.

Perguntas frequentes

Como converto Markdown em HTML?

Cole o texto Markdown no campo e o código HTML aparece na hora. Você pode copiá-lo ou baixá-lo como arquivo. A pré-visualização mostra como fica o resultado.

Qual sintaxe Markdown é suportada?

CommonMark com as extensões do GitHub: títulos, listas, citações, código, links, imagens, tabelas, tachado e listas de tarefas. Notas de rodapé e fórmulas não estão incluídas.

O HTML gerado é seguro?

Sim. HTML incorporado e scripts não são repassados, e sim escapados como texto, e destinos de link perigosos são removidos. Com textos de terceiros, confira mesmo assim para onde os links levam.

Posso usar HTML próprio dentro do Markdown?

Não, isso é excluído de propósito para que o resultado continue seguro. Adicione suas tags ao código HTML depois da conversão.

Como consigo tabelas e listas de tarefas?

Deixe as extensões do GitHub ativadas. Escreva tabelas com barras verticais e uma linha separadora de hifens, e tarefas como “- [ ] aberta” e “- [x] feita”.

Meu texto é guardado?

Não. A conversão acontece no seu navegador; o texto não é enviado, não é guardado e não vai para a barra de endereços.

Fontes e base legal

Última atualização: · Princípios editoriais

Ferramentas relacionadas