Visualização ao vivo instantânea
A visualização é atualizada enquanto você digita e rola junto com o editor, então você sempre vê o trecho em que está trabalhando.
Escreva Markdown.
Veja na hora.
Um editor de Markdown rápido, com visualização ao vivo, abas, fórmulas, diagramas e exportação com um clique. Funciona direto no navegador — use online ou coloque no seu próprio site em um minuto.
Markdown PreviewOlá, Markdown 👋
Digite à esquerda — a visualização à direita é atualizada na hora.
- Visualização ao vivo com rolagem sincronizada
- Tabelas, listas de tarefas e avisos
- Código com
realce de sintaxe
Dica
Selecione um trecho e clique em B ou I na barra de ferramentas.
Esta é uma miniversão funcional do editor — clique nela, troque de aba e de modo de exibição, use os botões da barra de ferramentas.
- GitHub-Flavored Markdown
- Fórmulas com KaTeX
- Diagramas Mermaid
- Realce de sintaxe
- Exportação HTML e PDF
- Pronto para celular
Recursos
Tudo o que você precisa para escrever Markdown — e nada além disso
Um editor limpo à esquerda, uma visualização no estilo do GitHub à direita e, entre eles, as ferramentas que você realmente usa.
Uma aba para cada documento
Abra vários arquivos ao mesmo tempo. Cada aba tem seu próprio histórico de desfazer, e links entre arquivos .md abertos trocam de aba.
Arraste e solte de tudo
Solte vários arquivos, uma pasta inteira ou um documento com suas imagens — os caminhos relativos simplesmente funcionam.
Um editor confortável
O essencial fica sempre visível e à mão. Os recursos avançados — notas de rodapé, alertas, fórmulas, diagramas, sumário — ficam recolhidos em uma linha separada para usuários avançados.
Fórmulas e diagramas
Escreva fórmulas LaTeX com KaTeX e desenhe fluxogramas, diagramas de sequência e gráficos de Gantt com Mermaid.
Exporte HTML, PDF e .md
Um arquivo HTML independente, um PDF pela janela de impressão ou o código Markdown limpo — cada um com um clique.
Claro, escuro e no celular
Confortável de dia e à noite, num monitor grande ou no celular. Sua escolha fica salva.
15 idiomas de interface
Português, English, Deutsch, Español, Français, 日本語, 简体中文 e mais. Detectado pelo navegador e alterável nas configurações.
Seus arquivos continuam seus
Tudo acontece no navegador. Sem conta, sem uploads, sem análises — só um editor.
Além do texto simples
De anotações rápidas a documentação técnica
Escolha um exemplo para ver o código Markdown e o que a visualização mostra.
Markdown
A fórmula de Bhaskara resolve $ax^2 + bx + c = 0$:
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$Visualização
A fórmula de Bhaskara resolve :
Sintaxe LaTeX, renderizada com KaTeX. Só é carregado quando o documento contém uma fórmula.
Markdown
```mermaid
flowchart LR
A[Escrever] --> B[Visualizar]
B --> C{Pronto?}
C -- sim --> D[Exportar]
C -- não --> A
```Visualização
Fluxogramas, diagramas de sequência, gráficos de Gantt, diagramas de estado e mais — desenhados com Mermaid.
Markdown
```js
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}
```Visualização
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}Realce de sintaxe para mais de 35 das linguagens mais populares, nos temas claro e escuro.
Markdown
> [!NOTE] > Informação útil. > [!TIP] > Um atalho prático. > [!WARNING] > Leia isto antes de continuar.
Visualização
Nota
Informação útil.
Dica
Um atalho prático.
Atenção
Leia isto antes de continuar.
Avisos no estilo do GitHub: NOTE, TIP, IMPORTANT, WARNING e CAUTION.
Markdown
| Recurso | Status | |:--------|:------:| | Visualização | ✅ | | Exportação | ✅ | - [x] Escrever o rascunho - [ ] Publicar
Visualização
| Recurso | Status |
|---|---|
| Visualização | ✅ |
| Exportação | ✅ |
- Escrever o rascunho
- Publicar
Tabelas alinhadas e listas de tarefas do GitHub-Flavored Markdown.
Markdown
O Markdown foi criado em 2004.[^1] [^1]: Por John Gruber, com Aaron Swartz.
Visualização
O Markdown foi criado em 2004.1
- Por John Gruber, com Aaron Swartz.
Notas de rodapé, destaque, subscrito, sobrescrito, códigos de emoji e front matter também são suportados.
O editor de verdade
Fica bem em qualquer tela
Modo dividido com abas no computador, um layout compacto para usar com uma mão no celular. Claro ou escuro — você escolhe.
Computador: abas, barra de formatação e modo dividido sincronizado.
Celular: um toque para trocar de modo.
Simples por natureza
Seus arquivos nunca saem do seu computador
Não há servidor fazendo o trabalho. O editor é um conjunto de arquivos estáticos, e tudo — abrir, renderizar, exportar — acontece dentro da aba do seu navegador.
- Sem conta. Abra a página e comece a escrever.
- Sem uploads. Os arquivos soltos são lidos localmente.
- Sem rastreamento. Sem análises, sem cookies, sem anúncios.
- Você decide o que carrega. Imagens e links externos ficam desativados até você permitir.
Seu arquivo .mdDo seu disco, de uma pasta ou da área de transferência
Renderizado no navegadorMarkdown, fórmulas e diagramas no seu dispositivo
Salvo onde você quiser.md, HTML ou PDF — direto no seu computador
Auto-hospedagem
Seu próprio editor em três passos
Baixe
Pegue o arquivo do site pronto na versão mais recente — um zip ou tar.gz com arquivos estáticos.
Envie
Extraia na pasta do seu domínio ou subdomínio pelo gerenciador de arquivos da hospedagem ou por FTP. O .htaccess incluído configura HTTPS e cache.
Escreva
Abra o seu domínio. Pronto — um editor para você e sua equipe, no seu próprio endereço.
Perguntas frequentes
Perguntas frequentes
O Markdown Preview Editor é gratuito?
Sim. É gratuito e de código aberto sob a licença MIT. Não há planos pagos, anúncios nem cadastro. Você pode usar a versão online ou hospedar a sua própria cópia.
Preciso instalar alguma coisa?
Não. Funciona em qualquer navegador moderno — abra a versão online e comece a digitar. Se quiser sua própria cópia, baixe o arquivo do site pronto e envie para qualquer hospedagem; não é preciso banco de dados nem código no servidor.
Meus documentos são enviados para algum lugar?
Não. Os arquivos são abertos e renderizados direto no seu navegador. Os documentos ficam no seu dispositivo e são mantidos apenas na aba aberta, a menos que você ative “Lembrar documentos neste navegador” nas configurações.
Qual sintaxe Markdown é suportada?
GitHub-Flavored Markdown: tabelas, listas de tarefas, tachado, links automáticos, notas de rodapé e avisos. Além disso: realce de sintaxe, fórmulas KaTeX, diagramas Mermaid, códigos de emoji, destaque, subscrito, sobrescrito e front matter.
Posso exportar para PDF ou HTML?
Sim. Exporte um arquivo HTML independente com estilos e imagens locais incorporados, imprima ou salve como PDF pelo navegador, ou salve o código Markdown como arquivo .md.
Funciona em celulares e tablets?
Sim. O layout se adapta a telas pequenas: alterne entre editor, dividido e visualização com um toque e abra a barra de formatação só quando precisar.
Do blog
Guias para escrever Markdown melhor
Guias práticos, com exemplos prontos para copiar — do básico a fórmulas, diagramas e auto-hospedagem.
Guia
Guia rápido de Markdown: sintaxe do GitHub-Flavored Markdown com exemplos
Guia rápido de Markdown com títulos, listas, links, imagens, código, tabelas, listas de tarefas, avisos e notas de rodapé — exemplos GFM prontos para copiar.
Passo a passoComo visualizar Markdown online sem enviar seus arquivos
As formas mais fáceis de visualizar Markdown online lado a lado e ao vivo, os recursos que importam e como abrir arquivos e pastas direto do seu computador.
TutorialComo escrever fórmulas matemáticas em Markdown (LaTeX e KaTeX)
Escreva fórmulas em Markdown com LaTeX: frações, raízes, somatórios, matrizes, equações alinhadas e erros comuns — com exemplos para GitHub e KaTeX.
TutorialDiagramas Mermaid em Markdown: fluxogramas, diagramas de sequência e mais
Desenhe fluxogramas, diagramas de sequência, Gantt, de estado e de pizza direto no Markdown com Mermaid. Exemplos prontos e dicas para diagramas legíveis.
Passo a passoComo converter Markdown em HTML e PDF: 4 formas fáceis
Quatro formas práticas de converter Markdown para PDF ou HTML — da exportação no navegador ao Pandoc e VS Code — e dicas de quebras de página e imagens.
Auto-hospedagemComo hospedar um editor de Markdown em hospedagem compartilhada, Docker ou nginx
Hospede seu próprio editor de Markdown com visualização ao vivo em minutos. Passo a passo para hospedagem compartilhada (cPanel), Docker, nginx e Caddy.
Gostou? Deixe uma estrela.
O Markdown Preview Editor é feito nas horas vagas e compartilhado de graça. Uma estrela no GitHub ajuda outras pessoas a encontrá-lo — e nos incentiva a continuar.