Edite Markdown, veja HTML sanitizado em tempo real e copie Markdown ou HTML.
O Visualizador Markdown mostra, em tempo real, como o seu texto em Markdown vira HTML. Você escreve no editor e o preview ao lado é renderizado com o parser marked no modo GitHub Flavored Markdown (GFM), que entende títulos, listas, ênfase, links, imagens, blocos de código, tabelas, listas de tarefas e mais. Antes de aparecer, o HTML passa pelo DOMPurify, que remove scripts, manipuladores de evento e outras construções perigosas, por isso o preview é sanitizado e seguro mesmo com conteúdo colado de terceiros. Há templates prontos (README, documentação, changelog, pull request e blog), modos de visualização dividido/editor/preview, tela cheia e estatísticas do documento (caracteres, palavras, linhas, títulos, links, imagens, blocos de código e tempo de leitura). Você pode copiar o Markdown, copiar o HTML ou baixar um arquivo .html completo, tudo processado localmente, sem enviar o conteúdo a servidores.
O texto é convertido pelo parser marked configurado em GitHub Flavored Markdown (GFM). Além do núcleo (títulos com #, listas, **negrito**, *itálico*, links, imagens e blocos de código com crases), o GFM adiciona tabelas, listas de tarefas (- [ ] e - [x]), texto riscado e autolinks. A quebra automática de linha está desligada, então uma única quebra não vira <br>; use uma linha em branco para separar parágrafos.
Depois da conversão, o HTML passa pelo DOMPurify antes de ser exibido. Isso significa que tags e atributos perigosos, como <script> e manipuladores de evento onclick, são removidos, de modo que o preview reflete a estrutura do conteúdo sem executar código. É o que torna seguro pré-visualizar Markdown vindo de fontes externas.
Exemplo 1, sintaxe básica: # Título vira <h1>Título</h1>; **importante** vira <strong>importante</strong>; e uma lista escrita com "- item" e "- outro" vira um <ul> com dois <li>. Uma tabela GFM com | Coluna | e a linha de traços vira um <table> com cabeçalho.
Exemplo 2, sanitização: se você colar <script>alert(1)</script> junto do Markdown, o preview não executa o alerta, o DOMPurify remove a tag antes da exibição. O mesmo vale para atributos como onerror em imagens, que são descartados, mantendo apenas a marcação segura.
O visualizador é útil para escrever e revisar README, documentação, changelog, descrições de pull request e posts, conferindo a formatação antes de publicar. Os templates dão um ponto de partida, e a exportação em HTML permite reaproveitar o conteúdo em outros contextos; o download já inclui um estilo básico legível.
Sobre limites: o resultado segue as regras do GFM implementadas pelo marked, que podem diferir de outros renderizadores (GitHub, GitLab, um CMS específico), então o mesmo Markdown pode variar entre plataformas. E, por segurança, HTML embutido com scripts ou atributos perigosos é sanitizado, ótimo para preview, mas significa que efeitos que dependem de script não vão funcionar aqui.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/markdown-viewer"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Visualizador Markdown"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Sim. Você escreve Markdown no editor e vê, ao lado, o HTML renderizado e sanitizado em tempo real. Dá para copiar o Markdown, copiar o HTML gerado ou baixar um arquivo .html completo, além de acompanhar estatísticas como contagem de títulos, links, imagens e tempo de leitura.
A clean Markdown preview for J-Kit.
const safe = true;
Markdown e HTML renderizado ficam no navegador. O preview é sanitizado com DOMPurify.