Prévia de Markdown

O que é Markdown?

Markdown é uma linguagem de marcação leve criada por John Gruber em 2004 para escrever texto formatado usando só um teclado comum. **negrito**, # títulos, - listas — pequenas convenções que viram HTML limpo. É o formato padrão para arquivos README no GitHub, posts no Reddit e Stack Overflow, geradores de documentação e a maioria dos apps de notas. Esta prévia faz parse do que você escreve com a biblioteca marked e mostra o HTML renderizado ao lado da fonte, para você iterar rápido sem sair da página.

Como usar a prévia

Digite ou cole Markdown à esquerda. O painel da direita re-renderiza enquanto você digita. Ative Estilo GitHub para liberar extras como tabelas, listas de tarefas e tachado. Ative Quebrar a cada linha se quiser que cada quebra de linha vire um <br> (a maioria dos editores prefere o padrão, em que você precisa de uma linha em branco entre parágrafos). Clique em Copiar HTML para mandar o HTML renderizado para a área de transferência — cole em um CMS, e-mail ou em qualquer lugar que aceite HTML.

Referência rápida da sintaxe

Os tokens mais comuns do Markdown. A prévia aceita toda a especificação CommonMark, mais as extensões estilo GitHub quando o toggle GFM está ligado.

Markdown	Vira
`# Title`	Título de primeiro nível
`bold`	negrito
`italic`	itálico
`code`	`código inline`
`[text](url)`	Hiperlink
`- item`	Item de lista
`> quote`	Citação
`\| a \| b \|`	Linha de tabela (GFM)

Perguntas frequentes

Meu Markdown é enviado para algum lugar?

Não. O parse acontece inteiramente no seu navegador, usando a biblioteca marked carregada de uma CDN pública. Depois do carregamento inicial do script, nenhuma outra requisição é feita — digitar e renderizar são 100% offline. Abra DevTools > Network: nenhum tráfego ao editar. Seguro para rascunhos, docs internos e qualquer coisa que você não colaria em um editor hospedado.

O que o toggle GFM faz?

GitHub Flavored Markdown adiciona extensões à base CommonMark: tabelas, listas de tarefas (- [x] feito), tachado (~~texto~~), autolinks e regras um pouco diferentes para listas/parágrafos. Com o toggle ligado, você vê a renderização do GitHub; desligado, CommonMark estrito. A maioria das plataformas (GitHub, GitLab, Stack Overflow) usa GFM, então deixe ligado por padrão.

Por que uma única quebra de linha não cria nova linha?

Pela especificação Markdown, uma quebra de linha simples vira um espaço — parágrafos são separados por linhas em branco. É o mesmo comportamento de Word/Google Docs e o que o GitHub faz. Se quer que cada quebra renderize (por exemplo, poesia, listas de nomes, linhas de log), ative o toggle Quebrar a cada linha.

É seguro colar a saída no meu site?

Cuidado com Markdown não confiável. Markdown permite HTML embutido, então uma fonte maliciosa pode embutir uma tag <script> que executa quando você cola o HTML em um lugar que não sanitiza. Esta prévia é para inspeção — se você está canalizando Markdown enviado por usuários para o seu site, passe a saída por um sanitizador como DOMPurify no servidor antes de servir.

Dá para exportar para PDF ou Word?

Não diretamente aqui, mas o caminho é fácil: copie o HTML renderizado com o botão, cole em um editor de documentos (Google Docs, Pages, LibreOffice — todos preservam a formatação HTML na colagem) e exporte de lá. Para PDF, o jeito mais simples é imprimir o HTML renderizado — o diálogo de impressão do navegador tem um destino "Salvar como PDF".

Por que tem HTML aparecendo cru na minha saída?

Markdown propositalmente permite HTML inline — qualquer coisa entre < e > que pareça uma tag passa direto. Se você quer mostrar HTML em vez de renderizar, escape os sinais (< e >) ou envolva o trecho em código com cercas (três crases). O mesmo truque vale para qualquer pontuação literal do Markdown.

Prévia de Markdown