Remplacement d attributs HTML
Recherchez et remplacez en lot les valeurs des attributs HTML comme class, id, href et src.
Qu’est-ce qu’un outil de remplacement d’attribut HTML ?
L’outil recherche des valeurs par nom d’attribut et met à jour plusieurs attributs class, id, src, href, data-* ou personnalisés. Il propose une valeur exacte, un contenu inclus ou une expression régulière, avec choix de la casse et du premier résultat par balise. Il aide à renommer des classes, chemins et modèles.
Remplacer des attributs HTML
- Collez le HTML et saisissez le nom d’attribut cible, comme class, src ou data-theme.
- Saisissez les valeurs de recherche et remplacement, puis choisissez exact, contient ou expression régulière. Regex convient aux valeurs numérotées et suffixes variables.
- Cliquez sur Remplacer les attributs, vérifiez le nombre et le résultat, puis copiez ou téléchargez attribute-replaced.html.
Cas d’usage du remplacement d’attributs
Renommer des classes CSS
Ciblez class et utilisez contient pour remplacer un ancien préfixe par un nouveau dans tout le balisage.
Changer les chemins de ressources
Ciblez src ou href et utilisez exact ou contient pour migrer les adresses d’images, scripts, styles et liens.
Mettre à jour les attributs data
Mettez à jour data-theme ou data-id sans modifier la structure des balises et du texte.
Protéger le contenu brut
Les contenus pre, textarea, style et script sont protégés afin que leurs chaînes et exemples ne soient pas pris pour des attributs.
FAQ du remplacement d’attributs HTML
Remplace-t-il le texte ou le contenu des scripts ?
Non. Il traite uniquement les attributs avec valeur dans les balises ouvrantes et protège pre, textarea, style et script. Les textes, fermetures et blocs bruts restent inchangés.
Le remplacement par regex est-il sûr ?
La regex agit seulement sur la valeur cible, mais une expression trop large ou incorrecte peut trop remplacer. Testez un petit extrait et vérifiez le nombre avant publication.
Le code est-il envoyé à un serveur ?
Le remplacement s’exécute dans le navigateur et le code n’est pas envoyé pour produire le résultat. Suivez votre politique de sécurité et vérifiez les ressources externes.
Outils recommandes
Ces outils de fichiers peuvent aussi vous etre utiles
Éditeur HTML en ligne
Modifiez du code HTML avec aperçu en direct, recherche et remplacement, copie et téléchargement.
Nettoyeur HTML
Nettoyez les styles inutiles, balises vides, attributs en ligne et code HTML généré par les éditeurs.
Extracteur de code HTML
Extrayez des liens, URL d images, titres, tableaux ou contenus de balises choisies depuis du HTML.