DevToolPal
PT

Conversor de HTML para Markdown

Converta HTML em Markdown limpo com títulos, listas, links, imagens, blocos de código e tabelas do GitHub.

Roda localmente, nada é enviado

Opções

Marcador de lista
Blocos de código
Itálico
Negrito

HTML

0 caracteres · 0 B

Markdown

0 caracteres · 0 B

O que faz

O conversor de HTML para Markdown transforma marcação HTML em Markdown limpo e legível. Use-o para levar posts de blog de um CMS para um gerador de sites estáticos, escrever READMEs a partir de páginas existentes, salvar documentação como notas ou preparar conteúdo para uma wiki, uma issue do GitHub ou um chat que entenda Markdown.

A saída segue as convenções comuns do Markdown: títulos com #, itens de lista com -, blocos de código cercados com a linguagem original, e tabelas e tachado do GitHub Flavored Markdown. O texto é escapado quando necessário para que nada vire formatação por acidente.

Como usar

  1. Cole o HTML na entrada, envie um arquivo .html ou clique em Exemplo.
  2. Ajuste o estilo se o seu projeto tiver uma convenção: marcador de lista, blocos de código cercados ou indentados, marcadores de itálico e negrito, e links inline ou por referência.
  3. Copie o Markdown ou baixe como arquivo .md.

Exemplo

Este HTML:

<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>

vira este Markdown:

## Install

Run the **installer** and read the [guide](https://example.com).

- Windows
- macOS

Dicas

  • Copiando do navegador? Use o código-fonte ou as ferramentas de desenvolvedor para pegar só o HTML do elemento article, assim menus e rodapés ficam fora do resultado.
  • Links por referência tiram URLs longas do texto, deixando o Markdown mais fácil de ler e editar. As URLs ficam listadas no fim.
  • Imagens data: incorporadas são removidas por padrão porque podem ter centenas de kilobytes. Ligue a opção para mantê-las.
  • Para o caminho inverso, use o conversor de Markdown para HTML ou veja o resultado na pré-visualização de Markdown.

Perguntas frequentes

› Quais elementos HTML são convertidos?

Títulos, parágrafos, negrito, itálico, tachado, links, imagens, listas ordenadas e não ordenadas (inclusive aninhadas), citações, código inline, blocos de código com a linguagem, linhas horizontais, quebras de linha e tabelas. As tabelas viram tabelas do GitHub Flavored Markdown.

› O que acontece com scripts, estilos e o head da página?

São removidos. script, style, noscript, template, svg, iframe e toda a seção head não geram Markdown, então você pode colar o código-fonte de uma página inteira e obter só o conteúdo legível.

› E o HTML que o Markdown não consegue representar?

Tags desconhecidas são removidas e o texto delas é mantido. Atributos como classes, estilos inline e IDs são descartados, porque o Markdown não tem sintaxe para eles. Um bloco de código mantém a linguagem quando o elemento code tem uma classe como language-js.

› Por que alguns caracteres ganham uma barra invertida?

Texto que viraria formatação Markdown, como uma linha começando com 1. ou palavras entre asteriscos, é escapado para que o Markdown apareça exatamente como o texto do HTML original.

› O HTML é enviado?

Não. A conversão roda no seu navegador com um parser de HTML em JavaScript, e nada é enviado a um servidor.