polyshPré-visualizador de Markdown
Veja o Markdown renderizado como página formatada enquanto digita e copie o HTML.
- Roda no seu navegador
- Sem uploads
- Sem conta
Carregando a ferramenta no navegador…
O que faz: Pré-visualizador de Markdown
Escrever um README, um rascunho para a central de ajuda ou notas de versão em Markdown é mais rápido quando você vê o resultado. Cole ou digite à esquerda e a página formatada aparece à direita, atualizada enquanto você edita, com a contagem de palavras e o tempo de leitura acima dela.
Use o pré-visualizador para conferir se uma tabela está alinhada, se uma lista aninhada recua onde você espera ou se uma lista de tarefas mostra as caixas antes de fazer commit ou publicar. Quando estiver certo, Copiar HTML entrega o código por trás da prévia; Markdown para HTML acrescenta a opção de documento completo.
Exemplo
Entrada
## Atualização semanal Lançamos as **legendas automáticas**. - [x] Legendas - [ ] Modo escuro
Copiar HTML gera
<h2 id="atualização-semanal">Atualização semanal</h2> <p>Lançamos as <strong>legendas automáticas</strong>.</p> <ul> <li class="task-list-item"><input type="checkbox" disabled="" checked=""> Legendas</li> <li class="task-list-item"><input type="checkbox" disabled=""> Modo escuro</li> </ul>
A prévia mostra uma caixa marcada e uma vazia. Na página, o título aparece um nível menor para ficar abaixo do título da ferramenta, mas o HTML copiado mantém o h2.
Como usar: Pré-visualizador de Markdown
- Cole o Markdown na área de texto, clique em Abrir arquivo para carregar um arquivo .md ou clique em Usar exemplo.
- Leia a prévia renderizada enquanto edita; ative Carregar imagens remotas na prévia em Mais opções se as imagens com link devem aparecer.
- Clique em Copiar HTML para levar o código, ou em Baixar .html para ter uma página independente.
Bom saber
- Ele cobre a sintaxe comum no estilo do GitHub, mas não todas as extensões: notas de rodapé, matemática, diagramas Mermaid e atalhos de emoji como
:tada:aparecem como texto puro. - Imagens com caminhos relativos, como
./img/step-1.png, não carregam porque não há uma pasta junto ao texto colado; elas aparecem como espaços reservados. - A contagem de palavras acima da prévia é uma estimativa rápida. Para uma contagem que ignora o código e as URLs dos links, use o Contador de palavras em Markdown.
Perguntas sobre Pré-visualizador de Markdown
Como pré-visualizo um arquivo Markdown sem instalar um editor?
Clique em Abrir arquivo e escolha o arquivo .md, ou cole o conteúdo dele. A página renderizada aparece ao lado do texto na hora e se atualiza enquanto você edita. Nada precisa ser instalado, e o arquivo fica no seu dispositivo.
Por que a minha tabela aparece como texto puro com barras verticais?
Uma tabela Markdown precisa de uma linha de cabeçalho seguida logo por uma linha divisória de hífens, como | --- | --- |. Se a divisória faltar ou estiver separada por uma linha em branco, as linhas são renderizadas como um parágrafo comum.
Por que uma quebra de linha simples não começa uma nova linha?
No Markdown, uma quebra de linha simples dentro de um parágrafo é lida como espaço. Termine a linha com dois espaços ou uma barra invertida para forçar a quebra, ou deixe uma linha em branco para começar um novo parágrafo.
Como faço uma lista de tarefas em Markdown?
Comece um item de lista com - [ ] para uma tarefa aberta ou - [x] para uma concluída. O pré-visualizador desenha uma caixa de seleção para cada uma. Para transformar uma lista simples em tarefas, cole-a no Gerador de checklist em Markdown.