Editor e Visualizador de Markdown

Escreva e visualize seu código Markdown em tempo real. Uma ferramenta online com dois painéis para edição e preview instantâneo, ideal para READMEs e documentação.

Editor Markdown
Preview
Copiado!

Como Usar o Editor Markdown

Escreva em Markdown de forma simples no painel da esquerda e veja a pré-visualização formatada em tempo real no painel da direita.

  1. Escreva em Markdown: Utilize a sintaxe Markdown no editor à esquerda para formatar seu texto.
  2. Veja a Mágica Acontecer: O painel de pré-visualização à direita será atualizado instantaneamente, mostrando como seu texto será renderizado em HTML.
  3. Copie o Resultado: Use os botões de cópia para pegar o texto em Markdown puro ou o HTML gerado para usar em seu projeto.

O que é Markdown? (O "O Quê")

Markdown é uma linguagem de marcação leve criada para ser o mais legível e fácil de escrever possível. Ela usa uma sintaxe de formatação de texto simples que é convertida para HTML estruturado. O objetivo principal é permitir que as pessoas escrevam conteúdo para a web sem precisar escrever HTML complexo.

Por que Usar Markdown? (O "Porquê")

  • Simplicidade: A sintaxe é intuitiva e não atrapalha a leitura do texto bruto.
  • Portabilidade: Por ser texto puro, um arquivo .md pode ser aberto em qualquer editor de texto e em qualquer sistema operacional.
  • Foco na Escrita: A sintaxe mínima permite que você se concentre no conteúdo, e não na formatação.
  • Amplamente Adotado: É o padrão para documentação em plataformas como GitHub, para escrita em blogs, fóruns (Reddit, Stack Overflow) e em muitas aplicações de anotações.

Sintaxe Essencial do Markdown

Elemento Sintaxe Markdown
Cabeçalhos # H1, ## H2, ### H3
Negrito **texto em negrito** ou __texto em negrito__
Itálico *texto em itálico* ou _texto em itálico_
Lista Não Ordenada - Um item
* Outro item
Lista Ordenada 1. Primeiro item
2. Segundo item
Link [texto do link](https://www.exemplo.com)
Imagem ![texto alternativo](caminho/para/imagem.jpg)
Citação > texto da citação
Código Inline `var x = 10;`

Recursos Adicionais (GitHub Flavored Markdown - GFM)

Muitas plataformas, como o GitHub, estendem o Markdown básico com funcionalidades extras. Nosso editor suporta essas adições populares.

  • Tabelas: Crie tabelas usando pipes (|) para separar colunas e hífens (-) para criar a linha do cabeçalho.
  • Listas de Tarefas: Crie listas com caixas de seleção usando - [ ] para pendente e - [x] para concluída.
  • Texto Riscado: Envolva o texto com dois tils (~~texto riscado~~).
  • Realce de Sintaxe: Especifique a linguagem de programação após as três crases de abertura de um bloco de código para obter um realce colorido. (ex: javascript).