Global ToolBox

Pré-visualizador de Markdown

Digite ou cole Markdown e veja instantaneamente uma pré-visualização em HTML renderizada ao lado, tudo dentro do seu navegador.

🔒 Processado localmente no seu navegador

Loading…

Como usar

  1. Digite ou cole o seu Markdown na caixa "Markdown" à esquerda (ou em cima, no telemóvel).
  2. A pré-visualização em HTML renderizada atualiza-se em direto à direita (ou por baixo dela, no telemóvel) assim que escreve — não há botão para clicar.
  3. Títulos, texto em negrito/itálico, listas, links, citações e blocos de código são todos apresentados com um estilo padrão fácil de ler.
  4. Clique em "Repor" para limpar tanto o Markdown inserido como a pré-visualização e começar de novo.

Funcionalidades

  • Pré-visualização ao vivo lado a lado de Markdown para HTML, que se atualiza enquanto escreve
  • Suporta títulos, negrito/itálico, listas, links, citações e blocos de código
  • Construído sobre a biblioteca marked, amplamente utilizada, para uma análise fiável ao estilo GitHub Flavored Markdown
  • 100% no navegador — o seu Markdown nunca sai do seu navegador
  • Sem cadastro, sem carregamento de ficheiros — basta escrever para ver o resultado instantaneamente

Perguntas frequentes

O meu Markdown é enviado para algum lugar?

Não. O Pré-visualizador de Markdown funciona inteiramente no seu navegador — o seu Markdown é convertido em HTML localmente e nunca é enviado para um servidor.

Que variante de Markdown é suportada?

A pré-visualização é alimentada pela biblioteca marked, que segue a especificação CommonMark com extensões ao estilo GitHub Flavored Markdown, como tabelas, blocos de código delimitados e rasurado. Cobre a grande maioria do Markdown que escreve no dia a dia.

Posso usá-la para escrever ficheiros README ou documentação?

Sim. É uma ótima forma de verificar como o seu README, publicação de blogue ou documentação vai ficar antes de o submeter ou publicar noutro local.

Suporta tabelas e imagens?

Sim, tanto as tabelas como as imagens são analisadas e renderizadas. As tags de imagem só serão apresentadas se o URL da imagem referenciado for publicamente acessível, já que nada é carregado a partir do seu navegador.

Porque é que o HTML da pré-visualização é renderizado diretamente em vez de ser mostrado como texto simples?

Porque renderizar o HTML real é precisamente o propósito de uma pré-visualização ao vivo — mostra-lhe exatamente como o seu Markdown vai ficar depois de publicado. Isto acontece inteiramente de forma local, e só você vê o resultado.

Ferramentas relacionadas