Exemplo prático
Pré-visualize títulos, tabelas, código com fences, listas aninhadas e links juntos, porque os dialetos de Markdown divergem principalmente nessas construções.
Preview de Markdown
Opções
Personagens
Palavras
Linhas
O que é uma ferramenta de visualização de Markdown?
Uma ferramenta de visualização do Markdown permite escrever Markdown e ver imediatamente como ficará quando renderizado como HTML.
É útil para notas, documentação, arquivos README, rascunhos de blogs, comentários e qualquer conteúdo que use formatação Markdown.
Como usar a ferramenta Markdown Preview
- Cole ou digite Markdown no campo de entrada.
- Ative a renderização automática se desejar uma visualização ao vivo enquanto digita.
- Revise a visualização renderizada e a saída HTML opcional.
- Copie o HTML gerado ou o Markdown original, se necessário.
Dicas
- Use títulos, listas, links, citações e blocos de código para estruturar seu conteúdo.
- Fuja do HTML bruto se desejar um comportamento de visualização mais seguro.
- Copie a saída HTML quando precisar de marcação renderizada para outro sistema.
- A visualização do Markdown é útil para arquivos README e rascunhos de conteúdo.
Verificações de Markdown antes de publicar conteúdo renderizado
Revise aparência e estrutura gerada porque dialetos, sanitizadores e plataformas processam os recursos de formas diferentes.
Estrutura de títulos
Use um título claro e uma hierarquia lógica para que navegação, acessibilidade e sumários funcionem.
Links e mídia
Verifique caminhos relativos, anchors, texto alternativo, destinos externos e recursos que possam exigir autenticação.
Compatibilidade do dialeto
Teste tabelas, listas de tarefas, notas, blocos de código e HTML inline na plataforma exata de publicação.
HTML não confiável
Sanitize Markdown de usuários e restrinja HTML, scripts, URLs inseguras e conteúdo remoto em produção.
Um exemplo prático, um caso limite e uma nota do autor
Caso limite
HTML bruto e links javascript: podem virar um risco de XSS quando o renderizador de produção permite marcação insegura.
Nota do autor
Comparo a pré-visualização com o renderizador exato da plataforma de destino antes de publicar documentação.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.
Codificador/Decodificador de Entidade HTML
Codifique e decodifique entidades HTML instantaneamente em seu navegador.
Codificação e Segurança
›
Gerador Lorem Ipsum
Gere texto de espaço reservado para layouts de design, UI e conteúdo.
Texto e Conteúdo
›
Gerador de Lesmas
Converta texto em um slug limpo e compatível com URL.
Texto e Conteúdo
›
Preview de Meta Tags / Open Graph
Visualize snippets do Google e do Open Graph e gere meta tags.
SEO e Webmaster
›
Perguntas frequentes sobre visualização de Markdown
Posso visualizar o Markdown ao vivo?
Sim. Ative a renderização automática para visualizar o Markdown enquanto digita.
Posso copiar o HTML gerado?
Sim. A ferramenta inclui um botão Copiar HTML.
Suporta títulos, listas, links, tabelas, listas de verificação e blocos de código?
Sim. Ele suporta formatação Markdown comum, como títulos, listas ordenadas e não ordenadas, listas de verificação, citações em bloco, links, tabelas, código embutido, regras horizontais e blocos de código protegidos.
Meu Markdown está armazenado?
Não. O Markdown é renderizado em HTML dentro da página — notas e documentos não publicados ficam no seu dispositivo.