Editor Markdown - Pré-visualização ao vivo e exportação HTML
Escreva Markdown em um editor lado a lado com pré-visualização instantânea e copie ou baixe HTML limpo — tudo funciona localmente no seu navegador.
Digite ou cole Markdown à esquerda e veja o resultado renderizado aparecer à direita. Nada do que você escreve é enviado; o editor funciona inteiramente no seu dispositivo.
Editor Markdown - Pré-visualização ao vivo e exportação HTML
Escreva Markdown em um editor lado a lado com pré-visualização instantânea e copie ou baixe HTML limpo — tudo funciona localmente no seu navegador.
Pré-visualização
Palavras: 0Caracteres: 0
Como funciona: a fonte é analisada por um mecanismo compatível com CommonMark (tabelas, código cercado e tachado ativados), o HTML bruto é desativado por segurança e a pré-visualização mostra exatamente o HTML que você pode copiar ou baixar.
Sobre o editor Markdown online
Este editor Markdown oferece uma área de escrita sem distrações com uma pré-visualização ao vivo logo ao lado. Digite ou cole Markdown no painel de origem e o resultado renderizado é atualizado a cada tecla, para que você veja exatamente como títulos, listas, links, tabelas e blocos de código ficarão antes de publicar. Tudo acontece localmente no navegador: o analisador roda no seu dispositivo, não é preciso criar uma conta e nada do que você escreve é enviado a um servidor. Isso torna o editor seguro para anotações privadas, documentação interna e rascunhos não publicados.
A pré-visualização usa um renderizador compatível com CommonMark e oferece os extras no estilo GitHub esperados pela maioria dos autores. Tabelas separadas por barras verticais, blocos de código cercados, tachado com dois tils, links automáticos para URLs simples e substituições tipográficas, como aspas curvas, travessões e reticências, funcionam imediatamente. O HTML bruto na fonte é desativado de propósito, para que um trecho colado não injete scripts ou estilos na pré-visualização. A saída copiada ou baixada é uma marcação simples e previsível, com o mesmo comportamento em qualquer lugar.
Quando o documento estiver pronto, você tem várias opções de exportação. Copiar HTML coloca a marcação renderizada na área de transferência para colá-la diretamente em um CMS, modelo de e-mail ou layout de site estático. Baixar HTML envolve essa mesma marcação em uma página web independente completa, com doctype, codificação de caracteres e declaração de viewport corretos, pronta para abrir em qualquer navegador ou enviar a um colega. Baixar Markdown salva a fonte bruta como arquivo .md para controle de versão ou edição posterior, e Limpar redefine todo o espaço de trabalho com um clique.
Os contadores de palavras e caracteres ao vivo ficam abaixo do editor e são úteis quando você escreve com limite de tamanho — uma introdução de blog, descrição de produto, seção de README ou resumo de conferência. Como o contador ignora tokens formados apenas por pontuação, como cerquilhas e barras verticais, o número acompanha as palavras que o leitor realmente verá, não a marcação ao redor delas.
O editor foi projetado para ser leve, não um pipeline completo de publicação. Ele não sincroniza documentos entre dispositivos, não renderiza fórmulas matemáticas em LaTeX nem diagramas Mermaid e não exporta diretamente para PDF ou DOCX — para essas tarefas, use um conversor dedicado. O que ele faz, faz na hora: redação Markdown rápida e privada, pré-visualização fiel e exportação de HTML limpo, grátis e sem cadastro.
Exemplos do editor Markdown
Alguns trechos comuns e o que a pré-visualização ao vivo transforma neles.
| O Markdown que você digita | O que a pré-visualização mostra | Por que funciona |
|---|---|---|
| ## Lista de verificação do lançamento | Um título de nível dois | De um a seis caracteres # no início geram títulos h1 a h6. |
| | Nome | Qtd. | | --- | --- | | Canetas | 12 | | Uma tabela de duas colunas com linha de cabeçalho | Barras verticais e uma linha separadora de traços criam tabelas no estilo GitHub. |
| ~~preço antigo~~ $19 | Texto tachado antes do novo preço | Coloque o texto entre dois tils para aplicar tachado. |
| Visite https://example.com hoje | A URL simples vira um link clicável | O link automático está ativado, então URLs comuns são detectadas sem colchetes angulares. |
Como usar o editor Markdown
- Digite ou cole Markdown no painel de origem à esquerda — a pré-visualização renderizada à direita é atualizada enquanto você escreve.
- Observe os contadores de palavras e caracteres abaixo do editor se estiver escrevendo com limite de tamanho.
- Clique em Copiar HTML para colocar a marcação renderizada na área de transferência ou em Baixar HTML para salvar uma página web independente completa.
- Use Baixar Markdown para salvar a fonte .md, Carregar exemplo para explorar um documento de demonstração ou Limpar para começar de novo.
Perguntas frequentes do editor Markdown
Meu texto é enviado para algum lugar?
Não. A análise e a renderização da pré-visualização acontecem inteiramente no navegador, com um mecanismo JavaScript na página. Seu texto nunca sai do dispositivo e é descartado ao fechar a aba, então o editor é seguro para rascunhos confidenciais.
Quais sintaxes Markdown o editor aceita?
Ele segue o CommonMark e inclui os extras populares no estilo GitHub: tabelas com barras verticais, blocos de código cercados, tachado e links automáticos para URLs simples. Ênfase com asteriscos ou sublinhados, listas aninhadas, citações e imagens também são renderizadas como esperado.
Por que o HTML bruto do meu Markdown não é renderizado?
A passagem direta de HTML bruto é desativada de propósito. Isso impede que conteúdo colado injete scripts ou estilos na pré-visualização (um vetor comum de XSS) e mantém a marcação exportada limpa. Use sintaxe Markdown em vez de tags inline.
Como transformo meu Markdown em uma página web completa?
Clique em Baixar HTML. O editor envolve a marcação renderizada em um documento completo, com doctype, charset e metadados de viewport incluídos, para que o arquivo salvo abra corretamente em qualquer navegador sem trabalho extra.
Posso colar o HTML exportado no WordPress ou em um e-mail?
Sim. Copiar HTML fornece uma marcação semântica simples, sem folhas de estilo ou scripts externos, que pode ser colada facilmente em editores de código de CMS, criadores de e-mail e sistemas de documentação. A aparência vem do tema do destino.