Prévia de Markdown
Renderize Markdown em HTML com prévia ao vivo.
Seu Markdown é renderizado localmente no seu navegador e nada é enviado para um servidor.
Trabalhando com documentos MDX? Experimente o MDX Converter.
Sobre Prévia de Markdown
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. A saída renderizada é sanitizada, com scripts e manipuladores de evento removidos para um preview seguro. 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
- Quebras de linha simples renderizadas como line breaks, como no Markdown de comentários
- Saída sanitizada remove scripts, iframes, manipuladores de evento e HTML inseguro
- 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
# Título
- Item em **negrito**
- [Link](https://example.com)
Saída
<h1>Título</h1>
<ul>
<li>Item em <strong>negrito</strong></li>
<li><a href="https://example.com">Link</a></li>
</ul>
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. — Este preview renderiza quebras de linha simples como line breaks; se quiser parágrafos separados, deixe uma linha em branco entre os blocos de texto.
- Tags HTML brutas como script ou iframe desaparecem do preview. — A saída é sanitizada, então scripts, iframes e manipuladores de evento inline são removidos por design. Use Markdown puro ou HTML inline seguro 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 HTML do Visualizador de Markdown é seguro para reutilizar?
- Sim. A saída é sanitizada, removendo scripts, iframes e manipuladores de evento inline para que o HTML renderizado continue seguro para colar em outro lugar.
- O Visualizador de Markdown preserva quebras de linha simples?
- Sim. Quebras de linha simples são renderizadas como line breaks, o que corresponde a como o Markdown de comentários e chats costuma se comportar.
- 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
Todas as ferramentas de ArrayKit