📝 Pré-visualização de Markdown
Uma pré-visualização de Markdown é uma ferramenta online gratuita que converte Markdown em HTML formatado enquanto escreve. Escreva títulos, listas, blocos de código, ligações e tabelas no editor e veja a pré-visualização ao vivo atualizar instantaneamente. Funciona inteiramente no seu navegador, sem necessidade de registo. Escritores, programadores e autores de documentação usam-na para verificar a formatação antes de publicar.
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 blocos de código (exibidos como texto monoespaçado). 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~~) .
A renderização é completamente do lado do cliente, o que significa que nenhuma chamada ao servidor é feita. O analisador de markdown é um conversor JavaScript personalizado e leve (não é uma biblioteca de terceiros). Ele cobre os elementos comuns de markdown; listas aninhadas são achatadas a um único nível. 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
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, blocos de código (exibidos como texto monoespaçado)).
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 e tachado são compatíveis com GitHub Flavored Markdown para casos comuns. Observe que este é um renderizador personalizado leve, então entradas complexas podem diferir do 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 use as três crases (```) para exibir o código como texto monoespaçado. 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.
Ferramentas Relacionadas
Contador de Palavras
Conte palavras, caracteres, frases e tempo de leitura gratuitamente online. Perf
Conversor de Chinês
Conversor de chinês grátis online. Tradicional para simplificado e vice-versa co
Conversor de Maiúsculas
Conversor de maiúsculas e minúsculas grátis online. Formatação rápida de texto p
Gerador de Lorem Ipsum
Gere texto Lorem Ipsum instantaneamente. Escolha parágrafos, frases ou palavras.
Remover Quebras de Linha
Remova quebras de linha do texto online grátis. Una linhas em parágrafos, elimin