Visualizador de Markdown

Digite Markdown de um lado e veja-o renderizado ao vivo do outro — títulos, negrito, itálico, listas, blocos de código e links, tudo pré-visualizado instantaneamente no seu navegador.

Esta ferramenta te ajudou?

O que é Visualizador de Markdown?

Markdown é a sintaxe de formatação leve por trás de READMEs, posts de blog, mensagens de chat, documentação e inúmeros outros lugares onde você quer formatação simples e legível sem escrever HTML puro. Como o Markdown é texto simples, é fácil escrevê-lo em qualquer lugar — mas também é fácil errar levemente a sintaxe e não perceber até já ter publicado. Este visualizador renderiza seu Markdown enquanto você digita, lado a lado com a fonte, para que você possa detectar erros de formatação imediatamente — um espaço faltando após um #, uma cerca de código não fechada, ou uma lista que não se separou do parágrafo acima — antes de fazer commit de um README, publicar um post, ou enviar uma mensagem formatada.

Quando Usar Esta Calculadora

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

Passos:

Digite ou cole seu Markdown no painel esquerdo.
Observe a pré-visualização em HTML renderizado atualizar instantaneamente à direita.
Ajuste sua sintaxe até que a pré-visualização corresponda ao que você pretendia.
Copie seu Markdown finalizado assim que 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 um README do GitHub ou GitLab antes de fazer commit
Redigir mensagens formatadas para Slack, Discord ou outros apps de chat que suportam Markdown
Verificar a formatação de posts de blog ou documentação antes de publicar
Aprender a sintaxe Markdown experimentando e vendo resultados imediatos
Converter rapidamente um pequeno trecho de Markdown para HTML para colar em outro lugar

Benefícios Principais

Veja seu Markdown renderizado instantaneamente, lado a lado com a fonte
Detecte erros de sintaxe antes de publicar em qualquer lugar
Roda inteiramente offline no seu navegador — nada é enviado
Gratuito, sem cadastro, sem limites de tamanho de arquivo para uso típico

Dicas Profissionais

Adicione uma linha em branco antes e depois de listas e blocos de código para a renderização mais confiável entre diferentes parsers de Markdown
Use dois asteriscos para negrito e um asterisco (ou underscore) para itálico para evitar ambiguidade
Pré-visualize nesta ferramenta primeiro, depois verifique na plataforma de destino (GitHub, Slack, etc.), já que algumas suportam sintaxe extra como tabelas
Mantenha os títulos sequenciais (não pule de # para ###) para melhor estrutura do documento e acessibilidade

Erros Comuns a Evitar

Esquecer a linha em branco necessária entre um parágrafo e uma lista seguinte
Omitir o espaço após os símbolos # nos títulos, o que impede que sejam renderizados
Deixar uma cerca de código (```) não fechada, o que engole o resto do documento como código
Usar um único asterisco para negrito em vez de dois asteriscos, produzindo itálico em vez disso

Termos Chave Explicados

CommonMark: Uma especificação padronizada da sintaxe Markdown, projetada para reduzir inconsistências
GFM: GitHub-Flavored Markdown, um dialeto estendido que suporta 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 aplicada dentro de uma única linha, como *itálico* ou `código`, em contraste com elementos em nível de bloco

Conceitos relacionados

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Exemplo

Digitar "## Olá\n\nIsto é **negrito** e isto é *itálico*." renderiza como um título de nível 2 seguido de um parágrafo com texto em negrito e itálico.

Interpretação dos seus resultados

O painel esquerdo mostra seu texto-fonte Markdown bruto, e o painel direito o renderiza como HTML formatado em tempo real. Cada tecla pressionada atualiza a pré-visualização instantaneamente, para que você veja o efeito de cada elemento de sintaxe imediatamente. Os problemas comuns de renderização geralmente estão relacionados ao espaçamento. A maioria dos renderizadores exige uma linha em branco entre um parágrafo e a lista seguinte. Os títulos precisam de um espaço após os símbolos #. Os blocos de código (```) precisam estar em sua própria linha para ativar a renderização do bloco de código. A pré-visualização é uma aproximação próxima de como seu Markdown aparecerá na maioria das plataformas (GitHub, Slack, Discord, etc.), mas cada plataforma tem seu próprio renderizador com pequenas variações. Sempre faça uma verificação final na plataforma de destino para qualquer coisa além da formatação básica.

Perguntas Frequentes

Que sintaxe Markdown esta ferramenta suporta?

Títulos (# até ######), negrito (**texto**), itálico (*texto*), código inline (`código`), blocos de código (```), links ([texto](url)), listas com marcadores (- item), listas numeradas (1. item) e citações (> texto).

Meu conteúdo é salvo ou enviado a algum lugar?

Não. Tudo é analisado e renderizado inteiramente no seu navegador usando JavaScript. Nada do que você digita é enviado a nenhum servidor, armazenado ou registrado.

Por que minha formatação não está aparecendo corretamente?

Markdown exige sintaxe exata — por exemplo, é necessária uma linha em branco entre um parágrafo e uma lista para que muitos renderizadores os separem corretamente, e os títulos precisam de um espaço após os símbolos #. Verifique se há espaços ou quebras de linha faltando ao redor da formatação que você está usando.

Posso usar isto para pré-visualizar um README do GitHub antes de fazer commit?

Sim, para os elementos comuns de Markdown que esta ferramenta suporta. O renderizador do GitHub suporta algumas extensões adicionais do GitHub-Flavored Markdown (como tabelas e listas de tarefas) que este visualizador leve não inclui, então sempre verifique a renderização final no próprio GitHub para qualquer coisa além da sintaxe básica.

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Não. Tudo é analisado e renderizado inteiramente no seu navegador usando JavaScript. Nada do que você digita é enviado a nenhum servidor, armazenado ou registrado.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Qual é a diferença entre Markdown e HTML?

Markdown é uma linguagem de marcação leve, fácil de escrever e ler como texto simples. HTML é uma linguagem de marcação completa com sintaxe mais complexa. Markdown é frequentemente convertido para HTML para exibição. Esta ferramenta renderiza Markdown como HTML em tempo real.

How do I create a table in Markdown?

Markdown padrão não suporta tabelas, mas GitHub-Flavored Markdown suporta. Use o caractere de barra vertical (|) para separar colunas e hífens para o separador do cabeçalho. Este visualizador não renderiza tabelas — verifique a renderização final na sua plataforma de destino.

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Ferramentas Relacionadas

Explorar mais ferramentas

Calculadora de proporcao de aspecto

Calculadora de largura de banda

Calculadora de tempo de download

Calculadora de Custo de Hospedagem em Nuvem

Calculadora de custos de CDN

Calculadora de monetizacao de API

O que é Visualizador de Markdown?

Quando Usar Esta Calculadora

Writing a GitHub or GitLab README and want to verify formatting before committing

Drafting a Markdown post for a blog platform, documentation site, or wiki

Checking a Markdown email or chat message renders correctly before sending

Learning Markdown syntax by experimenting with different formatting and seeing instant results

Converting a short Markdown snippet to HTML for pasting into a CMS or email template

Debugging a Markdown document where some formatting isn't rendering as expected

Casos de uso

Pré-visualizar um README do GitHub ou GitLab antes de fazer commit

Redigir mensagens formatadas para Slack, Discord ou outros apps de chat que suportam Markdown

Verificar a formatação de posts de blog ou documentação antes de publicar

Aprender a sintaxe Markdown experimentando e vendo resultados imediatos

Converter rapidamente um pequeno trecho de Markdown para HTML para colar em outro lugar

Dicas Profissionais

Adicione uma linha em branco antes e depois de listas e blocos de código para a renderização mais confiável entre diferentes parsers de Markdown

Use dois asteriscos para negrito e um asterisco (ou underscore) para itálico para evitar ambiguidade

Pré-visualize nesta ferramenta primeiro, depois verifique na plataforma de destino (GitHub, Slack, etc.), já que algumas suportam sintaxe extra como tabelas

Mantenha os títulos sequenciais (não pule de # para ###) para melhor estrutura do documento e acessibilidade

Erros Comuns a Evitar

Esquecer a linha em branco necessária entre um parágrafo e uma lista seguinte

Omitir o espaço após os símbolos # nos títulos, o que impede que sejam renderizados

Deixar uma cerca de código (```) não fechada, o que engole o resto do documento como código

Usar um único asterisco para negrito em vez de dois asteriscos, produzindo itálico em vez disso

Termos Chave Explicados

CommonMark: Uma especificação padronizada da sintaxe Markdown, projetada para reduzir inconsistências

GFM: GitHub-Flavored Markdown, um dialeto estendido que suporta 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 aplicada dentro de uma única linha, como *itálico* ou `código`, em contraste com elementos em nível de bloco

Interpretação dos seus resultados

Perguntas Frequentes

Que sintaxe Markdown esta ferramenta suporta?

Meu conteúdo é salvo ou enviado a algum lugar?

Não. Tudo é analisado e renderizado inteiramente no seu navegador usando JavaScript. Nada do que você digita é enviado a nenhum servidor, armazenado ou registrado.

Por que minha formatação não está aparecendo corretamente?

Posso usar isto para pré-visualizar um README do GitHub antes de fazer commit?

What Markdown syntax does this tool support?

Is my content saved or uploaded anywhere?

Não. Tudo é analisado e renderizado inteiramente no seu navegador usando JavaScript. Nada do que você digita é enviado a nenhum servidor, armazenado ou registrado.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Qual é a diferença entre Markdown e HTML?

How do I create a table in Markdown?

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Visualizador de Markdown

O que é Visualizador de Markdown?

Quando Usar Esta Calculadora

Passos:

Fórmula

Título

Casos de uso

Benefícios Principais

Dicas Profissionais

Erros Comuns a Evitar

Termos Chave Explicados

Conceitos relacionados

Exemplo

Interpretação dos seus resultados

Perguntas Frequentes