acento.io
Utilitário de texto

Visualizador de Markdown

Converta Markdown para HTML ao vivo, com split view e download em um clique — tudo dentro do navegador, sem enviar nada para servidores.

Por Carlos Suárez , Engenheiro de sistemas
Última atualização:

O que este visualizador de Markdown faz

Esta versão em português do visualizador renderiza GitHub Flavored Markdown (GFM) para HTML conforme você digita, sem precisar instalar extensões como as do VS Code ou plugins do Sublime Text. O resultado aparece instantaneamente no painel ao lado — útil para testar tabelas, blocos de código, listas de tarefas e tachado antes de publicar. Um artigo comum no Wikipedia tem cerca de 689 palavras; com este markdown live preview, você visualiza documentos de qualquer tamanho com o mesmo conforto. 100% no navegador — seus dados nunca saem do seu computador. Sem uploads, sem rastreamento, sem logs em servidor. Ideal para rascunhos confidenciais, NDAs internos ou documentação sensível.

Recursos

  • Split view em tempo real. Editor e preview lado a lado com atualização instantânea. Equivalente ao markdown live preview que o VS Code oferece, mas direto no navegador, sem configuração.
  • Modo preview dedicado. Oculte o editor para ver apenas o resultado renderizado — útil para revisar o documento final antes de compartilhar.
  • Visualização do HTML gerado. Alterne para a aba HTML e veja o código produzido pelo markdown renderer. Copie trechos específicos para colar em templates ou sistemas de e-mail.
  • Download como arquivo .html completo. Gera um arquivo HTML autônomo com UTF-8 correto, pronto para abrir em qualquer navegador ou enviar por e-mail sem depender de terceiros.
  • Suporte a GFM completo. Tabelas, blocos de código cercados (fenced code blocks), tachado e listas de tarefas — extensões do GitHub Flavored Markdown que o spec original CommonMark não inclui.
  • Privacidade por design. Nenhum conteúdo é enviado a servidores. Funciona offline após o carregamento inicial, protegendo documentos internos e contratos sigilosos. Para verificar entidades HTML no texto exportado, o [codificador de entidades HTML](/pt/html-entities/) cobre esse caso.

Como usar o visualizador de Markdown

Cole ou digite seu Markdown no painel esquerdo e veja o resultado à direita. Nenhuma instalação necessária.

  1. Digite ou cole o Markdown. Abra a ferramenta e comece a escrever no editor. Experimente um cabeçalho simples: # Meu documento — o preview atualiza imediatamente.
  2. Escolha o modo de visualização. Use o botão "Dividido" para editar e pré-visualizar ao mesmo tempo, "Visualizar" para focar no resultado, ou "HTML" para inspecionar o código gerado.
  3. Teste tabelas e listas de tarefas. Insira - [x] Tarefa concluída ou uma tabela GFM com | para confirmar que o markdown renderer processa as extensões corretamente antes de commitar.
  4. Baixe o arquivo HTML. Clique em "Baixar .html" para obter um documento completo e independente, com encoding UTF-8, pronto para distribuição ou arquivamento.

Casos de uso comuns

  • Pré-visualizar READMEs antes do commit. Equipes em São Paulo que mantêm repositórios no GitHub colam o README.md aqui para conferir tabelas e badges antes de fazer push — sem precisar do preview do próprio GitHub.
  • Redigir posts para geradores de sites estáticos. Autores de blogs com Gatsby, Hugo ou Astro usam o markdown live preview para revisar o corpo do artigo sem subir o servidor de desenvolvimento local.
  • Converter documentação interna para HTML. Times de produto convertem wikis em Markdown para .html e distribuem por e-mail ou intranet, mantendo o conteúdo confidencial longe de serviços de nuvem. Para comparar versões do documento antes e depois, o [comparador de textos](/pt/text-diff/) é o complemento natural.
  • Ensinar sintaxe Markdown com feedback imediato. Instrutores de cursos técnicos usam o split view como lousa interativa: o aluno digita no editor e vê o resultado em tempo real, acelerando o aprendizado da sintaxe GFM.
  • Testar comportamento do markdown renderer. Desenvolvedores verificam como diferentes parsers tratam edge cases — como HTML embutido no Markdown ou fenced code blocks com linguagem declarada — sem montar um ambiente local.

Perguntas frequentes

Meu conteúdo é enviado para algum servidor?

Não. Todo o processamento acontece no seu navegador usando JavaScript local. Nenhum dado — nem um caractere — trafega pela rede. A ferramenta funciona inclusive offline após o carregamento inicial, o que a torna segura para documentos sob NDA ou dados sensíveis de acordo com políticas como a LGPD.

Qual sabor de Markdown é suportado?

O visualizador usa GitHub Flavored Markdown (GFM), que estende o CommonMark com tabelas, fenced code blocks, tachado e listas de tarefas. Frontmatter YAML e diagramas Mermaid não são processados — isso mantém o bundle pequeno e o carregamento rápido. A referência técnica para implementações GFM é publicada pelo próprio GitHub como extensão do spec CommonMark, documentado pelo MDN e pela comunidade de desenvolvimento web.

Por que o mesmo Markdown aparece diferente em ferramentas distintas?

Existem múltiplos sabores de Markdown: CommonMark, GFM, MultiMarkdown e outros. Cada parser implementa extensões diferentes. Tabelas, por exemplo, não existem no spec original de John Gruber — são uma adição do GFM. Por isso, um documento com tabelas pode não renderizar em parsers que seguem apenas o CommonMark puro.

Posso usar isto em vez do markdown preview do VS Code ou do Sublime Text?

Para edição contínua no dia a dia, extensões locais como a do VS Code têm vantagens (integração com o projeto, atalhos). Mas este markdown renderer online é ideal quando você está em uma máquina sem o editor instalado, quer testar rapidamente um trecho, ou precisa compartilhar a visualização com alguém sem exigir instalação de software.

O HTML baixado funciona em qualquer lugar?

Sim. O arquivo gerado é HTML5 padrão com charset UTF-8 declarado, sem dependências externas. Abre corretamente em Chrome, Firefox, Safari e Edge. O encoding UTF-8 garante que caracteres do Acordo Ortográfico de 1990 — como o trema eliminado no português brasileiro — sejam preservados corretamente.

Há realce de sintaxe nos blocos de código?

Por decisão de escopo, não. Adicionar syntax highlighting exigiria uma biblioteca como highlight.js ou Prism, aumentando o tamanho do bundle. Para documentação que precisa de código formatado com cores, exporte o HTML e aplique o realce no pipeline do seu gerador de sites. Se precisar ajustar o texto exportado, o [conversor de maiúsculas e minúsculas](/pt/case-converter/) pode ajudar na padronização.