Escreva Markdown e visualize o resultado renderizado em tempo real. Copie o HTML gerado ou baixe o arquivo.
Editor Markdown
Linhas: 0Palavras: 0Caracteres: 0
Preview
📝 O que é Markdown? A Linguagem da Web Moderna
Markdown é uma linguagem de marcação leve criada por John Gruber em 2004 com o objetivo de ser fácil de ler e escrever em texto puro, mas que pode ser convertida para HTML de forma elegante. A filosofia é: o texto formatado deve ser legível mesmo sem ser renderizado.
Hoje, Markdown é o padrão para:
Documentação de Código (README.md no GitHub, GitLab, Bitbucket).
Blogs e Sites Estáticos (Jekyll, Hugo, Gatsby, Next.js).
Aplicativos de Notas (Notion, Obsidian, Roam Research, Joplin).
Fóruns e Comunidades (Stack Overflow, Reddit, Discord).
💻
Por que Desenvolvedores Amam Markdown? Porque ele é versionável (Git). Você pode ver a diferença entre versões de um texto formatado sem lidar com o caos do XML/HTML do Word. É puro texto.
📄 Guia Rápido de Sintaxe Markdown (Colinha)
Elemento
Sintaxe Markdown
Resultado
Título H1
# Título Principal
Grande e com linha inferior (em alguns temas)
Título H2
## Subtítulo
Médio
Negrito
**texto** ou __texto__
texto em negrito
Itálico
*texto* ou _texto_
texto em itálico
Link
[Google](https://google.com)
Texto clicável
Imagem
Exibe a imagem
Lista Não Ordenada
- Item ou * Item
• Bullet points
Lista Ordenada
1. Primeiro
1. Números sequenciais
Citação (Blockquote)
> Isto é uma citação
Bloco recuado com barra lateral
Código Inline
\`console.log('a')\`
console.log('a')
Bloco de Código
```javascript (abre e fecha)
Bloco formatado com syntax highlight
Linha Horizontal
--- ou ***
Linha de separação
Checkbox
- [x] Tarefa concluída
☑ Tarefa concluída (GitHub)
🚀 Markdown Avançado: Tabelas, Emojis e HTML
📊 Tabelas
| Nome | Idade |
|--------|-------|
| Ana | 30 |
| Carlos | 25 |
Use pipes (|) e hifens (-) para criar tabelas alinhadas. A segunda linha define o alinhamento (:--- esquerda, :---: centro).
😄 Emojis
:smile: :rocket: :+1:
No GitHub e muitos editores, você pode usar códigos de emoji. Ex: :tada: vira 🎉. Consulte a lista oficial de emojis do GitHub.
🔗 Links Internos (Anchors)
[Ir para Seção](#titulo-da-secao)
Funciona como um sumário. Use hifens no lugar de espaços e tudo minúsculo.
Mermaid.js. Você pode escrever código de diagrama dentro de blocos ```mermaid no Markdown.
📄 Conversão para PDF/DOCX
Pandoc. O canivete suíço para converter Markdown em absolutamente qualquer formato.
❓ Perguntas Frequentes sobre Markdown
Para um novo parágrafo (espaçamento maior), dê ENTER duas vezes (linha em branco).
Para uma simples quebra de linha (sem espaçamento), termine a linha com dois espaços em branco antes do ENTER.
Essa é uma dor comum. A solução é indentar o bloco de código com 4 espaços ou 1 tab em relação ao marcador da lista.
Exemplo: 1. Primeiro item ```javascript console.log("funciona"); ```
CommonMark é a especificação "padrão" rigorosa do Markdown. GitHub Flavored Markdown (GFM) é a versão usada no GitHub, que adiciona funcionalidades extras:
Tabelas com pipes (|).
Listas de tarefas (- [ ]).
Autolinks (URLs viram links automaticamente).
Syntax Highlight em blocos de código.
Esta ferramenta usa uma biblioteca que suporta GFM.
O Markdown puro não suporta alinhamento. Você precisa usar HTML inline:
Lembre-se de que em alguns sites (como GitHub), o CSS pode sobrescrever o alinhamento.
Use o fluxo: Markdown → HTML → PDF.
Escreva e visualize aqui no preview.
Clique em "Copiar HTML".
Cole em um editor de texto rico (Word, Google Docs).
Exporte como PDF pelo navegador (Ctrl+P > Salvar como PDF).
Ou use ferramentas de linha de comando como Pandoc ou mdpdf.
Markdown não tem sintaxe de comentário nativa. Use comentários HTML:
<!-- Isto é um comentário e não aparecerá no preview -->
Isso é muito útil para deixar lembretes no texto sem que o leitor final veja.
📌 Resumo: Por que usar este Markdown Preview?
1️⃣
Renderização em Tempo Real. Veja instantaneamente como seu README ou artigo vai ficar.
2️⃣
Padrão GitHub (GFM). Suporta tabelas, checklists e syntax highlight.
3️⃣
Exportação Rápida. Copie o HTML puro para colar em blogs (WordPress, Medium) ou sistemas legados.
4️⃣
100% Privado. O texto nunca sai do seu navegador. Ideal para documentos internos da empresa.