Pré-visualização de Markdown
Edite o campo Markdown e veja o painel Preview atualizar sozinho. A ferramenta analisa com marked (GFM e quebras de linha), sanitiza o HTML com DOMPurify e mostra status como Preview updated.
Atualizado 2026-08-04 · developer
Empty preview
Sobre esta ferramenta
Esta prévia liga um textarea a HTML ao vivo. Entrada vazia mostra Empty preview em itálico. Falhas de parse limpam a prévia e exibem Parse error com detalhes. O exemplo inclui títulos, negrito, listas, links, código inline e um bloco cercado para testar formatação na hora.
Como usar
- Abrir o visualizador: Carregue esta página para ver o editor Markdown e o painel Preview.
- Editar Markdown: Altere o Markdown de exemplo ou cole o seu no campo Markdown.
- Ver a prévia: O painel Preview atualiza ao digitar; o status vai para Preview updated.
- Corrigir erros de parse: Se o status mostrar Parse error: …, ajuste o Markdown e continue digitando.
Casos de uso
- Pré-visualizar Markdown estilo README antes de colar num repositório ou CMS.
- Conferir listas, links e blocos de código ao redigir docs.
- Confirmar a formatação sem abrir um editor de desktop.
Dicas
- O status sob a prévia confirma quando o render termina ou falha.
- A saída é sanitizada; use como ajuda de prévia, não como pipeline CMS completo.
FAQ
Preciso de um botão Preview?
Não. A prévia atualiza ao vivo quando o Markdown muda.
Markdown no estilo GitHub é suportado?
A análise usa opções GFM e breaks para novas linhas, adequada à sintaxe README comum.
Por que sanitizar o HTML?
O DOMPurify reduz marcação arriscada para uma prévia mais segura na página.
Meu Markdown é enviado?
A análise roda no navegador enquanto você digita; não precisa de conta.