Converter Markdown para HTML
Escreva em Markdown e cole o HTML onde quiser. A conversão é local, então o seu rascunho fica no seu aparelho.
Cole ou digite acima para ver o resultado aqui.
Seus arquivos ficam no seu dispositivo
Esta ferramenta roda inteiramente no seu navegador. O que você cola é processado no seu dispositivo e nunca é enviado a um servidor, então é seguro usar com tokens, chaves e textos não publicados.
Exemplo
Receita de bolo de fubá escrita em Markdown e colada como HTML no WordPress
Uma blogueira de receitas escreve no celular em Markdown, que é mais rápido, e publica no WordPress. O texto tem um título com ##, uma frase com negrito e itálico, os ingredientes em lista com -, o modo de preparo numerado, uma tabela de tempos de forno, uma dica com > e um link para outra receita: 521 caracteres.
- Cole o texto e o resultado aparece na hora. Sai um fragmento de 775 caracteres, sem cabeçalho de página e sem estilo.
- Acentos, o ç e o ° de 180 °C passam como estão, sem códigos no lugar das letras.
- No WordPress, cole num bloco «HTML personalizado», ou na aba Texto do editor clássico, e veja a prévia: o post herda as fontes e as cores do tema.
| No Markdown | Vira no HTML |
|---|---|
| ## Bolo de fubá da vó Nair | título h2 |
| **uma forma de 24 cm** | strong (negrito) |
| _40 minutos_ | em (itálico) |
| - 3 ovos | lista ul, um li por ingrediente |
| 1. Bata os ovos… | lista numerada ol |
| | Forma | Tempo | | table, com thead e tbody |
| > Dica: sirva com café coado na hora. | blockquote com um parágrafo |
| [a receita de pão de queijo](https://exemplo.com.br/pao-de-queijo) | link a, com o endereço no href |
O HTML sai pronto para copiar com o botão ou para baixar como .html. Como não leva estilo, a tabela de tempos aparece com o visual que o tema do blog dá às tabelas, e o link abre a outra receita.
Como funciona
- Cole ou digite Markdown na caixa de entrada. São aceitos títulos, listas, links, imagens, blocos de código, citações, tabelas e ênfases.
- O resultado aparece enquanto você digita. A saída é um fragmento de HTML, sem as tags <html> ou <body>, pronto para colar em uma página ou no editor do CMS.
- Copie o HTML com o botão de copiar, ou baixe como arquivo .html.
- Cole na visualização de HTML do WordPress, do Ghost, de uma ferramenta de newsletter ou do seu próprio modelo.
Perguntas frequentes
- Qual sintaxe de Markdown é aceita?
- CommonMark mais as extensões mais comuns: blocos de código cercados com classe de linguagem, tabelas, texto riscado e listas de tarefas. HTML puro dentro do Markdown fica quando é marcação comum (div, span, details, img, tabelas); scripts, estilos, iframes, formulários, atributos de evento como onclick, com ou sem aspas, e links javascript: são retirados.
- O HTML é seguro para colar no meu site?
- Sim: a saída passa por uma lista de tags e atributos permitidos. Saem scripts, iframes, formulários, atributos de evento (onclick, onerror…) com aspas duplas, simples ou sem aspas, e links javascript:, vbscript: e data: — só imagens PNG, JPEG, GIF ou WebP embutidas ficam. Mesmo assim, revise Markdown de origem desconhecida antes de publicar.
- A saída inclui CSS ou uma página completa?
- Não. Você recebe um fragmento simples com tags semânticas (h1, p, ul, pre, code, table) e sem estilo, então ele herda a aparência do lugar onde for colado. Envolva no seu próprio modelo se precisar de uma página independente.
- Uma quebra de linha vira quebra no HTML?
- Não: dentro de um parágrafo, uma quebra simples vira um espaço, como manda o CommonMark, e só uma linha em branco começa um parágrafo novo. Para forçar a quebra no meio do parágrafo, termine a linha com dois espaços ou com uma barra invertida.
- Os acentos saem certos?
- Saem como estão: «fubá», «ç» e «°» vão para o HTML como letras, não como códigos, e aparecem certos em qualquer página em UTF-8, que é o padrão do WordPress e dos CMS atuais.
- Meu texto é enviado para algum lugar?
- Não. O Markdown é interpretado e renderizado por JavaScript dentro da própria página. Nada é enviado para servidor nenhum e funciona offline.
- Quais são os limites do plano gratuito?
- O plano gratuito permite 5 operações por dia. O Pro remove esse limite.