Rascunho Markdown

Pré-visualização em tempo real

Exemplos de pré-visualização Markdown

Escreva Markdown e veja o HTML renderizado. Exemplo:

Exemplo: Plano de subscritor

Markdown de entrada

HTML renderizado:

Saída HTML

Clique no botão Amostra acima para carregar mais exemplos no editor.

O que é a pré-visualização Markdown?

Markdown é texto simples com sintaxe para títulos, listas e ligações. A pré-visualização Markdown permite escrever e ver o HTML renderizado em tempo real. A especificação CommonMark define a sintaxe.

Esta ferramenta executa-se inteiramente no seu browser. Nada é enviado para um servidor. Copie HTML ou transfira para usar noutro local. Para formatar Markdown, utilize o Formatador Markdown. Apenas para conversão: Markdown para HTML.

Como utilizar esta ferramenta

1

Colar ou carregar

Copie o seu Markdown e cole-o no editor da esquerda. Também pode clicar em Carregar para carregar um ficheiro .md ou .markdown. O botão Amostra carrega dados de exemplo.

2

Verificar a pré-visualização em tempo real

O painel da direita mostra o HTML renderizado. Edite à esquerda; a pré-visualização atualiza-se em tempo real. Utilize Copiar HTML ou Transferir HTML para obter a saída.

3

Copiar ou transferir

Utilize Copiar HTML ou Transferir HTML para obter a saída renderizada. Para formatar ou validar, utilize o Formatador Markdown ou Validador Markdown.

Quando a pré-visualização Markdown ajuda

Ao escrever documentação, READMEs para GitHub ou conteúdo com feedback instantâneo, a pré-visualização em tempo real mostra exactamente como será renderizado. A especificação GFM define tabelas e listas de tarefas. Ideal para Jekyll, Hugo ou documentação. Para um editor completo com opções de transferência: Editor Markdown.

Perguntas frequentes

O que significa "renderizar" Markdown?

Renderizar converte a sintaxe Markdown em texto simples — como **negrito** ou # Título — em elementos HTML reais como <strong> e <h1>. Esta ferramenta renderiza o teu Markdown em tempo real para que vejas exatamente como ficará quando publicado.

Que especificação Markdown segue esta ferramenta?

A pré-visualização segue a especificação CommonMark, o padrão Markdown mais adotado. Também suporta extensões de GitHub Flavored Markdown (GFM) como tabelas, listas de tarefas e riscado.

Posso usá-la para pré-visualizar ficheiros README?

Absolutamente. Cola o teu Markdown de README no editor e a pré-visualização mostrará como é renderizado — incluindo tabelas GFM e listas de tarefas que o GitHub usa. É uma forma rápida de detetar problemas de formatação antes de fazer commit.

O meu conteúdo é enviado para um servidor?

Não — tudo é executado localmente no teu browser. O teu Markdown nunca sai do teu dispositivo. Não há uploads, nem contas, nem rastreamento. É completamente privado.

E o HTML bruto?

O HTML bruto em Markdown é tipicamente passado para a pré-visualização. Para converter HTML para Markdown: HTML para Markdown.

Ferramentas relacionadas

Saiba mais: CommonMark, especificação CommonMark, Markdown Guide, GFM, W3C HTML, GitHub, Jekyll.