Skip to main content
CheckTown
Dev Tools

Pré-visualização Markdown: Escreva e renderize Markdown em tempo real

Publicado 5 min de leitura
Neste artigo

O que é Markdown?

Markdown é uma linguagem de marcação leve criada por John Gruber em 2004. Usa uma sintaxe simples baseada em pontuação para adicionar formatação ao texto simples — títulos com #, negrito com **, links com [texto](url) — que é renderizado como HTML formatado. Sua simplicidade o tornou o padrão universal para documentação de desenvolvedores.

Markdown é usado em todo lugar: arquivos README no GitHub, respostas no Stack Overflow, mensagens no Slack, páginas no Notion, sites de documentação e plataformas de blog. A maioria dos desenvolvedores escreve Markdown diariamente sem nem perceber.

Como funciona a pré-visualização de Markdown

A pré-visualização de Markdown da CheckTown renderiza seu Markdown para HTML em tempo real enquanto você digita.

  • Conformidade com CommonMark — renderiza Markdown padrão conforme a especificação CommonMark
  • Extensões GFM — suporta GitHub Flavored Markdown, incluindo tabelas, listas de tarefas e tachado
  • Destaque de sintaxe — blocos de código são destacados para as linguagens de programação mais comuns

Experimente gratuitamente — sem cadastro

Pré-visualizar Markdown →

Quando usar a pré-visualização de Markdown

A pré-visualização de Markdown é útil para qualquer fluxo de escrita onde você precisa verificar a renderização antes de publicar.

  • Arquivos README — escreva e pré-visualize arquivos README.md antes de fazer push para o GitHub
  • Documentação — escreva e pré-visualize documentação técnica antes de publicar em sites de docs
  • Posts de blog — componha posts de blog em Markdown e pré-visualize a saída formatada

Perguntas frequentes

Qual é a diferença entre as variantes de Markdown?

A especificação original do Markdown deixou muitos casos ambíguos indefinidos, levando a múltiplas implementações incompatíveis. CommonMark é uma especificação padronizada que resolve essas ambiguidades. GitHub Flavored Markdown (GFM) estende o CommonMark com tabelas, listas de tarefas e autolinks. A maioria das plataformas usa CommonMark ou GFM.

Markdown pode incluir HTML bruto?

Sim, a maioria dos processadores de Markdown permite que tags HTML brutas sejam incorporadas diretamente em documentos Markdown. Isso é útil para formatações avançadas não suportadas pela sintaxe Markdown. No entanto, muitas plataformas sanitizam o HTML por razões de segurança, portanto o HTML bruto pode ser removido em contextos de conteúdo gerado por usuários.

Como adiciono uma tabela em Markdown?

Tabelas usam caracteres de barra vertical e hifens: | Cabeçalho 1 | Cabeçalho 2 | na primeira linha, | --- | --- | na segunda linha como separador e, em seguida, as linhas de dados. O alinhamento das colunas é controlado pela posição dos dois-pontos no separador: :--- para esquerda, :---: para centro, ---: para direita.

Ferramentas relacionadas