Como usar: Markdown para HTML
- Digite, cole ou abra um arquivo
.mdno painel Markdown — ou clique em Exemplo para ver todos os elementos suportados. - Confira o resultado renderizado em Preview e depois troque para HTML para ver o código gerado.
- Ative ou desative opções como Markdown no estilo GitHub, quebras de linha, IDs de títulos ou um documento HTML completo.
- Clique em Copiar HTML para colar no seu CMS ou template, ou em Baixar para salvar um arquivo
.html.
O que é um conversor de Markdown para HTML?
Markdown é uma sintaxe de formatação leve, em texto simples: # para títulos, **negrito**, - para listas e crases para código. Os navegadores não exibem isso diretamente, então é preciso convertê-lo para HTML primeiro. Este conversor faz isso no seu navegador usando o analisador marked e mostra o resultado lado a lado, o que é útil para arquivos README, documentação, posts de blog escritos em Markdown e conteúdos que você precisa colar em um CMS que aceita apenas HTML.
Sintaxe suportada
| Markdown | Saída HTML |
|---|---|
## Setup | <h2 id="setup">Setup</h2> |
**bold**, _italic_ | <strong>, <em> |
[link](/docs) | <a href="/docs">link</a> |
- [x] Done (GFM) | <li><input type="checkbox" checked disabled> Done</li> |
~~old~~ (GFM) | <del>old</del> |
| ```js (bloco cercado) | <pre><code class="language-js"> |
O Markdown no estilo GitHub (GFM) adiciona tabelas com barras verticais e alinhamento de colunas (|:---|:---:|---:|), listas de tarefas, texto tachado e links automáticos para URLs soltas. Os blocos de código cercados mantêm a linguagem como classe language-*, que destacadores de sintaxe como Prism ou highlight.js reconhecem.
O HTML gerado é seguro?
O Markdown permite HTML bruto, então um documento pode conter tags <script>, atributos onerror= ou links javascript:. A pré-visualização é sempre limpa com DOMPurify antes de ser exibida, e por padrão a saída HTML passa pelo mesmo processo. Se você converte Markdown enviado por usuários no seu próprio site, sanitize também no servidor — a limpeza no lado do cliente protege apenas esta página.
Opções explicadas
- Quebras de linha viram <br> — o Markdown padrão junta as linhas dentro de um parágrafo; já os comentários do GitHub tratam cada quebra de linha como uma quebra real. Ative esta opção para imitar o comportamento dos comentários.
- IDs de títulos — adiciona atributos
idno estilo do GitHub (minúsculas, com hífens, sem duplicatas, usando-1,-2) para que você possa criar links para#instalacaoou montar um sumário. - Documento HTML completo — envolve a saída em
<!doctype html>,<head>e<body>, usando o primeiro título como<title>.
Dicas
Deixe uma linha em branco antes de listas, tabelas e blocos de código cercados — muitos problemas de “por que isso não está renderizando?” vêm da falta dessa linha. Precisa fazer o caminho inverso? Use o conversor de HTML para Markdown e organize o resultado com o Formatador de HTML.
Também pesquisado como: converter markdown para html, md para html, conversor markdown, preview markdown, editor markdown, gfm, markdown online, converter md.
Ferramentas que combinam com: Markdown para HTML
- Markdown para Rich Text do Webflow — Cole o Markdown, confira a prévia e copie como rich text formatado — títulos, listas, links e negrito chegam corretos no elemento Rich Text do Webflow.
- Codificador de Entidades HTML — Escape < > & " para que o texto possa ser exibido com segurança no HTML, converta acentos e símbolos em entidades nomeadas ou numéricas, ou decodifique HTML cheio de entidades de volta para texto simples.
- Contador de palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.
- Verificador de Diferenças — Cole uma versão original e uma versão alterada para ver lado a lado as linhas adicionadas, removidas e modificadas — com as palavras exatas que mudaram destacadas dentro de cada linha.
Perguntas frequentes
Posso colar Markdown no Webflow?
Meu Markdown é enviado para algum lugar?
Ele suporta Markdown no estilo GitHub?
- [ ] / - [x]), texto tachado com ~~ e URLs com links automáticos, seguindo a especificação GFM usada no GitHub.Por que minha quebra de linha desaparece?
<br>, ou ative a opção “Quebras de linha viram <br>”.Posso usar HTML bruto dentro do Markdown?
<details>, <kbd> ou <sup> são mantidas; scripts, manipuladores de eventos e URLs javascript: são removidos, a menos que você desative a sanitização da saída.Ele adiciona destaque de sintaxe aos blocos de código?
<pre><code class="language-xyz"> para blocos cercados com linguagem definida, que é o padrão esperado pelo highlight.js e pelo Prism. Adicione uma dessas bibliotecas à sua página para colorir o código.