Conversor HTML para Markdown — Preview ao Vivo e Fetch de URL
Cole qualquer HTML — de um CMS, editor WYSIWYG ou email — e veja o Markdown limpo aparecer instantaneamente no painel ao lado. Sem servidor, sem cadastro, sem instalar nada.
O conversor usa a biblioteca Turndown.js rodando 100% no seu navegador. Ele converte headings, parágrafos, negrito, itálico, links, imagens, listas, blockquotes, blocos de código e tabelas (modo GFM). Você controla o formato de saída: estilo ATX ou Setext para headings, marcador de bullet (*, - ou +) e suporte a GitHub Flavored Markdown.
Como Usar o Conversor HTML para Markdown
- Cole o HTML — cole qualquer trecho de HTML ou o código-fonte completo de uma página no painel esquerdo. O Markdown aparece no painel direito instantaneamente, atualizando em tempo real enquanto você digita.
- Ajuste as opções — no painel central, escolha o estilo de heading (ATX ou Setext), o marcador de bullet e ative ou desative GFM e Sanitize HTML conforme a plataforma de destino.
- Copie ou baixe — clique em "Copy MD" para copiar o Markdown ou "Download" para salvar um arquivo
.mdpronto para o seu editor. - Busque uma URL — cole qualquer URL pública na barra no topo e clique em "Fetch & Convert". A tool busca a página, remove navegação e anúncios, extrai o conteúdo principal e converte para Markdown automaticamente.
Exemplos de Conversão HTML para Markdown
Exemplo — Heading e parágrafo:
Entrada: <h1>Introdução</h1><p>Este é um <strong>texto importante</strong>.</p>
Saída: # Introdução\n\nEste é um **texto importante**.
Exemplo — Lista não ordenada:
Entrada: <ul><li>Maçãs</li><li>Laranjas</li><li>Bananas</li></ul>
Saída: * Maçãs\n* Laranjas\n* Bananas
Exemplo — Tabela com GFM ativado:
Entrada: <table><thead><tr><th>Nome</th><th>Função</th></tr></thead>
<tbody><tr><td>Ana</td><td>Dev</td></tr></tbody></table>
Saída: | Nome | Função |\n| --- | --- |\n| Ana | Dev |
Exemplo — Estilo inline (caso extremo):
Entrada: <p style="color:red"><strong>Atenção</strong></p>
Saída: **Atenção**
Estilos CSS inline são removidos — Markdown não suporta estilização arbitrária. Apenas a formatação estrutural (negrito, heading, listas) é preservada.
HTML para Markdown — O Que É e Por Que Importa
Converter HTML para Markdown é o processo de traduzir a marcação semântica do HTML para a sintaxe de texto simples do Markdown. <h1>Título</h1> vira # Título; <strong>negrito</strong> vira **negrito**.
Markdown é muito mais fácil de ler, escrever e manter do que HTML — especialmente para conteúdo versionado no Git, documentações ou bases de conhecimento como Obsidian e Notion. Também é o formato esperado por geradores de sites estáticos como Hugo, Astro, Jekyll e Eleventy.
Casos de Uso Comuns
- Migrar blog do WordPress/CMS para gerador estático: Exporte o HTML dos posts, cole aqui, obtenha arquivos
.mdprontos para Hugo, Astro ou Jekyll. O Fetch de URL facilita a migração em massa. - Salvar artigos no Obsidian: Use o Fetch de URL para converter qualquer artigo para Markdown e cole direto no seu vault do Obsidian com toda a formatação preservada.
- Limpar saída de editores WYSIWYG: Editores como TipTap, Quill e Froala geram HTML. Se o seu backend armazena Markdown, converta o HTML aqui antes de salvar.
- Converter emails HTML para documentação: Emails produzem HTML aninhado e complexo. Cole o corpo do email e obtenha Markdown limpo para suas docs internas ou Confluence.
- Aprender sintaxe Markdown: Escreva em HTML e veja o Markdown equivalente instantaneamente — uma referência prática.
Perguntas Frequentes
O que é um conversor HTML para Markdown?
É uma ferramenta que transforma marcação HTML (<h1>, <strong>, <ul>) em sintaxe Markdown equivalente (#, **, -). Útil para migrar conteúdo entre plataformas, limpar saída de editores WYSIWYG e salvar conteúdo web em ferramentas baseadas em Markdown como Obsidian ou Notion.
O recurso de Fetch de URL funciona com qualquer site?
Funciona com a maioria das páginas públicas com estrutura editorial clara. A tool busca a página via proxy CORS, remove navegação, cabeçalhos, rodapés e anúncios, e extrai o conteúdo principal. Páginas protegidas por login, paywall ou anti-scraping não podem ser buscadas.
O que é o modo GitHub Flavored Markdown (GFM)?
GFM é uma extensão do Markdown usada pelo GitHub, GitLab e muitas outras plataformas. Ele adiciona: tabelas pipe (| Col 1 | Col 2 |), tachado (~~texto~~), listas de tarefas e autolinks. Ative o GFM no painel de opções para usar esses recursos.
Meu HTML é enviado para algum servidor?
Não. A biblioteca Turndown roda 100% no seu navegador. Nenhum HTML é enviado para nenhum servidor. O Fetch de URL usa um proxy CORS client-side para recuperar a página — seu HTML local nunca é transmitido.
Qual a diferença entre estilo ATX e Setext para headings?
ATX usa cerquilhas: # Heading 1, ## Heading 2. Funciona para todos os seis níveis e é suportado em todos os lugares. Setext usa sublinhados (Heading 1\n=========) e só funciona para h1 e h2. Use ATX para compatibilidade máxima.
Recursos
- Turndown — GitHub — A biblioteca JavaScript que alimenta este conversor. Open source, compatível com browser e altamente configurável.
- Especificação CommonMark — A especificação oficial da sintaxe padrão do Markdown.
- Especificação GitHub Flavored Markdown — Documentação oficial do GFM, incluindo sintaxe de tabelas, listas de tarefas e tachado.