Preview de Markdown

Preview rápido com sintaxe básica: títulos, listas, links, negrito e código inline.

Descrição

John Gruber criou o Markdown em 2004, em parceria com Aaron Swartz — o mesmo Aaron Swartz que ajudou a criar o RSS, foi cofundador do Reddit e um dos mais brilhantes ativistas da internet aberta. O problema que o Markdown veio resolver era concreto: escrever HTML para prosa era doloroso. As tags são ruidosas, o HTML mistura estrutura com conteúdo, e o texto-fonte de um documento HTML bem formatado é quase ilegível sem renderização. Antes do Markdown, escritores técnicos tinham três opções: escrever HTML bruto e aceitar o ruído visual, usar processadores de texto proprietários que produzem formatos binários opacos, ou depender de convenções informais de e-mail e fórum cheias de asteriscos e underscores não padronizados. A genialidade do Markdown foi codificar essas convenções em uma especificação consistente. O nome é um trocadilho intencional: markup vai na direção de adicionar marcação ao texto; markdown vai na direção oposta.

A adoção pelo GitHub em 2009 com o GitHub Flavored Markdown (GFM) foi o ponto de inflexão que transformou o Markdown de formato de nicho em infraestrutura da internet técnica. De repente, todo arquivo README do mundo estava sendo escrito em Markdown. Depois vieram Stack Overflow (que usa uma variante desde 2008), Reddit, Discourse, Slack, Discord, WhatsApp (suporte parcial), Notion, Obsidian e o próprio VS Code. A explosão de adoção trouxe um problema: cada plataforma implementava as partes ambíguas da especificação original de forma diferente. Em 2012, um grupo liderado por John MacFarlane e Jeff Atwood, fundador do Stack Overflow, lançou a iniciativa CommonMark para criar uma especificação rigorosa e sem ambiguidades. Hoje o Markdown é provavelmente o formato de texto-plano mais lido e escrito no mundo — é improvável que você passe uma semana de trabalho técnico sem encontrá-lo.

A beleza prática do Markdown está na legibilidade do código fonte. `**negrito**` parece negrito. `# Título` parece um título. Você consegue ler o Markdown cru e entender o documento sem precisar renderizá-lo — o que não é verdade para LaTeX, HTML ou DOCX. Isso o torna ideal para controle de versão: diffs de arquivos Markdown são legíveis em um code review, enquanto diffs de DOCX são binários inutilizáveis. Para escrever READMEs, documentação de API, posts técnicos, notas de reunião ou wikis de projeto, o Markdown acerta o equilíbrio entre simplicidade e poder expressivo. Esta ferramenta oferece um preview rápido para verificar a renderização de blocos específicos — especialmente útil quando você não tem certeza se uma tabela ou bloco de código ficou bem formatado.

Detalhamento técnico

Pontos frequentes

  • Para que serve esta ferramenta?: Ela roda 100% no seu navegador: útil para validar, formatar ou converter dados no dia a dia de desenvolvimento.
  • Meus dados são enviados a algum servidor?: O processamento é feito localmente via JavaScript. Não armazenamos o conteúdo que você cola nas caixas de texto.
  • Posso usar em produção ou para dados reais?: Use por sua conta e risco. Para segredos (senhas, tokens), prefira ambientes controlados e políticas da sua empresa. E lembre sempre de revisar os conteúdos gerados. Nunca confie cegamente nas coisas que vê na internet.

Trecho para testar

  • Há também o bloco "Exemplo de Código" com o trecho completo; use esse texto rápido para colar nos campos e validar: Modelo — # Título - item **negrito** e `código`

Guia da ferramenta

  • O que é Markdown Sintaxe leve para formatar texto: títulos, listas, links, negrito, código. Convertido para HTML para exibição.

  • O que a ferramenta faz Renderiza um subconjunto comum de Markdown em preview ao lado ou abaixo do editor.

  • Por que usar Revisar README, issues e documentação rápida. Para GitHub Flavored Markdown completo, use o ambiente do repositório.

Exemplo de Código

Exemplo de código
# Título

- item

**negrito** e `código`

Modelo

# Título

- item

**negrito** e `código`

Perguntas frequentes

Para que serve esta ferramenta?

Ela roda 100% no seu navegador: útil para validar, formatar ou converter dados no dia a dia de desenvolvimento.

Meus dados são enviados a algum servidor?

O processamento é feito localmente via JavaScript. Não armazenamos o conteúdo que você cola nas caixas de texto.

Posso usar em produção ou para dados reais?

Use por sua conta e risco. Para segredos (senhas, tokens), prefira ambientes controlados e políticas da sua empresa. E lembre sempre de revisar os conteúdos gerados. Nunca confie cegamente nas coisas que vê na internet.