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ê digitaO que a pré-visualização mostraPor que funciona
## Lista de verificação do lançamentoUm título de nível doisDe 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çalhoBarras verticais e uma linha separadora de traços criam tabelas no estilo GitHub.
~~preço antigo~~ $19Texto tachado antes do novo preçoColoque o texto entre dois tils para aplicar tachado.
Visite https://example.com hojeA URL simples vira um link clicávelO link automático está ativado, então URLs comuns são detectadas sem colchetes angulares.

Como usar o editor Markdown

  1. Digite ou cole Markdown no painel de origem à esquerda — a pré-visualização renderizada à direita é atualizada enquanto você escreve.
  2. Observe os contadores de palavras e caracteres abaixo do editor se estiver escrevendo com limite de tamanho.
  3. 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.
  4. 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.