📝 Pré-visualização de Markdown
Digite markdown e veja a renderização para HTML instantaneamente.
O que é esta ferramenta?
A ferramenta de Pré-visualização de Markdown é um editor de markdown online gratuito que renderiza seu markdown em HTML em tempo real. Conforme você digita no lado esquerdo, o resultado formatado aparece instantaneamente no lado direito. É perfeito para pré-visualizar arquivos README, posts de blog, documentação ou qualquer conteúdo markdown antes de publicar. Markdown é uma linguagem de marcação leve que usa formatação de texto simples para criar documentos estruturados. Foi criada por John Gruber em 2004 para tornar a escrita para a web o mais fácil possível. Com markdown, você pode criar títulos, texto em negrito e itálico, listas, links, imagens, blocos de código, tabelas e mais, tudo usando símbolos de texto simples. Markdown é usado em todo lugar: READMEs do GitHub, comentários do Reddit, mensagens do Discord, sites de documentação e muitos sistemas de gerenciamento de conteúdo. Este pré-visualizador suporta a sintaxe padrão de markdown incluindo extensões GitHub Flavored Markdown (GFM) como listas de tarefas, texto tachado e realce de sintaxe de código. Tudo é executado inteiramente em seu navegador, então seu conteúdo nunca é enviado a nenhum servidor. Você pode escrever com confiança sabendo que seus rascunhos são completamente privados.Como funciona
A ferramenta usa um analisador de markdown em JavaScript que converte seu texto em HTML em tempo real. Conforme você digita no painel do editor, o analisador processa a sintaxe markdown caractere por caractere e gera os elementos HTML correspondentes, que são exibidos no painel de pré-visualização. O analisador lida com todos os elementos padrão do markdown: títulos (# a ######), negrito (**texto**), itálico (*texto*), links ([texto](url)), imagens (), listas não ordenadas (- ou *), listas ordenadas (1.), blocos de código (```), código em linha (`código`), citações em bloco (>), regras horizontais (---) e tabelas. Também suporta extensões do GitHub Flavored Markdown: listas de tarefas (- [x]), tachado (~~texto~~) e ligação automática de URL. A renderização é completamente do lado do cliente, o que significa que nenhuma chamada ao servidor é feita. O analisador de markdown é uma biblioteca JavaScript bem testada que lida com casos extremos como listas aninhadas, múltiplos parágrafos em itens de lista e blocos de código dentro de listas. A pré-visualização é atualizada a cada tecla digitada para uma experiência de edição verdadeiramente ao vivo.Como usar
- Digite ou cole seu markdown no editor à esquerda.
- Observe a pré-visualização HTML formatada sendo atualizada em tempo real à direita.
- Use a sintaxe padrão do markdown (# títulos, **negrito**, *itálico*, etc.).
- Experimente GitHub Flavored Markdown: listas de tarefas, tabelas, tachado.
- Copie o HTML renderizado ou seu código-fonte markdown conforme necessário.
Perguntas Frequentes
Perguntas Frequentes
Qual sintaxe markdown é suportada?
Markdown padrão (títulos, negrito, itálico, listas, links, imagens, código, citações em bloco, tabelas) mais extensões do GitHub Flavored Markdown (listas de tarefas, tachado, auto-links, realce de sintaxe de código).
Meu conteúdo markdown é enviado a um servidor?
Não. Todo o processamento acontece em seu navegador usando JavaScript. Seu conteúdo nunca sai do seu dispositivo, garantindo total privacidade para seus rascunhos e notas.
Posso usar isto para arquivos README do GitHub?
Sim. Este pré-visualizador suporta GitHub Flavored Markdown, que é o mesmo dialeto usado pelo GitHub. Listas de tarefas, tabelas, tachado e blocos de código serão renderizados da mesma forma que no GitHub.
Como crio uma tabela em markdown?
Use barras verticais (|) para separar colunas e hifens (-) para a linha de cabeçalho. Exemplo: | Cabeçalho 1 | Cabeçalho 2 | \n|---|---| \n| Célula 1 | Célula 2 |
Dicas
Markdown é projetado para ser legível como texto simples, mesmo antes da renderização. Use títulos (#) para criar estrutura de documento e mantenha os níveis de título consistentes. Para blocos de código, sempre especifique a linguagem após as três crases (```python) para obter realce de sintaxe. Ao criar tabelas, alinhe as barras verticais para legibilidade. Listas de tarefas (- [x] feito, - [ ] a fazer) são ótimas para acompanhamento de projetos em READMEs. Se você está escrevendo para o GitHub, pré-visualize seu markdown aqui primeiro para detectar problemas de formatação antes de fazer push. Para documentos longos, use um índice com links de âncora. Lembre-se de que dois espaços no final de uma linha criam uma quebra de linha rígida em markdown.