Conversor de HTML para Markdown

Cole o HTML — ou copie texto formatado direto de uma página web, Google Doc ou e-mail — e receba um Markdown organizado para usar em um README, wiki ou site estático.

Atualizado em
0 caracteres
Markdown
0 caracteres
Usar em

Copiar para o Webflow cola um novo elemento Rich Text no Designer (Ctrl/⌘+V na tela ou no Navigator). Copiar como texto formatado cola o texto formatado em um elemento Rich Text já existente, no Google Docs, no Notion ou em um e-mail.

Seus dados nunca saem do seu computador. Todo o processamento acontece localmente no navegador.

Como usar: HTML para Markdown

  1. Cole o código HTML no painel da esquerda — ou copie um texto formatado de uma página web ou documento e cole; com “Colar texto formatado como HTML” ativado, a formatação é mantida.
  2. Escolha o estilo de Markdown de sua preferência: estilo de títulos, marcador de lista, estilo de bloco de código e links inline ou de referência.
  3. Mantenha o GFM ativado para converter <table>, <del> e listas de checkbox em Markdown no estilo GitHub.
  4. Copie o resultado ou baixe como arquivo .md.

O que é um conversor de HTML para Markdown?

Um conversor de HTML para Markdown lê os elementos HTML e os reescreve na sintaxe de texto simples do Markdown: <h2> vira ## , <strong> vira **…**, <a href> vira [texto](url). É a forma mais rápida de levar conteúdo de um CMS, de um blog antigo ou de uma página web para um repositório Git, um gerador de sites estáticos (Hugo, Jekyll, Astro, Docusaurus), uma wiki ou um app de anotações como o Obsidian. Esta ferramenta usa a biblioteca open-source Turndown com o plugin GFM, e roda inteiramente no seu navegador.

Copiando de páginas web, Google Docs e Word

Quando você copia um texto de um navegador ou de um app de escritório, a área de transferência guarda uma versão em HTML junto com o texto simples. Com Colar texto formatado como HTML ativado, colar no painel da esquerda insere esse HTML, então títulos, negrito, links e listas são preservados. Desative a opção se quiser colar o código HTML bruto exatamente como foi copiado de um editor de código.

Exemplo

<h2>Install</h2>
<p>Run <code>npm i</code>, then
read the <a href="/docs">docs</a>.</p>
<ul>
  <li>Fast</li>
  <li><em>Small</em></li>
</ul>

vira

## Install

Run `npm i`, then read the [docs](/docs).

-   Fast
-   _Small_

O Turndown alinha os marcadores das listas com recuo de quatro caracteres, para que listas aninhadas e itens com vários parágrafos fiquem corretamente alinhados em qualquer parser de Markdown.

Opções explicadas

OpçãoEscolhasQuando usar
Títulos# ATX ou Setext (sublinhado com ===/---)ATX é o padrão mais comum; Setext só existe para h1 e h2.
Marcador de lista-, *, +Siga o linter do seu projeto (regra MD004 do markdownlint).
Blocos de código``` cercas, cercas ~~~, indentação de 4 espaçosAs cercas mantêm a linguagem (vinda de class="language-js"); blocos indentados não conseguem.
LinksInline ou no estilo de referênciaLinks de referência tiram URLs longas dos parágrafos e as listam no final.

O que não é convertido

O Markdown não tem sintaxe para cores, fontes, layouts de colunas, formulários ou células mescladas em tabelas. Estilos são descartados, blocos <script> e <style> são removidos, e tabelas sem linha de cabeçalho são mantidas como HTML, já que tabelas GFM precisam de cabeçalho e só aceitam células simples de uma linha. Células mescladas (colspan/rowspan) não têm representação. Limpe um marcação bagunçada primeiro com o Formatador de HTML e confira o resultado com o conversor de Markdown para HTML.

Também pesquisado como: converter html para markdown, html para md, turndown, texto rico para markdown, página web para markdown, html2markdown, tabela gfm.

Ferramentas que combinam com: HTML para Markdown

  • HTML para Webflow Rich Text — Cole HTML bagunçado, de um site antigo, de uma exportação do WordPress, do Google Docs ou do Word, e receba marcação semântica limpa que o elemento Rich Text e a importação de CMS do Webflow aceitam sem lixo.
  • Codificador de Entidades HTML — Escape < > & " para que o texto possa ser exibido com segurança no HTML, converta acentos e símbolos em entidades nomeadas ou numéricas, ou decodifique HTML cheio de entidades de volta para texto simples.
  • Verificador de Diferenças — Cole uma versão original e uma versão alterada para ver lado a lado as linhas adicionadas, removidas e modificadas — com as palavras exatas que mudaram destacadas dentro de cada linha.
  • Contador de palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.

Perguntas frequentes

Posso colar o resultado no Webflow?
Sim. Copiar para o Webflow coloca um elemento Rich Text na área de transferência: pressione Ctrl/⌘+V no Designer e títulos, listas, links, imagens e citações chegam como Rich Text nativo. Copiar como texto formatado cola o texto formatado em um elemento Rich Text já existente. Para limpar o HTML colado antes, use HTML para Webflow Rich Text.
Meu HTML é enviado para algum servidor?
Não. O Turndown roda no seu navegador e interpreta o HTML com o DOMParser inerte do navegador, então scripts no HTML colado nunca são executados e nada é enviado.
Como converto uma página web inteira para Markdown?
Selecione o texto do artigo na página, copie e cole aqui com “Colar texto formatado como HTML” ativado. Como alternativa, veja o código-fonte da página, copie o HTML relevante e cole. Menus de navegação e rodapés são melhores de deixar fora da seleção.
Por que minha tabela ainda está em HTML?
Tabelas Markdown no estilo GitHub precisam começar com uma linha de cabeçalho. Tabelas sem uma (sem <th> ou <thead>) são mantidas como HTML, que a maioria dos renderizadores de Markdown aceita. Células mescladas, tabelas aninhadas e listas dentro de células não podem ser expressas em GFM.
Qual marcador de lista devo escolher?
Os três são equivalentes no CommonMark. - é a escolha mais comum e o padrão do Prettier; use o que o guia de estilo do seu projeto ou a configuração do markdownlint espera.
As imagens são convertidas?
Sim. <img src="a.png" alt="Logo"> vira ![Logo](a.png), incluindo o atributo title, se houver. Os arquivos de imagem em si não são baixados.
Posso instalar o HTML para Markdown como um aplicativo da web e usá-lo offline?
Sim. O HTML para Markdown é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.

Ferramentas relacionadas