Preview de Markdown ao vivo

Cole ou digite Markdown e veja-o ser renderizado conforme você escreve. A prévia segue o cursor linha por linha, corresponde à saída do GitHub e acrescenta o que o GitHub deixa de fora — diagramas, fórmulas e alertas.

Abrir a prévia ao vivo

Grátis · sem cadastro · roda no seu navegador, nada é enviado

Markdown Viewer em layout dividido: código Markdown à esquerda, prévia renderizada no estilo GitHub à direita — Layout dividido — o código e a prévia renderizada lado a lado, rolando em sincronia linha por linha.

Confira seu Markdown antes de publicar

Markdown é fácil de escrever e fácil de errar um pouquinho: uma linha em branco faltando transforma uma lista em parágrafo, um espaço a mais quebra uma tabela, quatro espaços viram um bloco de código. Uma prévia ao vivo mostra o resultado imediatamente, então você corrige a formatação enquanto escreve, não depois de um commit. O renderizador segue o GitHub-Flavored Markdown, então o que você vê aqui é como um README, uma página de wiki ou a descrição de um pull request vai ficar.

Rolagem sincronizada linha a linha

A maioria dos visualizadores rola os dois painéis por porcentagem, o que desalinha assim que um documento tem uma tabela ou imagem grande. Esta prévia mapeia cada bloco de volta à sua linha de origem, então o parágrafo renderizado fica ao lado da linha que você está editando — nas duas direções. Clique em um título na estrutura e os dois painéis pulam juntos.

Além do Markdown básico

A prévia renderiza código cercado com realce para mais de 50 linguagens, diagramas ```mermaid, fórmulas KaTeX $…$ e $$…$$, alertas do GitHub (> [!WARNING]), listas de tarefas, notas de rodapé, códigos de emoji, front matter e HTML inline sanitizado como <details>. Alterne entre 16 temas para ver como o documento fica no claro e no escuro, e escolha texto sem serifa, com serifa ou monoespaçado. Os diagramas têm guia próprio: a página do editor Mermaid online lista todos os tipos de diagrama que são renderizados.

Veja em ação

Fórmula KaTeX em modo de exibição e um fluxograma Mermaid renderizados dentro da prévia — Fórmulas KaTeX e fluxogramas Mermaid são renderizados direto no documento.

Alertas Note, Important, Warning e Caution no estilo GitHub, uma citação e uma seção details recolhível no tema GitHub Dark — Alertas no estilo GitHub, citações e seções <details> recolhíveis, em GitHub Dark.

Blocos de código TypeScript, Python, Bash e diff com realce de sintaxe, rótulos de linguagem e botões de copiar — Os blocos de código ganham rótulo de linguagem, realce de sintaxe para mais de 50 linguagens e botão de copiar — este é o tema One Dark.

O seletor de temas mostrando 16 temas claros e escuros com amostras de cor — Dezesseis temas, cada um com sua própria paleta de sintaxe — ou siga a configuração claro/escuro do sistema.

Como funciona

1
Cole ou digite Markdown no painel esquerdo, ou solte um arquivo .md.
2
O painel direito renderiza ao vivo; role qualquer um dos lados e o outro acompanha.
3
Copie o HTML renderizado, exporte a página ou baixe o Markdown quando estiver do seu jeito.

O que você recebe

Renderização instantânea

Atualiza em poucos milissegundos, mesmo em documentos longos.

Fiel ao GitHub

As mesmas regras de sintaxe dos READMEs, issues e wikis do GitHub.

Sincronia por linha

Prévia e código ficam alinhados; desative se preferir.

Diagramas e fórmulas

Mermaid e KaTeX são renderizados direto na prévia.

Temas e tipografia

16 temas, três famílias de fontes, tamanho e largura ajustáveis.

Sem envio

A renderização acontece no seu navegador; seu texto fica no seu dispositivo.

Perguntas frequentes

A prévia é igual à do GitHub?

Ela segue o GitHub-Flavored Markdown para títulos, listas, tabelas, listas de tarefas, tachado, links automáticos e alertas. Mermaid, fórmulas e notas de rodapé também são renderizados, coisas que o GitHub só suporta em parte.

Posso visualizar um arquivo de uma URL?

Sim — Abrir → De uma URL aceita qualquer URL de Markdown raw, e links blob ou Gist do GitHub são convertidos para raw automaticamente.

Posso só visualizar, sem o editor?

Sim. Escolha o layout Prévia para uma leitura em largura total com a barra lateral de estrutura.

Ele renderiza HTML dentro do Markdown?

Sim, HTML inline comum como <details>, <kbd>, <img> e <br> é renderizado; scripts, estilos e manipuladores de eventos são removidos por segurança.

Como pego o HTML renderizado?

Exportar → Copiar como HTML coloca a marcação renderizada na área de transferência; Baixar .html salva uma página completa com o tema atual.

Ferramentas relacionadas

Pronto quando você estiver

Cole Markdown, solte um arquivo ou abra uma URL — a prévia aparece na hora e tudo fica no seu dispositivo.

Abrir o Markdown Viewer