Prévia de Markdown
Visualize Markdown online e revise títulos, links, listas, código e tabelas antes de publicar.
Make HTML structure easier to inspect
Esta ferramenta renderiza Markdown para revisar títulos, parágrafos, links, listas, blocos de código, tabelas e ênfase. Ajuda a conferir documentação antes da publicação. A visualização mostra a apresentação e não garante que o engine, sanitizador ou tema do site produzirá exatamente o mesmo resultado.
Formatting is not HTML validation
A visualização de Markdown é uma visão de uma fonte de marcação leve. O processador interpreta marcadores suportados e cria um resultado visual. Dialetos diferem em tabelas, notas, tarefas, HTML bruto, alertas e extensões, então o resultado pertence ao ambiente escolhido.
How to format HTML
- Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
- Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes. Compare the preview with the source before publishing.
Formatting method
- Read markup structure
O processador analisa marcadores, cria blocos e elementos inline e mostra a estrutura. Reconhece títulos, parágrafos, ênfase, links, listas, citações, cercas de código e tabelas comuns. Extensões não suportadas podem permanecer como texto ou mudar em outro processador.
- Apply indentation
O processador analisa marcadores, cria blocos e elementos inline e mostra a estrutura. Reconhece títulos, parágrafos, ênfase, links, listas, citações, cercas de código e tabelas comuns. Extensões não suportadas podem permanecer como texto ou mudar em outro processador.
- Preserve content
O processador analisa marcadores, cria blocos e elementos inline e mostra a estrutura. Reconhece títulos, parágrafos, ênfase, links, listas, citações, cercas de código e tabelas comuns. Extensões não suportadas podem permanecer como texto ou mudar em outro processador.
Exact parser recovery, optional-tag handling, whitespace policy, embedded-language behavior, and error wording should be confirmed in a live engine before being described as fixed behavior.
Read the formatted result
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Erros comuns
Erros comuns incluem esquecer linhas em branco, não fechar cercas de código, usar sintaxe de tabela não suportada, escrever links vagos, confiar em HTML bruto ou revisar apenas a tela sem testar links e teclado.
Erros comuns incluem esquecer linhas em branco, não fechar cercas de código, usar sintaxe de tabela não suportada, escrever links vagos, confiar em HTML bruto ou revisar apenas a tela sem testar links e teclado. Compare the preview with the source before publishing.
Limites e casos especiais
A visualização não garante todos os dialetos, CSS, sanitizadores, plugins ou pipelines. Imagens, links externos, HTML bruto e conteúdo incorporado podem mudar fora da visualização.
A visualização não garante todos os dialetos, CSS, sanitizadores, plugins ou pipelines. Imagens, links externos, HTML bruto e conteúdo incorporado podem mudar fora da visualização. Compare the preview with the source before publishing.
Examples
Visualização de Markdown online — 1
A visualização valida Markdown?
Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Visualização de Markdown online — 2
Qual dialeto é usado?
Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Visualização de Markdown online — 3
Os links são seguros?
Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Visualização de Markdown online — 4
Ela mostra tabelas?
Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Visualização de Markdown online — 5
Suporta cercas de código?
Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Visualização de Markdown online — 6
HTML bruto sempre aparece?
Cole Markdown, examine a visualização e compare com a fonte. Verifique títulos, destinos de links, listas aninhadas, cercas de código, tabelas, imagens e caracteres escapados. Teste o documento no sistema de publicação quando CSS, segurança, acessibilidade ou extensões forem importantes.
Uma boa visualização tem hierarquia clara, espaçamento legível, links compreensíveis, blocos de código visíveis e tabelas que não escondem dados. Aparência não comprova HTML seguro, semântico ou igual ao tema de produção.
Frequently asked questions
A visualização valida Markdown?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
Qual dialeto é usado?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
Os links são seguros?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
Ela mostra tabelas?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
Suporta cercas de código?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
HTML bruto sempre aparece?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
Como verifico acessibilidade?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.
A produção ficará igual?
A visualização demonstra o render da sintaxe suportada. Confirme dialeto, sanitização, links, acessibilidade e tema de produção no sistema alvo.