Conversor de HTML para Markdown

Bem-vindo ao nosso Conversor de HTML para Markdown, uma ferramenta online gratuita que transforma a marcação HTML em sintaxe Markdown limpa e legível. Esteja você migrando conteúdo de um CMS para um site estático, escrevendo documentação, preparando arquivos README ou convertendo postagens de blog para plataformas como GitHub ou Jekyll, este conversor lida com cabeçalhos, links, imagens, tabelas, blocos de código, listas e muito mais com precisão.

O que é Markdown?

Markdown é uma linguagem de marcação leve criada por John Gruber em 2004. Ele usa convenções simples de formatação de texto simples como # Cabeçalho, **negrito**, - item de lista e [link](url) para criar documentos estruturados fáceis de ler em sua forma bruta e que podem ser convertidos para HTML para exibição na web. Markdown é o formato padrão para arquivos README, documentação de desenvolvedor, blogs, fóruns e aplicativos de anotações.

Por que converter HTML para Markdown?

1. Migração de Conteúdo

Mover conteúdo de WordPress, Drupal ou outras plataformas CMS baseadas em HTML para geradores de sites estáticos como Jekyll, Hugo ou Gatsby requer a conversão de HTML para Markdown. Esta ferramenta automatiza esse processo.

2. Documentação

Documentação de desenvolvedor no GitHub, GitLab e Bitbucket usa Markdown. Converter documentos HTML existentes para Markdown torna-os mais fáceis de manter, controlar versão e colaborar.

3. Legibilidade

Markdown é muito mais legível que HTML em sua forma bruta. Converter HTML para Markdown torna o conteúdo mais fácil para humanos digitalizarem, editarem e revisarem sem lidar com colchetes angulares e tags de fechamento.

4. Portabilidade

Arquivos Markdown funcionam em centenas de plataformas e ferramentas. Ao converter HTML para Markdown, seu conteúdo se torna portátil e à prova de futuro.

Elementos HTML Suportados

Como usar esta ferramenta

1. Cole seu HTML: Copie e cole o conteúdo HTML que deseja converter no editor de entrada à esquerda. Você também pode clicar em um exemplo rápido para ver como funciona.
2. Configure as opções: Escolha seu estilo de cabeçalho preferido (ATX ou Setext), marcador de lista (- ou *) e estilo de cerca de código (crases ou tils).
3. Veja a saída Markdown: O Markdown convertido aparece instantaneamente no painel direito enquanto você digita.
4. Copie ou baixe: Clique em Copiar para copiar o Markdown para sua área de transferência ou em Baixar para salvá-lo como um arquivo .md. Você também pode alternar a visualização ao vivo para ver como o Markdown é renderizado.

Opções de Estilo de Link

Em linha (Padrão)

O estilo em linha coloca o endereço do link diretamente ao lado do texto do link, como [texto](url). Um título do link, se presente no HTML, é mantido entre aspas após o endereço.

Referenciado

O estilo referenciado escreve o texto do link como [texto][1] e reúne cada endereço em uma lista numerada ao final da saída Markdown, como [1]: url. Isso mantém URLs longas fora do corpo do texto e é útil para artigos extensos.

Opções de Estilo de Cabeçalho

Estilo ATX (Padrão)

O estilo ATX usa símbolos de cerquilha (#) antes do texto do cabeçalho. Ele suporta todos os seis níveis de cabeçalho e é o estilo mais amplamente usado no Markdown moderno:

# Cabeçalho 1 | ## Cabeçalho 2 | ### Cabeçalho 3

Como a Compressão É Calculada

O valor de Compressão compara o comprimento da sua saída Markdown com o comprimento da sua entrada HTML, ambos contados em caracteres. É calculado como 100% menos (caracteres do Markdown divididos por caracteres do HTML), arredondado para o percentual inteiro mais próximo. Por exemplo, se o seu HTML tiver 1.000 caracteres e o Markdown tiver 600 caracteres, a compressão mostra 40%. Um número maior significa que o Markdown é mais curto que o HTML; um número negativo significa que o Markdown é mais longo.

Estilo Setext

O estilo Setext usa sublinhados abaixo do texto do cabeçalho. Ele suporta apenas h1 e h2 (h3-h6 revertem para ATX). Alguns escritores preferem para cabeçalhos de nível superior por causa de sua ênfase visual no Markdown bruto.

Casos de Uso Comuns

Migração de CMS

Migrar conteúdo de blog do WordPress, Ghost ou Squarespace para plataformas baseadas em Markdown como Hugo, Jekyll, Gatsby ou Next.js. Cole a fonte HTML e obtenha Markdown limpo pronto para seu novo site.

Arquivos README do GitHub

Converter documentação HTML ou maquetes de design para Markdown para repositórios GitHub. O conversor lida com tabelas, blocos de código e listas aninhadas que o GitHub Flavored Markdown suporta.

E-mail para Documentação

Converter conteúdo de e-mail HTML ou conteúdo de página da web em formato Markdown para wikis de documentação interna ou bases de conhecimento.

Anotações

Converter conteúdo da web para Markdown para aplicativos como Obsidian, Notion, Bear ou Typora. Notas em Markdown são portáteis e à prova de futuro.

Dicas para Melhores Resultados

Limpe o HTML Primeiro

Para melhores resultados, use HTML limpo sem estilos embutidos excessivos. O conversor foca na estrutura semântica do HTML, então remover atributos style e class desnecessários produz uma saída mais limpa.

Verifique o Alinhamento da Tabela

Tabelas HTML complexas com células mescladas (colspan/rowspan) podem não ser convertidas perfeitamente, já que as tabelas Markdown não suportam mesclagem de células. Tabelas simples são convertidas com precisão.

Listas Aninhadas

O conversor lida com listas aninhadas corretamente com o recuo adequado. Se o seu HTML tiver listas profundamente aninhadas, revise a saída para garantir que o aninhamento corresponda às suas expectativas.

Perguntas Frequentes

O que é um conversor de HTML para Markdown?

Um conversor de HTML para Markdown é uma ferramenta online que transforma a marcação HTML na sintaxe Markdown equivalente. Ele converte tags HTML como cabeçalhos, negrito, itálico, links, imagens, listas, tabelas e blocos de código em seus equivalentes Markdown, produzindo conteúdo formatado em texto simples limpo e legível.

Meu conteúdo HTML está seguro ao usar este conversor?

Sim, completamente seguro. Toda a conversão de HTML para Markdown acontece inteiramente no seu navegador usando JavaScript no lado do cliente. Seu conteúdo nunca é enviado para nenhum servidor, armazenado ou transmitido. Seu HTML permanece completamente privado.

Quais elementos HTML este conversor suporta?

Este conversor suporta todos os elementos HTML comuns, incluindo cabeçalhos (h1-h6), parágrafos, negrito, itálico, tachado, links, imagens, listas ordenadas e não ordenadas, listas aninhadas, tabelas, blocos de código, código embutido, citações, réguas horizontais, quebras de linha e texto pré-formatado.

Qual é a diferença entre os estilos de cabeçalho ATX e Setext?

O estilo ATX usa símbolos de cerquilha antes do texto do cabeçalho (ex: ## Cabeçalho 2), enquanto o estilo Setext usa sublinhados abaixo do texto do cabeçalho (ex: uma linha de hifens para h2). O ATX suporta todos os seis níveis de cabeçalho (h1-h6), enquanto o Setext suporta apenas h1 e h2. O ATX é mais comumente usado no Markdown moderno.

Posso converter tabelas HTML para Markdown?

Sim. Este conversor suporta tabelas HTML e as converte para a sintaxe de tabela GitHub Flavored Markdown (GFM) com alinhamento de coluna adequado usando barras verticais e hifens. Ele lida corretamente com os elementos thead, tbody, th e td.

Recursos Adicionais

• Guia de GitHub Flavored Markdown