Editor Markdown ao vivo
Editor Markdown online gratuito com preview HTML ao vivo. Digite CommonMark ou Markdown estilo GitHub à esquerda e veja o HTML renderizado à direita; os painéis rolam em sincronia para você não perder seu lugar em documentos longos. O preview é higienizado — tags <script> e handlers onclick colados não disparam, então você pode renderizar Markdown que copiou de qualquer lugar com segurança. Exporte como arquivo .md (a fonte que você escreveu) ou como arquivo .html (a saída renderizada), ou copie o HTML renderizado para a área de transferência para colar em WordPress, Ghost, Notion ou qualquer outro CMS. Três modos: lado a lado (padrão), apenas editor (modo foco), apenas preview (modo leitura).
Como usar
Sintaxe padrão — títulos (#), listas (-), negrito (**), código (```), tabelas (|).
Render ao vivo aparece à direita conforme você digita.
Modo foco esconde o preview; modo leitura esconde o editor.
Salve seu rascunho como .md (fonte) ou .html (renderizado), ou copie o HTML direto para a área de transferência para colar num CMS.
Edite Markdown à esquerda, veja HTML à direita — estilo GitHub, sanitizado, scroll sincronizável
Recursos
Usos típicos
- Rascunhar um post de blog em Markdown, renderizar para HTML, colar no seu CMS.
- Escrever um README localmente sem instalar um renderer.
- Converter um documento Markdown em HTML standalone para envio por email ou hospedagem.
- Formatar uma nota de reunião com títulos e listas com marcadores, depois copiar o HTML.
- Praticar sintaxe Markdown — ver como cada caractere se traduz em HTML.
Por que este
A renderização acontece instantaneamente a cada tecla pressionada — sem ida e volta a um servidor, sem atraso de "preview pronto em 3 segundos" que você encontra em editores CMS. Scroll sincronizado e layouts de três visualizações são configuráveis. Recursos GFM (tabelas, listas de tarefas, código com cerca) combinam exatamente com o que o GitHub renderiza para seu README; desligue GFM se você visa um consumidor CommonMark mais estrito (alguns geradores de sites estáticos, pipelines de publicação acadêmica).
Perguntas frequentes
O que é Markdown "estilo GitHub"?
Um superconjunto de CommonMark adicionando tabelas, blocos de código com cerca, listas de tarefas, autolinks e riscado. É o padrão de fato para arquivos README. Desligue "GFM" para renderizar CommonMark estrito.
Por que <script> no meu Markdown não renderiza?
Conteúdo ativo (scripts, event handlers, URLs javascript:) é removido antes da exibição — sem essa proteção, qualquer Markdown que você cole de um chat ou fórum poderia rodar código no seu navegador. Se você precisa de uma tag <script> literal como texto visível, escape com backticks (`<script>`) ou códigos de entidade HTML.
Posso escrever LaTeX/matemática?
Não — este é um renderizador Markdown simples, não um typesetter de matemática. Use um bloco code-fenced com linguagem `math` como placeholder; para renderização real de equações, o GitHub agora suporta blocos de matemática $...$ nativamente, e Obsidian / VS Code / MkDocs todos conectam KaTeX ou MathJax.
Como funciona o scroll sincronizado?
Quando você rola o editor, o preview rola proporcionalmente para corresponder. É baseado em porcentagem aproximada — não preciso por bloco — mas próximo o suficiente para navegação.
Mobile?
Sim. O layout dividido colapsa para painéis empilhados; alterne para apenas editor ou apenas preview para mais espaço.
Podemos — e é grátis! Envie uma mensagem rápida com sua ideia. Se quiser discutir em detalhes, deixe seu email e entraremos em contato. Pode ser anônimo.
