Limpador de HTML

Reduza o HTML colado a um código limpo e seguro, só com tags de conteúdo.

Roda no seu navegador
Sem uploads
Sem conta

Carregando a ferramenta no navegador…

O que faz: Limpador de HTML

HTML copiado do Word, do Google Docs, de modelos de e-mail ou de um construtor de sites vem com camadas de spans, estilos inline e nomes de classe gerados. Colado num CMS ou editor de central de ajuda, ele briga com os estilos do seu site e incha a página. O limpador reconstrói o código a partir do conteúdo e mantém só as tags que descrevem a estrutura.

A linha de status abaixo do resultado conta o que foi retirado, como 3 estilos inline ou 2 tags de agrupamento. Mude o resultado para Prévia para conferir se a versão limpa continua correta e use Mais opções para manter qualquer categoria de que precise.

Exemplo

Entrada

<div class="post"><p style="color:red" onclick="go()">Leia o <a href="javascript:alert(1)">guia</a> ou a <a href="/help/">central de ajuda</a>.</p><span></span><!-- nota --></div>

Resultado

<p>Leia o guia ou a <a href="/help/" rel="noopener noreferrer">central de ajuda</a>.</p>

Status: Limpo. Removido: 2 tags de agrupamento, 1 estilo inline, 1 manipulador de evento, 1 link inseguro, 1 comentário. O link javascript: é desfeito e só o texto dele fica, e o link seguro recebe rel="noopener noreferrer".

Como usar: Limpador de HTML

Cole o HTML na caixa HTML, ou clique em Abrir arquivo para carregar um arquivo .html.
Abra Mais opções para manter estilos inline, classes e ids, comentários ou elementos vazios, ou para descartar imagens ou tabelas.
Clique em Copiar ou Baixar .html.

Bom saber

Só um conjunto fixo de tags de conteúdo sobrevive. Elementos como <details>, <abbr> ou componentes personalizados são desfeitos e viram o seu texto, então confira o conteúdo interativo depois.
Desativar Manter tabelas não apaga os dados: cada linha vira um parágrafo com as células separadas por |.
As imagens mantêm src, alt, title, width e height, mas srcset e loading são removidos, então conjuntos de imagens responsivas voltam a ser um único arquivo.

Perguntas sobre Limpador de HTML

Como limpo HTML copiado do Word ou do Google Docs?

Cole o código HTML, não o texto visível, na caixa. O Word e o Docs envolvem o texto em spans com estilos inline e nomes de classe; o limpador remove isso e mantém títulos, parágrafos, listas, links e tabelas. Cole o resultado na visualização de HTML do seu editor.

Por que um link virou texto puro?

O href dele usava um esquema que o limpador considera inseguro, como javascript: ou data:. O limpador remove o link, mas mantém o texto para a frase continuar fazendo sentido. Acrescente uma URL https:// ou relativa de verdade no seu editor se o link deve levar a algum lugar.

Posso manter as classes para o meu próprio CSS?

Sim. Desative Remover classes e ids em Mais opções. Os estilos inline têm a própria opção, Remover estilos inline, então você pode manter as classes e ainda tirar cores e fontes fixas.

Qual é a diferença para o Formatador de HTML?

O limpador muda o código, removendo tags e atributos, e depois recua o resultado com dois espaços. O Formatador de HTML muda só os espaços em branco e mantém todo elemento e atributo que você colou.