Editor Markdown — Quick Tools

Editor Markdown Online – Visualização em Tempo Real

Pare de alternar entre editor de texto e navegador só para ver como o Markdown fica renderizado. Este editor online divide a tela em dois painéis: Markdown bruto à esquerda, saída HTML estilizada à direita — atualizada enquanto você digita, sem atraso.

Ideal para escrever READMEs, documentação técnica, posts de blog ou anotações estruturadas. Exporte para .html ou .md, compartilhe via link comprimido ou importe um arquivo existente para continuar de onde parou — tudo sem instalar nada, sem cadastro.

Como Usar o Editor Markdown

Digite ou cole seu Markdown no painel esquerdo.
Veja a prévia atualizar em tempo real no painel direito — sem botão de "renderizar".
Exporte ou compartilhe pela barra de ferramentas: baixe como .md ou .html, copie o HTML renderizado ou gere um link de compartilhamento.
Importe um arquivo .md existente do seu dispositivo para editar diretamente no navegador.

Todo o processamento acontece no seu navegador. Nenhum conteúdo é enviado para servidores — seus textos ficam privados.

Recursos Suportados (GFM, Tabelas, Código)

O editor renderiza GitHub Flavored Markdown (GFM), o dialeto mais usado no mercado:

Títulos (#, ##, ###, ####)
Negrito, itálico, ~~tachado~~ e código inline
Listas ordenadas e não ordenadas, listas aninhadas
Blocos de código com destaque de sintaxe para JavaScript, Python, Bash, JSON, TypeScript e mais de 180 linguagens
Tabelas com alinhamento de colunas
Citações (>)
Linhas horizontais (---)
Links e imagens
Listas de tarefas (- [x] Feito, - [ ] Pendente)
URLs auto-linkadas

Conversão: Markdown para HTML

O botão "HTML" da barra exporta um arquivo .html completo e independente, com estilos embutidos — pronto para abrir no navegador ou publicar em qualquer CMS. O botão "Copy HTML" copia apenas o fragmento HTML renderizado, útil para colar em templates existentes ou e-mails.

O HTML exportado inclui tipografia limpa, blocos de código estilizados e formatação de tabelas. Sem dependências externas — funciona offline.

Editor Offline e Modo Sem Login

Por rodar inteiramente no navegador, este editor Markdown permite:

Usar sem internet após o primeiro carregamento (o JavaScript fica em cache no navegador).
Compartilhar via URL — o botão "Share" comprime o Markdown e codifica tudo em um link. Quem recebe o link abre e vê o conteúdo carregado no editor.
Importar arquivos locais — clique em "Import .md" para abrir um arquivo .md do seu computador diretamente.

Atalhos de Teclado

Atalho	Ação
`Ctrl+S` / `Cmd+S`	Baixar arquivo `.md`
`Shift+Enter`	Copiar HTML renderizado

O nome do rascunho no topo é editável — clique para renomear antes de baixar.

Casos de Uso Comuns

README do GitHub: Escreva e visualize exatamente como ficará no repositório antes de fazer commit. A renderização GFM é compatível com o GitHub.
Documentação técnica: Crie docs com títulos hierárquicos, blocos de código e tabelas. Exporte para HTML para wikis internas ou portais de documentação.
Posts de blog: Geradores de sites estáticos como Hugo, Jekyll e Eleventy usam Markdown. Escreva e revise aqui antes de publicar.
Anotações de reunião: Estruture notas com títulos, checkboxes e listas. Compartilhe via link ou baixe como .md.
Cheat sheets: Crie folhas de referência com blocos de código formatados e tabelas, exporte para HTML e distribua para a equipe.

Referência Rápida de Markdown

# Título 1
## Título 2
### Título 3

**negrito** *itálico* ~~tachado~~ `código`

- Item de lista
- Outro item

1. Item numerado
2. Outro

> Isso é uma citação

| Coluna A | Coluna B |
|----------|----------|
| Célula 1 | Célula 2 |

```js
const saudacao = 'Olá, Mundo!';

Texto do link Texto alternativo


## Perguntas Frequentes sobre Markdown

### O que é Markdown e para que serve?
Markdown é uma linguagem de marcação leve criada por John Gruber em 2004. Permite formatar texto simples com símbolos como asteriscos para negrito, cerquilhas para títulos e hifens para listas — que convertem para HTML. É amplamente usado em READMEs no GitHub, documentação técnica, blogs e anotações, pois é legível no formato bruto e renderiza de forma limpa.

### Como usar este editor Markdown online?
Digite ou cole Markdown no painel esquerdo. A prévia à direita atualiza em tempo real. Use a barra de ferramentas para importar um arquivo `.md`, limpar o editor, baixar como `.md` ou `.html`, gerar um link de compartilhamento ou copiar o HTML renderizado. O nome do rascunho no topo é editável.

### É necessário fazer login para usar?
Não. Este editor não exige conta, login ou e-mail. Funciona completamente no seu navegador. Seu conteúdo nunca é enviado para um servidor.

### Posso usar offline sem internet?
Sim. Após o primeiro carregamento, o editor funciona offline porque o JavaScript fica em cache pelo navegador. Você também pode instalar como PWA no Chrome ou Edge usando "Adicionar à tela inicial" para ter um editor Markdown independente e offline.

### Como faço para exportar meu Markdown em HTML?
Clique em "HTML" na barra para baixar um arquivo `.html` completo com estilos embutidos. Ou clique em "Copy HTML" para copiar apenas o fragmento HTML renderizado — útil para colar em CMS, templates de e-mail ou páginas HTML existentes.

### Quais recursos e sintaxe (GFM) são suportados?
Este editor suporta GitHub Flavored Markdown (GFM): títulos, negrito, itálico, tachado, código inline, blocos de código com destaque de sintaxe, listas, listas de tarefas, tabelas, citações, linhas horizontais, links, imagens e URLs auto-linkadas.

### Como adiciono imagens e links?
Use a sintaxe padrão: `[texto do link](url)` para links e `![texto alternativo](url-da-imagem)` para imagens. Para código, use três crases seguidas do nome da linguagem (ex: ` ```javascript `) para ativar o destaque de sintaxe.

### Existem atalhos de teclado disponíveis?
Sim. `Ctrl+S` (ou `Cmd+S` no Mac) baixa o arquivo `.md`, e `Shift+Enter` (fora do editor) copia o HTML renderizado. Os atalhos funcionam no Windows, macOS e Linux.

### O editor é gratuito?
Sim, completamente gratuito. Sem assinatura, sem marca d'água nos exports, sem limite de caracteres. Faz parte do Quick Tools, uma coleção de utilitários para desenvolvedores que rodam no navegador.

### Quais navegadores são suportados?
Funciona em todos os navegadores modernos: Chrome 105+, Firefox 101+, Safari 15.4+ e Edge 105+. O Internet Explorer não é suportado.

## Recursos

- [CommonMark — Tutorial Interativo](https://commonmark.org/help/) — Tutorial oficial com exemplos ao vivo cobrindo a sintaxe Markdown padrão.
- [Guia de Markdown do GitHub](https://docs.github.com/pt/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax) — Referência para extensões GFM como listas de tarefas e tabelas.