Markdown Editor

Escreva Markdown à esquerda, veja a pré-visualização ao vivo à direita. Atalhos da barra de ferramentas para cada formatação comum. Totalmente no lado do cliente — seu conteúdo nunca sai do navegador.

Por que Markdown Editor?

Limpo, rápido, ao vivo — com todas as extensões Markdown comuns integradas.

Pré-visualização ao vivo

O HTML renderizado é atualizado conforme você digita, com blocos de código com destaque de sintaxe e GitHub Flavored Markdown.

Visão dividida ou completa

Escolha tela dividida (editor + pré-visualização), somente editor ou somente pré-visualização. O layout se adapta automaticamente ao celular.

Privacidade por design

Toda a análise de Markdown acontece no seu navegador. Seu conteúdo nunca é transmitido a nenhum servidor nem armazenado em lugar algum.

Barra de ferramentas e atalhos

Botões de um clique para título, negrito, itálico, código, link, citação, listas, tabelas, caixas de seleção. Atalhos de teclado: Ctrl/⌘+B, I, K.

GitHub Flavored Markdown

Tabelas, listas de tarefas, tachado, blocos de código cercados com detecção automática de linguagem para mais de 190 linguagens.

Copiar e baixar

Copie o código fonte Markdown ou o HTML renderizado para a área de transferência, ou baixe como arquivo.md.

Como funciona o editor Markdown

Edite à esquerda, veja o HTML à direita — instantaneamente, localmente.

1

Digite ou cole Markdown

O painel da esquerda é uma textarea simples. Cole um arquivo .md existente ou comece a escrever. Atalhos de teclado padrão funcionam (⌘ B para negrito, ⌘ I para itálico) e adicionamos uma barra de ferramentas para títulos, listas, links, blocos de código e tabelas.
2

O Marked.js renderiza para HTML

A cada tecla, passamos a entrada pelo marked, um parser CommonMark + GitHub Flavoured Markdown comprovado. Recursos do GFM — listas de tarefas, tabelas, riscado, autolinks — todos funcionam. A saída é sanitizada com DOMPurify para remover qualquer script embutido.
3

Pré-visualização com destaque de sintaxe

Blocos de código no HTML renderizado têm destaque com o highlight.js para ~190 linguagens. O painel de pré-visualização rola sincronizado com o editor para você ver a versão renderizada da seção que está editando.
4

Copie ou baixe

Exporte o Markdown bruto, o HTML renderizado ou uma única imagem autocontida (PNG via html-to-image). Os três formatos são produzidos no seu navegador — nada do seu rascunho passa por servidor algum.

Para que as pessoas usam isso

Fluxos reais em que um editor 100% no navegador faz a diferença.

Escrevendo arquivos README

Abra o editor, cole a descrição do seu projeto e veja exatamente como o README vai aparecer no GitHub antes de fazer push. Sem precisar fazer commit-e-reverter só para visualizar.

Escrevendo posts de blog

Use a pré-visualização ao vivo enquanto escreve para pegar Markdown quebrado — colchetes não fechados, tabelas mal formadas, níveis de cabeçalho que pulam. Evita o ciclo de "publica, vê quebrado, conserta, republica".

Anotações offline

Depois que a página carrega, o editor funciona num avião ou atrás de um firewall corporativo. Seu rascunho fica na aba do navegador; feche com cuidado ou copie antes de sair.

Convertendo Markdown para HTML limpo

Solte um documento Markdown longo, copie o HTML renderizado, cole no seu CMS. Costuma ser mais limpo que o importador nativo de Markdown do CMS, que retira formatação de forma imprevisível.

Por que rascunhos merecem privacidade

Rascunhos costumam conter ideias ainda cruas, nomes internos de produtos, feedback de clientes ou material protegido por NDA. Editores online que salvam automaticamente na nuvem transformam silenciosamente cada tecla num log de servidor. O editor Markdown do iKit nem tem endpoint de salvamento — seu rascunho vive só na aba do navegador.

Sem auto-save em servidor, sem histórico de rascunhos do nosso lado.
A renderização acontece a cada tecla localmente — sem chamadas de API debounced.
Imagens embutidas continuam como Data URIs ou URLs externas que você cola — não fazemos proxy delas.

Guias relacionados

Tutoriais detalhados e comparações de ferramentas do blog do iKit.

Perguntas frequentes

Meu conteúdo é enviado a um servidor?

Não. Toda a análise de Markdown acontece inteiramente no seu navegador usando a biblioteca marked (com DOMPurify para higienizar a saída contra XSS). Seu conteúdo nunca é transmitido, registrado ou armazenado.

Qual variante de Markdown é suportada?

CommonMark + GitHub Flavored Markdown (GFM): tabelas, listas de tarefas ([x], [ ]), tachado (~~), links automáticos e blocos de código cercados com destaque de sintaxe marcado por linguagem.

Meus arquivos são salvos?

Não. Esta ferramenta não salva automaticamente. Use o botão Baixar para salvar seu documento como arquivo.md. Como nada é armazenado no servidor, atualizar a página apagará seu trabalho.

Quais atalhos de teclado estão disponíveis?

Ctrl/⌘+B para negrito, Ctrl/⌘+I para itálico, Ctrl/⌘+K para link. Tab insere 4 espaços (ou indenta as linhas selecionadas). Shift+Tab reduz a indentação das linhas selecionadas.

Posso colar ou arrastar imagens?

Atualmente você pode inserir a sintaxe de imagem (![alt](url)) pela barra de ferramentas. O suporte direto a colar / arrastar imagens não está implementado porque as imagens precisariam ser armazenadas em algum lugar — o que violaria o design de privacidade em primeiro lugar.