Como usar: Conversor Markdown para HTML
- Escreva seu texto com a sintaxe Markdown no campo da esquerda ou cole o conteúdo de um arquivo README.md.
- Na Pré-visualização, à direita, veja como o texto vai aparecer; na aba Código HTML, confira as tags geradas.
- Use Copiar HTML para colar no editor HTML do seu blog ou num modelo de e-mail, ou clique em Salvar como arquivo .html para abrir o resultado no navegador.
- O que você está escrevendo é salvo automaticamente neste navegador e continua lá quando você voltar.
Resumo da sintaxe Markdown (o que mais se usa)
| Elemento | Markdown | Resultado em HTML |
|---|---|---|
| Títulos | # Título 1, ## Título 2 | <h1>, <h2> |
| Negrito / itálico | **negrito**, *itálico* | <strong>, <em> |
| Tachado | ~~tachado~~ | <del> |
| Link | [Tooljip](https://tooljip.com) | <a href> |
| Imagem |  | <img> |
| Listas | - item, 1. item | <ul>, <ol> |
| Checklist | - [x] concluído | Lista com caixas de seleção |
| Citação | > texto citado | <blockquote> |
| Código inline | `code` | <code> |
| Bloco de código | ```js … ``` | <pre><code> |
| Tabela | | Nome | Valor ||---|---| | <table> |
| Linha divisória | --- | <hr> |
Como o Markdown vira HTML: regras e cuidados
O Markdown marca a estrutura do documento com símbolos de texto fáceis de ler, e o conversor transforma esses símbolos em tags HTML. O Tooljip usa as regras do estilo GitHub (GFM) da conhecida biblioteca marked, por isso o resultado fica praticamente igual ao de um README no GitHub.
- Quebras de linha: um único Enter continua o mesmo parágrafo. Para começar um parágrafo novo, deixe uma linha em branco.
- Recuo de listas: recue as sublistas com 2 a 4 espaços.
- Caracteres especiais: para mostrar
*ou#literalmente, coloque uma barra invertida antes (\*). - HTML direto: você pode misturar tags HTML no Markdown, e elas são mantidas como estão no código gerado.
A pré-visualização fica isolada e segura
Mesmo que um Markdown copiado de outro lugar traga código como <script>, a pré-visualização do Tooljip é exibida numa área isolada (sandbox iframe) que não executa scripts. Ou seja, apenas visualizar o resultado não afeta o seu navegador.
A situação muda se você publicar o HTML gerado no seu próprio site. Se for usar Markdown vindo de terceiros num fórum ou serviço, passe sempre o conteúdo por uma etapa de sanitização no servidor, que mantém apenas as tags permitidas.
Use para escrever posts de blog e READMEs
READMEs do GitHub, notas no Notion ou no Obsidian e muitos blogs técnicos usam Markdown. Por outro lado, alguns serviços de blog e editores de newsletter por e-mail só aceitam HTML. Escreva o rascunho rapidamente em Markdown, gere o HTML com esta ferramenta e cole onde precisar: você economiza bastante tempo de formatação. Quer saber o tamanho do texto? Confira no contador de caracteres.