polyshNettoyeur HTML
Réduisez un HTML collé à un code propre et sûr, avec seulement des balises de contenu.
- Fonctionne dans votre navigateur
- Aucun envoi de fichier
- Aucun compte
Chargement de l'outil dans votre navigateur…
Ce que fait Nettoyeur HTML
Le HTML copié depuis Word, Google Docs, des modèles d’e-mail ou un constructeur de sites transporte des couches de span, de styles en ligne et de noms de classes générés. Collé dans un CMS ou un éditeur de centre d’aide, il entre en conflit avec les styles de votre site et alourdit la page. Le nettoyeur reconstruit le code à partir du contenu et ne garde que les balises qui décrivent la structure.
La ligne d’état sous le résultat compte ce qui a été retiré, par exemple 3 styles en ligne ou 2 balises d’enveloppe. Basculez le résultat sur « Aperçu » pour vérifier que la version nettoyée se lit toujours correctement, et utilisez « Plus d’options » pour conserver une catégorie dont vous avez besoin.
Exemple
Entrée
<div class="post"><p style="color:red" onclick="go()">Lisez le <a href="javascript:alert(1)">guide</a> ou le <a href="/help/">centre d’aide</a>.</p><span></span><!-- note --></div>
Résultat
<p>Lisez le guide ou le <a href="/help/" rel="noopener noreferrer">centre d’aide</a>.</p>
État : Nettoyage terminé. Supprimé : 2 balises d’enveloppe, 1 style en ligne, 1 gestionnaire d’événement, 1 lien non sûr, 1 commentaire. Le lien javascript: est retiré et seul son texte reste, et le lien sûr reçoit rel="noopener noreferrer".
Mode d'emploi : Nettoyeur HTML
- Collez du HTML dans le champ « HTML », ou cliquez sur « Ouvrir un fichier » pour charger un fichier .html.
- Ouvrez « Plus d’options » pour conserver les styles en ligne, les classes et id, les commentaires ou les éléments vides, ou pour supprimer les images ou les tableaux.
- Cliquez sur « Copier », ou sur « Télécharger le .html ».
Bon à savoir
- Seul un ensemble fixe de balises de contenu est conservé. Des éléments comme
<details>,<abbr>ou des composants personnalisés sont réduits à leur texte : vérifiez ensuite le contenu interactif. - Désactiver « Garder les tableaux » ne supprime pas les données : chaque ligne devient un paragraphe dont les cellules sont séparées par |.
- Les images gardent src, alt, title, width et height, mais srcset et loading sont retirés : les jeux d’images responsives se replient donc sur un seul fichier.
Questions sur Nettoyeur HTML
Comment nettoyer le HTML copié depuis Word ou Google Docs ?
Collez dans le champ le code source HTML, pas le texte visible. Word et Docs entourent le texte de span avec des styles en ligne et des noms de classes ; le nettoyeur les retire et garde titres, paragraphes, listes, liens et tableaux. Collez le résultat dans la vue HTML de votre éditeur.
Pourquoi un lien est-il devenu du texte brut ?
Son href utilisait un schéma que le nettoyeur considère comme non sûr, comme javascript: ou data:. Le nettoyeur retire le lien mais garde son texte pour que la phrase reste lisible. Ajoutez une vraie URL https:// ou relative dans votre éditeur si le lien doit mener quelque part.
Puis-je garder les classes pour mon propre CSS ?
Oui. Désactivez « Supprimer les classes et les id » dans « Plus d’options ». Les styles en ligne ont leur propre interrupteur, « Supprimer les styles en ligne » : vous pouvez donc garder les classes tout en supprimant les couleurs et polices codées en dur.
En quoi est-il différent du Formateur HTML ?
Le nettoyeur modifie le code en retirant des balises et des attributs, puis indente le résultat de deux espaces. Le Formateur HTML ne modifie que les espaces et conserve chaque élément et attribut collé.