Visualizador de Markdown — Editor ao Vivo e Markdown para HTML

O que faz

O Visualizador de Markdown é um editor de Markdown ao vivo. Digite à esquerda e veja o resultado renderizado à direita enquanto escreve: títulos, listas, links, imagens, tabelas, blocos de código e citações. É prático para rascunhar um README, notas de versão, um post de blog ou documentação antes de fazer o commit, e para conferir como vai ficar uma tabela complicada ou uma lista aninhada.

Mude a visualização para HTML para ver a marcação gerada e depois copie-a ou baixe uma página HTML completa com estilo básico.

Como usar

Digite ou cole Markdown na entrada, solte um arquivo .md sobre ela ou clique em Exemplo.
A pré-visualização é atualizada enquanto você digita. A linha acima dela mostra a contagem de palavras, títulos e links.
Escolha Pré-visualização para ver a página renderizada ou HTML para ver a marcação.
Use Copiar HTML para colar o resultado em um CMS ou e-mail, ou Baixar HTML para ter um arquivo independente.

Guia rápido de Markdown

Você digita	Você obtém
`# Title`	Um título de nível 1 (`##` para o nível 2, até `######`)
`bold` e `_italic_`	negrito e itálico
`[text](https://example.com)`	Um link
`![alt](image.png)`	Uma imagem
`- item` ou `1. item`	Listas com marcadores ou numeradas
`- [ ] todo`	Uma caixa de seleção de lista de tarefas (GFM)
`code`	Código inline
```js em uma linha própria	Um bloco de código cercado com linguagem
`> quote`	Uma citação em bloco
`---`	Uma linha horizontal

Tabelas usam barras verticais e uma linha separadora: | a | b | seguido de | --- | --- |. Tabelas são uma extensão do GitHub Flavored Markdown, não fazem parte do CommonMark, por isso só são renderizadas enquanto GitHub Flavored Markdown estiver ativado; com ele desativado, aparecem como texto simples com barras verticais.

Exemplo

## Highlights

- [x] Tables and task lists
- ~~Old API~~ removed

é renderizado como um título de segundo nível seguido de um item de tarefa marcado e uma linha tachada.

Perguntas frequentes

› Qual sintaxe de Markdown é suportada?

CommonMark mais GitHub Flavored Markdown: tabelas, listas de tarefas, tachado, blocos de código cercados e links automáticos. Desative o GFM para ver como um renderizador CommonMark estrito exibiria o seu texto.

› É seguro colar Markdown que contém HTML?

Sim. O Markdown permite HTML bruto, então a pré-visualização é exibida em um frame isolado (sandbox) onde scripts não podem rodar. O HTML que você copia não é sanitizado, então limpe-o antes de publicar conteúdo não confiável no seu próprio site.

› Por que uma única quebra de linha não começa uma nova linha?

No Markdown padrão, uma única quebra de linha é tratada como espaço, e uma linha em branco começa um novo parágrafo. Ative "Quebras de linha viram <br>" para renderizar cada quebra de linha como uma quebra real, como o GitHub faz nos comentários.

› Meu texto fica salvo?

Sua última entrada fica guardada no armazenamento local deste navegador, para sobreviver a um recarregamento da página. Ela nunca é enviada; você pode apagá-la com o botão Limpar.