Editor de Markdown
Escreva e visualize Markdown com renderização em tempo real e barra de ferramentas
Markdown
A contagem de caracteres usa unidades de código UTF-16; a contagem de palavras usa tokens separados por espaços em branco, incluindo a sintaxe Markdown.
Referência rápida de Markdown
- Título 1
# Título 1- Título 2
## Título 2- Negrito
**bold**- Itálico
*italic*- Link
[link](url)- Imagem
- Código em linha
`inline code`- Bloco de código
```code block```- Lista não ordenada
- lista não ordenada- Lista ordenada
1. lista ordenada- Citação em bloco
> citação em bloco- Linha horizontal
--- linha horizontal
Prévia e HTML
Preparando prévia…
Sobre esta prévia
- Este é o analisador básico original com correções revisadas. O GitHub e outros renderizadores Markdown podem produzir resultados diferentes.
- O código em blocos delimitados e em linha permanece literal. Não há realce de sintaxe específico por linguagem.
- As URLs de imagens externas são carregadas dos respectivos servidores sem referência de origem; esses servidores recebem a solicitação da imagem. A imagem de exemplo é local.
- O HTML é filtrado antes da prévia e da cópia de HTML. Copiar e salvar o Markdown mantém seu texto de origem.
- Copiar HTML coloca o texto do código-fonte HTML na área de transferência; um editor de texto formatado pode colá-lo como texto.
- O editor não salva automaticamente. Baixe seu documento antes de sair desta página.
Sobre o Editor de Markdown
Nosso editor de Markdown é uma ferramenta online gratuita que oferece edição e visualização lado a lado, em tempo real, para escrever documentos em Markdown. Markdown é uma linguagem de marcação leve, muito usada em documentação, arquivos README, posts de blog, redação técnica e anotações. Este editor permite escrever em Markdown à esquerda e ver na hora o HTML renderizado à direita.
O editor inclui uma barra de ferramentas completa para inserir rapidamente a sintaxe Markdown mais comum, como títulos, negrito, itálico, links, imagens, blocos de código, listas, citações e linhas horizontais. Você não precisa decorar a sintaxe do Markdown para começar. Basta clicar nos botões da barra de ferramentas para inserir a formatação na posição do cursor, ou digitar o Markdown diretamente, se preferir.
O editor interpreta seu Markdown localmente, sem enviar o documento. URLs de imagens externas ainda podem fazer requisições aos seus servidores, e outros scripts do site podem fazer requisições. Não há garantia geral de privacidade. O editor oferece visualização em tempo real, contagem de caracteres e palavras, cópia para a área de transferência tanto do Markdown quanto do HTML e download direto como arquivo .md.
Principais recursos
- Edição de Markdown e visualização de HTML lado a lado, com renderização instantânea
- Barra de ferramentas completa com botões para negrito, itálico, títulos (H1-H3), links, imagens, blocos de código, listas, citações e linhas horizontais
- Conversor integrado de Markdown para HTML com suporte a títulos, ênfase, código, links, imagens, listas, citações e linhas horizontais
- Contagem de caracteres e de palavras em tempo real, exibida acima do editor
- Copie o código-fonte Markdown para a área de transferência com um clique
- Copie o HTML renderizado para a área de transferência e cole em páginas da web ou editores de e-mail
- Baixe seu documento como arquivo .md para armazenamento local e controle de versão
- Botão de limpar para recomeçar com o editor vazio
- Cartão de referência rápida com a sintaxe Markdown mais comum à vista
- Layout responsivo que empilha o editor e a visualização em dispositivos móveis
- Suporte completo ao modo escuro para editar com conforto em qualquer condição de iluminação
- Conteúdo de exemplo padrão que demonstra todos os recursos de Markdown compatíveis
Como usar o Editor de Markdown
- Comece a escrever: O editor abre com um conteúdo de exemplo que mostra todos os recursos de Markdown compatíveis. Limpe-o para recomeçar do zero ou modifique o exemplo para ver como cada elemento da sintaxe funciona.
- Use a barra de ferramentas: Clique em qualquer botão da barra de ferramentas para inserir a sintaxe Markdown correspondente na posição do cursor. Selecione o texto antes para envolvê-lo com uma formatação como negrito ou itálico.
- Veja a prévia na hora: Enquanto você digita, este interpretador básico atualiza uma prévia filtrada. Os renderizadores de Markdown de destino podem ser diferentes, então confira a formatação no destino antes de publicar.
- Confira as estatísticas: As contagens de caracteres e palavras são atualizadas ao vivo acima do editor e ajudam a acompanhar o tamanho do documento para atender a requisitos ou limites de palavras.
- Copie ou baixe: Use o botão "MD" para copiar o Markdown puro, o botão "HTML" para copiar o HTML renderizado ou o botão "Salvar" para baixar o documento como arquivo .md.
Sintaxe Markdown compatível
- Títulos: Use # para H1, ## para H2, ### para H3 e #### para H4. Cada nível de título gera um texto progressivamente menor, com o espaçamento adequado.
- Negrito e itálico: Envolva o texto com **dois asteriscos** ou __dois sublinhados__ para negrito, e com *um asterisco* ou _um sublinhado_ para itálico.
- Links: Crie links clicáveis com a sintaxe [texto do link](URL). Os links abrem em uma nova aba, para sua conveniência.
- Imagens: Insira imagens com a sintaxe . As imagens são exibidas de forma responsiva, com cantos arredondados.
- Código: Use acentos graves para código em linha e três acentos graves para blocos de código de várias linhas. O código recebe um fundo estilizado; não há destaque de sintaxe específico por linguagem.
- Listas: Comece as linhas com - ou * para listas com marcadores e com 1. para listas numeradas.
- Citações: Comece uma linha com > para criar uma citação estilizada, com um destaque azul na borda esquerda.
- Linhas horizontais: Use ---, *** ou ___ sozinhos em uma linha para criar um separador visual entre as seções.
- Quebras de linha: Use duas quebras de linha para criar quebras de parágrafo, ou uma única quebra de linha dentro de um parágrafo para criar quebras de linha.
Casos de uso
- Arquivos README: Escreva arquivos README.md com esta prévia básica e depois confirme a renderização no GitHub. Este interpretador não implementa a especificação GFM completa.
- Documentação técnica: Crie documentação para APIs, bibliotecas e projetos de software com formatação adequada, blocos de código e títulos estruturados.
- Posts de blog: Escreva o conteúdo do blog em Markdown, veja o layout na prévia e depois copie o HTML para colar no seu sistema de gerenciamento de conteúdo.
- Anotações: Use Markdown para fazer anotações estruturadas em reuniões, aulas ou pesquisas. Baixe as anotações como arquivos .md para armazená-las de forma organizada.
- Formatação de e-mails: Escreva o conteúdo em Markdown e copie o código-fonte HTML filtrado como texto. Use um editor compatível com HTML ou um fluxo de importação; um editor de texto formatado pode colar o código-fonte como texto simples.
- Aprender Markdown: Use os botões da barra de ferramentas e a referência rápida para aprender a sintaxe do Markdown de forma interativa, com retorno visual instantâneo.
- Migração de conteúdo: Converta conteúdo em Markdown para HTML e use em sites, wikis e sistemas de base de conhecimento.
Perguntas frequentes
Este editor de Markdown é gratuito?
O editor é gratuito e não exige cadastro. O tamanho do documento e a velocidade de renderização dependem dos recursos do navegador; não há garantia de capacidade de processamento ilimitada.
Meu conteúdo fica privado e seguro?
Este editor interpreta o conteúdo localmente, sem enviar nem salvar o documento automaticamente. Imagens externas podem fazer requisições aos seus servidores, e outros scripts do site podem usar armazenamento ou fazer requisições. Mantenha cópias salvas; isto não é uma garantia absoluta de privacidade ou segurança.
Quais recursos de Markdown são compatíveis?
O interpretador básico oferece suporte a H1 a H4, ênfase, links, imagens, código, listas simples, citações, linhas horizontais e parágrafos com quebras de linha. Aninhamentos complexos e extensões do GFM não são totalmente implementados.
Posso usar para arquivos README do GitHub?
Você pode escrever um README.md aqui, depois copiar ou salvar o Markdown e conferir no GitHub. Este interpretador básico não é um renderizador completo de GFM; recursos como tabelas, listas de tarefas e tachado podem ser renderizados de forma diferente.
Posso exportar para HTML?
Copiar código HTML coloca na área de transferência o texto HTML filtrado. Cole-o em um editor compatível com HTML ou importe-o como código-fonte; editores de texto formatado podem exibir a marcação como texto.
O editor funciona em dispositivos móveis?
Sim, o editor é totalmente responsivo. Em telas menores, os painéis do editor e da visualização ficam empilhados na vertical em vez de lado a lado, garantindo uma edição confortável em celulares e tablets.
Dicas e boas práticas
- Use títulos para estruturar: Organize seus documentos com uma hierarquia de títulos clara. Comece com H1 para o título, H2 para as seções principais e H3 para as subseções.
- Veja a prévia enquanto escreve: Mantenha o painel de visualização aberto para identificar problemas de formatação logo no início e garantir que o documento fique exatamente como você quer.
- Selecione o texto antes de formatar: Destaque o texto no editor antes de clicar em um botão da barra de ferramentas para envolver o trecho selecionado com a formatação escolhida.
- Use blocos de código para conteúdo técnico: Coloque trechos de código, comandos e exemplos de configuração em blocos de código para preservar a formatação e facilitar a leitura.
- Salve com frequência: Use o botão de download para salvar seu trabalho como arquivo .md. Arquivos Markdown são texto simples e podem ser abertos em qualquer editor de texto.
- Aprenda a sintaxe do Markdown: Use a barra de ferramentas ou digite a sintaxe Markdown diretamente, como ** para negrito e * para itálico. Este editor de código-fonte não define atalhos de teclado dedicados para formatação.