Pré-visualização de Markdown

Escreve Markdown e visualiza instantaneamente uma pré-visualização HTML em direto. Tabelas compatíveis com o GitHub (GFM), listas de tarefas, blocos de código, ligações e imagens suportadas — sem instalação, sem registo, funciona inteiramente no teu navegador.

🔗 Deslocamento sincronizado

Prime Esc ou o botão ✕ para sair do modo sem distrações.

Markdown — ou arrasta aqui um ficheiro .md

Pré-visualização HTML em direto

Índice (automático)

💾 O teu rascunho é guardado automaticamente neste navegador — fecha o separador e volta mais tarde para o retomares exatamente onde o deixaste.

Resposta rápida Pré-visualizar Markdown consiste em ver marcadores de texto simples como «# título», «**negrito**» e «- lista» renderizados em HTML formatado assim que os escreves. Introduz o teu markdown nesta ferramenta (ou importa um ficheiro .md), consulta a pré-visualização à direita, e depois copia o HTML ou descarrega-o em .md/.html — nada é alguma vez enviado para um servidor.

15+Elementos Markdown suportados

0Bibliotecas externas

InstantâneoAtraso da pré-visualização em direto

100%Processamento no cliente

⚙️ Nota sobre exatidão e âmbito: esta ferramenta suporta os elementos Markdown e GitHub Flavored Markdown (GFM) mais comuns: títulos, negrito/itálico, texto rasurado, listas, listas de tarefas, código em linha/blocos de código (com realce de sintaxe para JS, Python, Bash e HTML), citações, ligações, imagens, linhas horizontais, tabelas, notas de rodapé ([^1]) e atalhos de emoji (:tada:, :fire:, :+1:…). Podes também arrastar um ficheiro .md diretamente para cima do editor para o importar. A sintaxe alargada, como matemática LaTeX e diagramas integrados (Mermaid), bem como o front matter YAML, não são suportados. Nenhum texto é alguma vez enviado para um servidor — toda a conversão e a pré-visualização são feitas no teu navegador com JavaScript.

📝 Pré-visualização de Markdown — ToolPico ↗

O que é o Markdown e como se usa?

Uma explicação completa da sintaxe Markdown — dos títulos às tabelas, das listas de tarefas aos blocos de código — e as suas diferenças em relação ao GitHub Flavored Markdown (GFM).

O Markdown é uma linguagem de marcação leve concebida por John Gruber em 2004, que permite formatar texto simples com marcadores fáceis. O objetivo é um texto legível tanto como texto simples como convertível automaticamente em HTML limpo. Hoje é usado em todo o lado, desde os ficheiros README do GitHub até artigos de blogue, desde documentação técnica até tomada de notas. Esta ferramenta converte e pré-visualiza o markdown que escreves em HTML instantaneamente, sem necessidade de configuração.

Quais são os elementos básicos do Markdown?

Resposta rápidaOs elementos essenciais do Markdown são: # título (níveis 1 a 6), o texto em **negrito** e em *itálico*, os itens de lista -, o `código em linha` e o ```bloco de código```, a > citação, a ligação [texto](url), a imagem ![alt](url), e a linha horizontal ---. Todos estes elementos são suportados por esta ferramenta e podem ser inseridos com um clique a partir dos botões da barra de ferramentas.

Títulos — o número de # no início da linha define o nível do título (# = H1, ## = H2…).
Ênfase — um asterisco/sublinhado simples para itálico, duplo para negrito, duplo til (~~) para texto rasurado.
Listas — «-», «*» ou «+» para uma lista não ordenada; «1.» para uma lista ordenada; «- [ ]»/«- [x]» para uma lista de tarefas.
Código — um único acento grave para código em linha, três acentos graves (```) para um bloco de código multilinha.

Como se faz uma tabela em Markdown (GFM)?

Resposta rápidaUma tabela GFM tem três partes: uma linha de cabeçalho (| Nome | Idade |), uma linha de separação (| --- | --- |), e linhas de dados. A posição dos dois pontos na linha de separação controla o alinhamento: :--- esquerda, :---: centro, ---: direita. Vê um exemplo em direto na tabela seguinte.

Exemplo: fonte markdown → resultado da pré-visualização
O que escreves	O que vês
`# Título`	Título grande H1
`importante`	importante (negrito)
`- [x] feito`	☑ caixa de tarefa marcada
`\| A \| B \|\n\| --- \| --- \|\n\| 1 \| 2 \|`	Tabela de 2 colunas formatada

Qual é a diferença entre Markdown e HTML?

Resposta rápidaO HTML é uma linguagem de marcação baseada em etiquetas que os navegadores interpretam diretamente, relativamente tedioso de escrever e ler. O Markdown é uma linguagem abreviada próxima do texto simples, rápida de escrever, e um conversor como este transforma-o automaticamente em HTML válido. Pode ver-se o Markdown como a «fonte» e o HTML como o «resultado gerado».

Tabela de referência da sintaxe Markdown

Uma referência rápida e citável: sintaxe básica e extensões GitHub Flavored Markdown (GFM).

Sintaxe Markdown básica
Sintaxe	Descrição
`# Título` … `###### Título`	Níveis de título 1 a 6
`negrito` ou `__negrito__`	Texto em negrito
`itálico` ou `_itálico_`	Texto em itálico
`código`	Código em linha
`> citação`	Citação
`- item` / `1. item`	Lista não ordenada / ordenada
`[texto](url)`	Ligação
`![alt](url)`	Imagem
`---`	Linha horizontal

Fonte: especificação CommonMark (baseada na sintaxe Markdown original).

Extensões GitHub Flavored Markdown (GFM)
Sintaxe	Descrição
`~~rasurado~~`	Texto rasurado
`- [ ] tarefa`	Item de lista de tarefas por concluir
`- [x] tarefa`	Item de lista de tarefas concluído (com clique)
`\| A \| B \|` `\| --- \| --- \|`	Tabela (alinhamento esquerda/centro/direita `:---`/`:---:`/`---:`)
```linguagem … ```	Bloco de código com linguagem (realce de sintaxe para JS, Python, Bash, HTML)
`texto[^1]` … `[^1]: nota`	Nota de rodapé — numerada automaticamente
www.site.com / https://…	Deteção automática de ligações (usa a sintaxe explícita [texto](url) nesta ferramenta)
`:tada:`, `:fire:`, `:+1:`…	Atalhos de emoji — convertidos automaticamente no painel de pré-visualização

Fonte: especificação GitHub Flavored Markdown. Usado nos ficheiros README, issues e descrições de pull requests do GitHub.

Glossário de termos Markdown

Definições breves dos conceitos essenciais usados em Markdown e GFM.

Markdown (MD)Uma linguagem de marcação leve que formata texto simples com marcadores fáceis e o converte em HTML.

GFMGitHub Flavored Markdown — a variante do GitHub que adiciona tabelas, listas de tarefas e texto rasurado.

Bloco de código delimitadoUma região de código multilinha aberta e fechada por três acentos graves (```), onde não é aplicada nenhuma formatação.

Código em linhaUm pequeno fragmento de código rodeado por um único acento grave, dentro de um parágrafo.

Lista de tarefasUma lista escrita como «- [ ]» / «- [x]», apresentada como uma caixa de verificação em que se pode clicar no GitHub.

Front matterUm bloco de metadados YAML adicionado ao início de um ficheiro markdown, delimitado por ---; não suportado por esta ferramenta.

Carácter de escape (\)Colocado antes de um carácter markdown para o mostrar como texto simples em vez de aplicar formatação (por exemplo, \*).

Âncora de título (slug)Um identificador curto gerado automaticamente a partir de cada título, usado para criar uma ligação direta a essa secção.

CommonMarkA especificação formal estabelecida pela comunidade que resolve as ambiguidades do Markdown.

Proteção contra injeção HTMLO conteúdo bruto é escapado antes de aplicar a formatação, evitando a execução de código malicioso.

Guias detalhados

Respostas detalhadas às perguntas Markdown mais comuns.

Como fazer uma tabela em Markdown (passo a passo)

Uma tabela GFM tem três blocos de linhas: uma linha de cabeçalho, uma linha de separação, e linhas de dados. Cada célula separa-se com uma barra vertical (|). Exemplo: sob uma linha como | Produto | Preço |, adiciona | --- | --- |, e depois adiciona linhas de dados como | Artigo | 10 |. O número de colunas deve corresponder em cada linha.

Para o alinhamento, coloca dois pontos antes/depois do traço na linha de separação: :--- alinha à esquerda, ---: alinha à direita, :---: alinha ao centro. O botão «⬚ Tabela» da barra de ferramentas desta página insere um esqueleto de tabela pronto a usar — só falta preencher as células.

Como escrever um README.md para o GitHub

Um bom README geralmente inclui estas secções: o nome do projeto e uma breve descrição (título H1), os passos de instalação (lista numerada), um exemplo de utilização (bloco de código), as funcionalidades (lista com marcadores), e a informação de licença. Usar # para os títulos e três acentos graves (```) para os exemplos de código proporciona realce de sintaxe automático no GitHub.

Clica na ficha de modelo «README» acima para carregar um esqueleto pronto a usar com esta estrutura, modifica-o para o teu projeto, verifica a pré-visualização HTML, e descarrega-o em .md quando terminares.

Markdown ou Word? Quando usar cada um?

O Markdown é ideal para documentação técnica, ficheiros README, artigos de blogue, páginas wiki e texto com controlo de versões (Git) — porque é texto simples, comparável linha a linha (diff) e independente de qualquer ferramenta. O Word/Google Docs é mais adequado quando precisas de um design complexo, uma formatação partilhada (tipos de letra, margens) ou documentos formais.

Antes de partilhar markdown, pré-visualiza-o com esta ferramenta para te certificares de que a formatação é a esperada, e depois exporta-o diretamente para HTML e cola-o numa página web ou num CMS se precisares.

Adiciona esta pré-visualização ao teu site (código de incorporação)

Integra gratuitamente a pré-visualização markdown no teu próprio site. Copia o código abaixo para o teu HTML — a ferramenta é apresentada numa vista simplificada e liga a esta página como fonte.

Código de incorporação (iframe)

A ferramenta incorporada tem um design fixo; podes ajustar o valor de height conforme o teu site. Sem publicidade nem dados pessoais, funciona inteiramente no cliente.

Perguntas frequentes

Como se escreve Markdown?

O Markdown permite formatar texto simples com marcadores fáceis: um # no início da linha para um título, **texto** para negrito, *texto* para itálico, um - no início da linha para um item de lista, e [texto](url) para uma ligação. Não é necessário nenhum editor especial — podes escrevê-lo em qualquer ficheiro de texto simples e guardá-lo com a extensão .md. Ao escreveres no editor desta página, o resultado aparece instantaneamente no painel à direita.

Como se pré-visualiza um ficheiro MD?

Cola o seu conteúdo no editor desta página, ou usa o botão «Importar um ficheiro» para o selecionares diretamente do teu computador. O ficheiro é lido automaticamente e apresentado como HTML formatado no painel à direita; não é necessário envio nem processamento no servidor, tudo acontece no teu navegador.

Como se faz uma tabela em Markdown?

Na sintaxe de tabelas GFM, a linha de cabeçalho separa-se com |, seguida de uma linha de separação como | --- | --- |, e depois linhas de dados. Os dois pontos (:) na linha de separação controlam o alinhamento das células. O botão «⬚ Tabela» da barra de ferramentas insere um esqueleto pronto a usar.

O que é a sintaxe GitHub Flavored Markdown (GFM)?

GitHub Flavored Markdown (GFM) é a variante de Markdown usada pelo GitHub, que adiciona tabelas, listas de tarefas (- [ ]), texto rasurado (~~texto~~), e um melhor suporte para código em linha/blocos de código para além do Markdown padrão. Os ficheiros README, issues e pull requests estão todos escritos em GFM.

Como se converte Markdown para HTML?

Introduz o teu markdown no editor desta página; podes copiar o código-fonte da pré-visualização HTML que aparece instantaneamente à direita com «Copiar o HTML», ou guardá-lo como ficheiro .html completo com «Descarregar .html». A conversão é feita inteiramente no teu navegador, sem enviar dados para um servidor.

Qual é o melhor editor Markdown online?

Um bom editor markdown online deve oferecer pré-visualização instantânea, suporte para tabelas/listas de tarefas GFM, exportação HTML/MD, e privacidade. Esta ferramenta cumpre os quatro critérios: nada do que escreves é enviado para um servidor, tudo acontece no teu navegador, e não é necessária conta nem registo.

Como se escreve uma lista de tarefas (caixa de verificação) em Markdown?

Escreve «- [ ] Tarefa pendente» no início da linha; para uma tarefa concluída, usa «- [x] Concluído». Nesta página, podes clicar na caixa de verificação da pré-visualização para alterar o seu estado e ver o código markdown atualizado no editor.

Como se descarrega ou exporta um ficheiro Markdown?

Podes descarregar o conteúdo do editor em Markdown original (.md) ou em HTML formatado (.html); os botões correspondentes estão por baixo do painel da ferramenta. Também podes usar «Copiar ligação» para partilhar o teu conteúdo através de um URL.

Como se escreve uma nota de rodapé em Markdown?

Coloca uma referência como [^1] no texto, e define-a em qualquer parte da página como [^1]: explicação. A etiqueta pode ser uma palavra em vez de um número (por exemplo, [^fonte]). Esta ferramenta numera automaticamente as notas por ordem de aparecimento, agrupa-as numa secção «Notas de rodapé» abaixo da pré-visualização, e liga cada referência à sua nota e vice-versa. Ideal para citar fontes em textos académicos e artigos de blogue.

O bloco de código suporta realce de sintaxe?

Sim. Se adicionares uma etiqueta de linguagem a um bloco de código delimitado (```js, ```python, ```bash, ```html), as palavras-chave, valores de cadeia, números, comentários e nomes de funções são coloridos. O realce é feito inteiramente no teu navegador sem biblioteca externa, e adapta-se ao modo escuro.

Como se guarda Markdown em PDF?

Clica no botão «🖨️ Imprimir / PDF» por baixo do painel da ferramenta; abre-se a caixa de diálogo de impressão do teu navegador, e ao escolheres «Guardar como PDF» como destino, a pré-visualização formatada é descarregada como ficheiro PDF. Os elementos do editor e da interface são ocultados no resultado — só aparece o documento gerado.

Metodologia e fontes

A pré-visualização Markdown da ToolPico é uma ferramenta gratuita e independente. O motor de análise funciona em duas passagens sem biblioteca externa: deteção de blocos linha a linha (títulos, listas, citações, blocos de código, tabelas) seguida da formatação em linha (negrito, itálico, código, ligações, imagens).

Fontes: especificação CommonMark · especificação GitHub Flavored Markdown (GFM). Última atualização: 26 de julho de 2026. Os resultados cobrem os elementos markdown/GFM mais comuns; a sintaxe alargada como matemática LaTeX e diagramas integrados não é suportada.