Comment échapper et déséchapper du texte HTML

Collez du balisage ou du texte encodé dans le champ. Échapper le HTML remplace les six caractères qui cassent un texte HTML (&, <, >, " ainsi que l’apostrophe et l’accent grave) par des références de caractère ; Décoder les entités HTML refait l’opération inverse.

Les deux sens s’exécutent dans cette page : rien n’est envoyé et l’outil continue de fonctionner hors ligne. Le panneau de résultat montre exactement ce que Copier place dans le presse-papiers, et Effacer vide à la fois la saisie et le résultat.

  1. Collez le code HTML, le texte brut ou le texte contenant des entités dans le champ de saisie.
  2. Cliquez sur Échapper le HTML pour remplacer les six caractères spéciaux, ou sur Décoder les entités HTML pour décoder les références.
  3. Vérifiez le sens avant de cliquer à nouveau : échapper un texte déjà échappé échappe une seconde fois les ampersands.
  4. Lisez le résultat puis cliquez sur Copier. Effacer réinitialise le champ et le panneau de sortie.
  5. Continuez dans votre éditeur, ou utilisez Formater du HTML si vous voulez reformater le balisage au lieu de l’échapper.

Ce que convertit chaque bouton et ce qui reste inchangé

Ce que convertit Échapper le HTML

Six caractères changent exactement : & devient &amp;, < devient &lt;, > devient &gt;, le guillemet double devient &quot;, l’apostrophe devient &#x27; et l’accent grave devient &#x60;. Les accents, le texte CJK, les emoji et les retours à la ligne sont recopiés tels quels.

L’échappement n’est pas idempotent, car l’ampersand fait partie de chaque référence : échapper &amp; produit &amp;amp;. Appliquez la conversion une fois au texte d’origine ; pour relire un résultat précédent, commencez par Décoder les entités HTML.

Ce que décode Décoder les entités HTML

La page décode les références comme le ferait un navigateur : références numériques décimales et hexadécimales (&#39;, &#x27;, &#169;), références nommées telles que &nbsp;, &hellip; ou &copy;, et formes anciennes acceptées sans point-virgule, comme &amp et &lt.

Un nom inconnu du navigateur, par exemple &foo;, reste tel quel, et un point de code invalide comme &#x110000; devient le caractère de remplacement U+FFFD. Les préfixes anciens sont décodés même sans point-virgule, exactement comme en HTML : &notanentity; commence par &not et revient sous la forme ¬anentity;. C’est le comportement du navigateur lui-même, pas une table maison : la page et un analyseur réel donnent le même résultat.

À quoi cela sert, et les limites

Usages courants : afficher des extraits de code dans une documentation, échapper du texte utilisateur avant de l’insérer dans un gabarit HTML et décoder des entités reçues d’une API ou d’un e-mail. La sortie est du texte brut, collable dans n’importe quel éditeur.

L’outil ne valide pas et ne reformate pas la structure HTML, ne décode pas le pourcent-encodage des URL (%20) et ne touche pas aux échappements JavaScript ou JSON comme \n. Les très grandes entrées restent traitées dans la page : la coloration peut donc prendre un instant.

Outils récents :