Skip to main content
UtilityStack

Conversor de Markdown para HTML

Digite Markdown à esquerda e veja o HTML renderizado ou a pré-visualização ao vivo à direita. Impulsionado por marked, suportando CommonMark mais extensões GitHub Flavored Markdown.

Markdown
HTML
<h1>Hello, Markdown!</h1>
<p>Markdown is a <strong>lightweight</strong> markup language with plain-text formatting syntax.</p>
<h2>Features</h2>
<ul>
<li>Headings, paragraphs, lists</li>
<li>Links: <a href="https://example.com">example</a></li>
<li>Inline code: <code>const x = 1</code></li>
<li>Code blocks:</li>
</ul>
<pre><code class="language-js">function greet(name) {
  return `Hello, ${name}!`
}
</code></pre>
<blockquote>
<p>Blockquotes work too.</p>
</blockquote>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody><tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</tbody></table>

O que é Markdown?

Markdown é uma sintaxe de formatação de texto simples leve inventada por John Gruber em 2004. Permite que você escreva documentos estruturados (cabeçalhos, listas, links, código, tabelas) usando pontuação que se lê naturalmente — # para um cabeçalho, ** para negrito, > para uma citação — em vez dos sinais de menor/maior do HTML. É o formato de fato para arquivos README, posts de sites estáticos, documentação técnica e ferramentas como Notion ou Slack.

CommonMark é o dialeto padronizado de Markdown que a maioria dos parsers modernos implementa; GitHub Flavored Markdown (GFM) o estende com tabelas, listas de tarefas, blocos de código cercados com dicas de linguagem, tachado e autolinks. Este conversor suporta ambos.

Como usar esta ferramenta

  1. Digite ou cole Markdown na área de entrada à esquerda. Clique em «Exemplo» para testar com conteúdo de exemplo.
  2. Alterne o painel direito entre HTML (a saída crua) e Pré-visualização (o resultado renderizado).
  3. Use «Copiar HTML» para colocar a saída na área de transferência, ou «Baixar .html» para salvar um arquivo independente.

Perguntas frequentes

Qual sabor de Markdown é suportado?

CommonMark mais as extensões GFM mais úteis: tabelas, blocos de código cercados (com linguagem), tachado, autolinks. Listas de definição, notas de rodapé e HTML dentro do Markdown não estão habilitados por padrão.

A entrada é enviada para um servidor?

Não. A conversão acontece inteiramente no seu navegador — sua fonte Markdown nunca sai da sua máquina.

Posso incluir HTML cru no Markdown?

HTML inline é preservado como está. Tenha cuidado ao copiar a saída de volta para um contexto onde tags de script ou atributos inseguros possam importar — sanitize-a (com DOMPurify ou um sanitizador do lado do servidor) antes de renderizar saída não confiável.

Os blocos de código têm destaque de sintaxe?

A saída entrega blocos ```linguagem``` limpos com a marcação padrão `<pre><code class="language-xxx">`. Não embutimos um destacador de sintaxe para manter o HTML pequeno e portável. Conecte highlight.js, Prism ou Shiki do lado receptor para colorir os blocos — todos leem a classe de linguagem nativamente.

Quão bem ele lida com documentos grandes?

A conversão é totalmente do lado cliente e roda em uma única passagem, então um documento típico do tamanho de um livro com 50 000 palavras renderiza em menos de um segundo num laptop moderno. O gargalo é a passagem de layout do navegador quando você cola uma saída extremamente longa num contenteditable. Para entradas enormes, prefira baixar o HTML em vez de deixar a página re-renderizar a prévia ao vivo.

Casos de uso comuns

Tarefas onde converter Markdown para HTML no navegador economiza tempo real.

Migrar um README para um CMS

Cole um README de projeto e copie o HTML diretamente num bloco do WordPress, Ghost ou Notion — sem precisar instalar pandoc.

Compor um e-mail HTML

Escreva o corpo em Markdown, converta e jogue o HTML num template de e-mail transacional. Mantenha a fonte em texto puro para facilitar edições.

Pré-visualizar uma PR antes de enviar

GitHub renderiza Markdown no servidor; isso te dá a mesma prévia localmente, então um typo num cabeçalho não surpreende o revisor.

Converter trechos de documentação

Pegue um pedaço de doc interna escrito em Markdown e cole o HTML num artigo de central de ajuda, resposta de suporte ou wiki que não fala Markdown.

Dicas e atalhos

Pequenos ajustes que tornam a saída mais útil.

Marque seus blocos de código

Sempre especifique a linguagem após os backticks de abertura (ex. ```ts). A saída recebe uma classe language-xxx que highlight.js ou Prism conseguem colorir sem configuração extra.

Sanitize antes de renderizar entrada não confiável

Se o Markdown vem de um usuário, passe o HTML por DOMPurify antes de renderizar — Markdown permite HTML cru, tags script incluídas.

Tabelas funcionam; layouts complexos não

Tabelas GFM convertem limpinho. Para layouts multi-coluna ou muito design, mergulhe direto em HTML dentro do Markdown ao invés de brigar com a sintaxe.

Mantenha alt text nas imagens

![](url) renderiza, mas o alt vazio prejudica SEO e acessibilidade. Cinco segundos pra escrever `![Uma curta descrição](url)` — seu eu futuro agradece.

Ferramentas relacionadas