Pré-visualizador Markdown
Markdown é uma linguagem de marcação leve criada por John Gruber em 2004 que permite formatar texto usando caracteres simples: # para títulos, **negrito**, *itálico*, - para listas e crases para código. Um pré-visualizador de Markdown renderiza esse texto puro em HTML formatado em tempo real, mostrando exatamente como o documento ficará enquanto você digita. É o formato de escrita padrão no GitHub, Reddit, Stack Overflow e na maioria das plataformas de documentação.
Este editor ao vivo suporta a sintaxe essencial do Markdown — títulos, ênfase, listas ordenadas e não ordenadas, links, imagens, citações e código inline — além de extensões populares do GitHub Flavored Markdown (GFM), como tabelas e blocos de código cercados. Como a renderização acontece instantaneamente no navegador, é ideal para rascunhar arquivos README, escrever documentação, preparar posts em fóruns ou aprender a sintaxe Markdown sem instalar nada.
Como funciona
Um renderizador de Markdown funciona como um parser que varre o texto linha a linha e converte padrões de sintaxe em elementos HTML: uma linha iniciada por um a seis # vira um título <h1> a <h6>, texto entre ** vira <strong>, * vira <em>, linhas iniciadas por - ou 1. viram itens de lista <ul> ou <ol>, [texto](url) vira um link <a>, > vira <blockquote> e texto cercado por ``` vira um bloco <pre><code>. Tabelas usam barras verticais (|) para separar colunas, com uma linha de hífens definindo o cabeçalho.
Casos de uso
- Rascunhar e pré-visualizar arquivos README.md para repositórios no GitHub ou GitLab
- Escrever documentação técnica conferindo a formatação de tabelas e blocos de código
- Preparar posts formatados para fóruns, wikis e geradores de sites estáticos
- Aprender a sintaxe Markdown com retorno visual imediato
Perguntas frequentes
O que é Markdown e para que serve?
Markdown é uma linguagem de marcação leve criada por John Gruber em 2004 que formata texto puro usando símbolos simples: # para títulos, asteriscos para negrito e itálico e hífens para listas. Ela converte de forma limpa para HTML e continua legível como texto bruto. É usada em arquivos README, documentação, posts em fóruns, apps de anotações e em plataformas como GitHub, Reddit e Stack Overflow.
Como fazer uma tabela em Markdown?
Use barras verticais (|) para separar colunas e uma linha de hífens para marcar o cabeçalho, por exemplo: | Nome | Idade | na primeira linha, | --- | --- | na segunda e | Ana | 30 | nas linhas de dados. Adicionar dois-pontos na linha de hífens (:--- para esquerda, :---: para centro, ---: para direita) controla o alinhamento das colunas. Tabelas fazem parte do GitHub Flavored Markdown, não da especificação original.
Como inserir um bloco de código em Markdown?
Para código inline, envolva o texto em crases simples, como `variavel`. Para blocos de várias linhas, use blocos cercados: uma linha com três crases (```), o código e outra linha com três crases. Você pode escrever o nome da linguagem logo após a cerca de abertura, como ```js, para ativar destaque de sintaxe nas plataformas que suportam.
Qual a diferença entre Markdown e HTML?
HTML é a linguagem de marcação completa que os navegadores renderizam, com tags explícitas como <h1> e <strong>, enquanto Markdown é uma notação abreviada que compila para HTML. O Markdown cobre a formatação comum com muito menos digitação e permanece legível como texto puro, mas é menos expressivo — para layouts complexos é possível embutir HTML puro dentro da maioria dos documentos Markdown.
Este editor Markdown é grátis e guarda meu texto?
Sim, o editor é totalmente gratuito. Todo o parsing e a renderização acontecem localmente no navegador via JavaScript, então o texto digitado não é enviado nem armazenado em nenhum servidor. Se você atualizar ou fechar a página, o conteúdo não salvo pode ser perdido, então copie seu trabalho antes de sair.