Preview do Markdown — Escreva e visualize Markdown online gratuitamente

Escreva Markdown no painel esquerdo e veja uma pré-visualização em tempo real do HTML no painel direito. Nosso ferramenta gratuita de Preview do Markdown renderiza títulos, negrito, itálico, links, imagens, blocos de código, tabelas, listas e muito mais — tudo em tempo real, totalmente no seu navegador.

O que é Markdown?

Markdown é uma linguagem de marcação leve criada por John Gruber em 2004. Ele usa sintaxe de formatação de texto simples que se converte facilmente para HTML e outros formatos. Markdown é o formato padrão de escrita para READMEs do GitHub, sites de documentação, plataformas de blog, aplicativos de anotações e escrita técnica.

Em vez de escrever tags HTML brutas como <h1> e <strong>, você escreve # Título e **negrito**. Isso torna o Markdown rápido para digitar e fácil de ler mesmo antes da conversão. Plataformas como GitHub, GitLab, Stack Overflow, Reddit, Discord e Notion todos suportam Markdown nativamente.

Um previewer de Markdown em tempo real permite que você veja exatamente como seu texto formatado vai ficar antes de publicá-lo. Isso elimina a ambiguidade de escrever Markdown sem visualizar e ajuda a identificar erros de formatação cedo.

Como usar esta ferramenta de Preview do Markdown

Usar a ferramenta é simples:

1. Digite ou cole Markdown no painel de editor da esquerda. Você pode escrever do zero ou colar conteúdo Markdown existente.
2. Veja a pré-visualização em tempo real atualizar instantaneamente no painel direito. Cada tecla digitada aciona um novo renderizado.
3. Use os botões da barra de ferramentas para inserir rapidamente títulos, negrito, itálico, links, imagens, blocos de código e listas.
4. Copie a saída HTML renderizada se precisar do HTML bruto para um modelo de e-mail, CMS ou gerador de documentação.
5. Copie o código Markdown para colar em seu README do GitHub, post de blog ou aplicativo de anotações.

Recursos Principais

Diferente de muitos editores online de Markdown, esta ferramenta não requer conta, instalação ou viagem ao servidor. Seu conteúdo nunca sai do seu navegador.

Casos de Uso Comuns

Escrevendo READMEs do GitHub

Todo projeto de código aberto precisa de um README claro. Escreva seu Markdown aqui, visualize a formatação e copie o resultado diretamente para seu repositório. Você também pode usar nosso Formatador JSON para validar exemplos JSON incluídos em sua documentação.

Rascunhando Posts de Blog

Muitas plataformas de blog (Hugo, Jekyll, Ghost, Dev.to) usam Markdown para conteúdo. Rascunhe seu post aqui, visualize o layout e cole a versão final em seu CMS. Se precisar converter o caso de texto para títulos, tente nosso Conversor de Caso de Texto.

Escrevendo Documentação

Documentação técnica frequentemente usa Markdown por sua simplicidade e portabilidade. Visualize suas documentações antes de comprometer para garantir que títulos, blocos de código e tabelas sejam renderizados corretamente.

Prototipando Modelos de E-mail

Escreva seu conteúdo de e-mail em Markdown, copie a saída HTML e cole-o em seu construtor de e-mails. Isso é especialmente útil para e-mails transacionais e newsletters.

Referência Rápida da Sintaxe Markdown

• # Título 1 até ###### Título 6 — Seis níveis de títulos
• **negrito** e *itálico* — Formatação básica de texto
• [texto do link](url) — Links inline
• ![texto alternativo](url-da-imagem) — Imagens
• `código inline` e blocos de código com três crases — Formatação de código
• > citação — Texto citado
• - item ou 1. item — Listas não ordenadas e ordenadas
• | Coluna | Coluna | — Tabelas com sintaxe de pipe
• --- — Regra horizontal

Dicas para um Markdown Melhor

• Use níveis de títulos consistentes. Comece com # para o título, depois ## para seções e ### para subseções. Pular níveis (como pular de # para ###) cria uma estrutura de documento confusa.
• Adicione linhas em branco antes e depois de listas e blocos de código. Muitos analisadores de Markdown exigem linhas em branco para identificar corretamente elementos de nível de bloco.
• Visualize antes de publicar. Plataformas diferentes renderizam Markdown de maneira ligeiramente diferente. Sempre verifique a pré-visualização antes de comprometer.
• Use blocos de código com tags de linguagem. Escrever ```javascript em vez de apenas ``` habilita a realce de sintaxe no GitHub e na maioria das plataformas de documentação.
• Mantenha tabelas simples. Tabelas complexas com células mescladas ou conteúdo aninhado não funcionam bem no Markdown. Use tabelas HTML para layouts avançados.

Perguntas Frequentes

Este ferramenta de Preview do Markdown é gratuita para usar?

Sim. A ferramenta é completamente gratuita, não exige conta e não tem limites de uso. Todo o renderizado acontece no seu navegador.

A ferramenta suporta Markdown Flavored do GitHub?

Sim. A ferramenta suporta Markdown padrão mais extensões do Markdown Flavored do GitHub, incluindo tabelas, listas de tarefas, riscado e blocos de código delimitados com realce de sintaxe.

Posso copiar a saída HTML?

Sim. Clique no botão "Copiar HTML" para copiar o HTML bruto gerado do seu Markdown. Você pode colar em qualquer editor HTML, modelo de e-mail ou CMS.

Meu conteúdo é armazenado ou enviado para um servidor?

Não. Todo o parsing e renderizado de Markdown acontece localmente no seu navegador usando a biblioteca marked. Seu conteúdo nunca é enviado para qualquer servidor.

Quais recursos de Markdown são suportados?

Suportamos títulos, negrito, itálico, links, imagens, blocos de código, tabelas, listas, citações e extensões do Markdown Flavored do GitHub.