O que é Visualizador de Markdown?
Markdown é a sintaxe de marcação leve por trás de READMEs, posts de blog, mensagens de chat, documentação e muito mais.
Este visualizador renderiza seu Markdown em tempo real enquanto você digita.
Quando Usar Esta Calculadora
- Você está escrevendo um README do GitHub ou GitLab e quer verificar a formatação antes de commitar
- Você está rascunhando um post Markdown para uma plataforma de blog, documentação ou wiki
- Você está testando um email ou mensagem de chat Markdown antes de enviar
- Você está aprendendo sintaxe Markdown experimentando com diferentes formatações
- Você está convertendo um pequeno snippet Markdown para HTML para CMS ou templates de email
- Você está depurando um documento Markdown onde alguma formatação não está sendo renderizada como esperado
Passos:
- Digite ou cole seu Markdown no painel esquerdo.
- Veja a pré-visualização HTML atualizada instantaneamente no lado direito.
- Ajuste sua sintaxe até que a pré-visualização fique como você espera.
- Copie sua fonte Markdown terminada quando estiver satisfeito com o resultado.
Fórmula
# Título →
Título
**negrito** → negrito *itálico* → itálico `código` →código
[texto](url) → texto
- item → - item
Casos de uso
- Pré-visualizar READMEs do GitHub ou GitLab antes de commitar
- Rascunhar mensagens formatadas para Slack, Discord ou outros apps de chat compatíveis com Markdown
- Testar posts de blog ou documentação antes de publicar
- Aprender sintaxe Markdown experimentando com feedback instantâneo
- Converter rapidamente um pequeno snippet Markdown para HTML para CMS ou templates de email
Benefícios Principais
- Veja sua fonte Markdown e a saída renderizada instantaneamente lado a lado
- Detecte erros de sintaxe antes de publicar qualquer coisa
- Totalmente offline no seu navegador — nada é enviado
- Gratuito, sem conta, sem limite de tamanho de arquivo para uso geral
Dicas Profissionais
- Adicione uma linha em branco antes e depois de listas e blocos de código
- Use duplos asteriscos para negrito e asteriscos simples (ou sublinhados) para itálico
- Pré-visualize aqui primeiro, depois verifique a plataforma de destino
- Mantenha os cabeçalhos hierárquicos (não pule de # a ###)
Erros Comuns a Evitar
- Esquecer a linha em branco requerida entre um parágrafo e uma lista
- Esquecer o espaço após o # nos cabeçalhos
- Não fechar um fence de código (```)
- Usar asteriscos simples em vez de duplos para negrito
Termos Chave Explicados
- CommonMark: Uma especificação padronizada da sintaxe Markdown, projetada para reduzir inconsistências
- GFM: GitHub-Flavored Markdown, um dialeto estendido com suporte a tabelas e listas de tarefas
- Cerca de código: Um bloco delimitado por três crases (```) usado para formatar código de múltiplas linhas
- Formatação inline: Formatação dentro de uma única linha, como *itálico* ou `código`
Conceitos relacionados
- Formatador JSON:
- Testador de regex:
- Gerador de senha:
- Conversor de cores:
- Codificador/decodificador URL:
Exemplo
\"## Olá\
\
Isto é **negrito** e isto é *itálico*.\" é renderizado como um cabeçalho de nível 2.
Interpretação dos seus resultados
O painel esquerdo mostra sua fonte Markdown bruta, enquanto o painel direito a renderiza como HTML formatado em tempo real.
Problemas de exibição geralmente vêm do espaçamento.
A pré-visualização é uma boa aproximação de como seu Markdown ficará na maioria das plataformas.