Esta ferramenta de visualização de markdown renderiza seu Markdown em HTML limpo lado a lado enquanto você digita, para que você veja exatamente como um README, documento ou comentário vai ficar. Ela suporta Markdown estilo GitHub (GFM), incluindo tabelas, blocos de código cercados, listas de tarefas, citações, links e formatação inline. Use como um editor e visualizador de markdown rápido para rascunhar documentação, conferir a formatação antes de enviar para um repositório, ou converter markdown para html e copiar o resultado em um CMS. Por padrão, uma quebra de linha simples vira line break; com a opção GitHub style ela vira um espaço, como num README. Tags script, iframe e semelhantes, atributos de evento e links javascript: são removidos, um filtro básico e não uma sanitização completa. Foi feita para desenvolvedores, redatores técnicos e QA que precisam de um preview gfm rápido e preciso. Tudo é processado localmente no seu navegador, então seu rascunho nunca sai do seu dispositivo.
Recursos
Preview ao vivo lado a lado que atualiza enquanto você digita
Markdown estilo GitHub com tabelas, blocos de código cercados e listas de tarefas
Suporta títulos, listas, citações, links e ênfase inline
Por padrão, quebras de linha simples viram line breaks; o GitHub style as transforma em espaços, como num README
Remove as tags script, style, iframe, object, embed, link, meta e base, atributos de evento e links javascript:
Copie o HTML renderizado para a área de transferência com um clique
Baixe o resultado como um arquivo .html pronto para uso
Roda inteiramente no seu navegador
Como usar Prévia de Markdown
Digite ou cole seu Markdown na caixa de entrada à esquerda.
Veja o HTML renderizado aparecer instantaneamente no painel de Preview.
Clique em Copiar HTML para enviar a marcação renderizada para a área de transferência.
Use o botão .html para baixar a saída como arquivo, ou Limpar para recomeçar.
Exemplo
Entrada
# Title
- **Bold** item
- [Link](https://example.com)
Títulos, listas e formatação inline do Markdown renderizados em HTML.
Erros comuns e solução de problemas
Uma tabela não é renderizada e aparece como texto simples. — Tabelas GFM precisam de uma linha de cabeçalho e uma linha separadora de traços e barras verticais, como | A | B | seguida de | --- | --- |. Certifique-se de que cada linha tenha barras verticais correspondentes.
Um bloco de código vaza a formatação para o restante do documento. — Feche cada bloco cercado com uma linha de três crases correspondente. Uma cerca não fechada faz o renderizador tratar o resto do texto como código.
Quebras de linha simples não são preservadas como esperado. — Por padrão, uma quebra de linha simples vira line break. Ative o GitHub style para tratá-la como espaço, como o GitHub exibe um README, e deixe uma linha em branco entre os blocos quando quiser parágrafos separados.
Tags HTML brutas como script ou iframe desaparecem do preview. — As tags script, style, iframe, object, embed, link, meta e base e os atributos de evento on* são removidos por design. Use Markdown puro ou HTML inline simples em vez disso.
Perguntas frequentes
O que é a ferramenta Visualizador de Markdown da ArrayKit?
É um visualizador de markdown ao vivo que renderiza seu Markdown em HTML limpo lado a lado enquanto você digita, para conferir a formatação de READMEs, documentos e comentários antes de publicar.
O Visualizador de Markdown suporta Markdown estilo GitHub?
Sim. O Visualizador de Markdown renderiza GFM, então tabelas, blocos de código cercados e listas de tarefas aparecem corretamente no painel de preview.
Como copio ou baixo o HTML renderizado?
Clique em Copiar HTML para enviar a marcação renderizada para a área de transferência, ou use o botão .html para baixá-la como um arquivo pronto para uso.
O que o Visualizador de Markdown remove do HTML?
As tags script, style, iframe, object, embed, link, meta e base, os atributos de evento on* como onclick e os links que começam com javascript:. É um filtro básico, não uma sanitização completa, então se o Markdown vier de alguém em quem você não confia, limpe o HTML com um sanitizador de verdade antes de publicar.
O Visualizador de Markdown preserva quebras de linha simples?
Por padrão, sim: uma quebra de linha simples vira line break, como em comentários e chats. Ative o GitHub style e as quebras simples viram espaços, como o GitHub exibe um README.
Meu Markdown é enviado a um servidor quando uso este preview?
Não. Seu Markdown é renderizado inteiramente no seu navegador e nunca sai do seu dispositivo.
Ferramentas relacionadas
Conversor de MDX — Renderize MDX como texto, converta HTML → MDX e escape texto para MDX literal.
Formatador de HTML — Embeleze ou minifique HTML, formate CSS/JS inline e veja a prévia do resultado.