Maison >interface Web >js tutoriel >Comment encoder des entités HTML en JavaScript : un guide pratique
Introduction
Lors de l'affichage de contenu généré par l'utilisateur, il est crucial de gérer les caractères spéciaux comme ® et &, qui peuvent ne pas s'afficher correctement dans tous les navigateurs. Pour résoudre ce problème, il est nécessaire de convertir ces symboles en entités HTML pour un affichage cohérent.
Solution JavaScript
Une approche JavaScript simple pour encoder les entités HTML consiste à utiliser des expressions régulières. pour faire correspondre les symboles souhaités et les remplacer :
<code class="javascript">const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, function(i) { return '&#'+i.charCodeAt(0)+';'; });</code>
Ce code itère sur la plage de caractères donnée (unicode 00A0 - 9999, plus esperluette, supérieur et inférieur à). Pour chaque correspondance, il renvoie l'équivalent de l'entité HTML (nnn;), où nnn est le code de caractère Unicode.
Sup Tag Wrapping
Si vous avez besoin l'entité HTML à envelopper dans un balise à des fins de style :
<code class="javascript">// First encode the HTML entity as described above. const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, function(i) { return '&#'+i.charCodeAt(0)+';'; }); // Then, wrap the encoded entity in a `<sup>` tag: const supEncodedStr = encodedStr.replace(/\&\;#/g, '<sup>&#');</code>
Considérations supplémentaires
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!