Markdown de entrada

Pré-visualização renderizada

Exemplos do visualizador Markdown

Ver Markdown com pré-visualização HTML instantânea. 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 é o visualizador Markdown?

Escreve um README, documentação ou artigo de blog em Markdown e quer ver como fica de verdade — sem ter de fazer push para o GitHub só para verificar. É exatamente para isso que esta ferramenta existe. Cole ou carregue o seu Markdown e a prévia HTML renderizada aparece imediatamente à direita. O padrão CommonMark define a sintaxe base, enquanto a especificação GitHub Flavored Markdown (GFM) acrescenta tabelas, listas de tarefas e texto riscado. Se usa Jekyll, Hugo ou simplesmente escreve documentação, a especificação CommonMark é a sua referência. Tudo funciona localmente — nenhum conteúdo sai da sua máquina.

Esta ferramenta executa-se inteiramente no seu browser. Nada é enviado para um servidor. Copie HTML ou transfira para usar noutro local. Para edição com pré-visualização em tempo real, utilize o Editor 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

Ver a pré-visualização renderizada

O painel da direita mostra o HTML renderizado. Edite à esquerda; a pré-visualização actualiza-se. 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 o visualizador Markdown ajuda

Quando tem um ficheiro Markdown e quer ver como é renderizado sem abrir GitHub ou uma aplicação separada, cole-o aqui. A especificação GitHub Flavored Markdown define tabelas e extensões. Ideal para Jekyll, Hugo, pré-visualizações de README ou conteúdo exportado. Para editar: Editor Markdown.

Perguntas frequentes

É seguro colar conteúdo sensível aqui?

Sim, completamente. Tudo funciona no browser com JavaScript — nenhum dado é enviado para qualquer servidor. Abra o separador de Rede do browser para confirmar: não verá nenhum pedido de saída.

Qual é a diferença entre Visualizador, Editor e Prévia?

Os três oferecem prévia em tempo real enquanto escreve. O Editor Markdown também permite descarregar o Markdown fonte e o HTML renderizado. O Visualizador foca-se em renderizar rapidamente ficheiros existentes.

Suporta GitHub Flavored Markdown?

Sim. A maioria das funcionalidades GFM — tabelas, listas de tarefas e riscado — são suportadas. A especificação GFM estende o CommonMark e a prévia reflete isso.

Posso ver ficheiros .md locais sem os enviar para um servidor?

Sim. Clique em Carregar para carregar um ficheiro .md do seu computador. O conteúdo é lido e renderizado inteiramente no browser — nunca sai do seu dispositivo.

Qual é o tamanho máximo de ficheiro?

Não há um limite rígido na ferramenta. Na prática, ficheiros até alguns milhares de linhas renderizam sem problemas em browsers modernos. Ficheiros muito grandes (dezenas de milhares de linhas) podem abrandar a prévia.

Ferramentas relacionadas

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