Comment encoder des entités HTML en JavaScript pour garantir un affichage correct dans tous les navigateurs ?

Comment encoder des entités HTML en JavaScript

Problème :
Lors de l'utilisation d'un CMS qui permet à l'utilisateur- texte saisi, certains symboles peuvent ne pas s'afficher correctement dans tous les navigateurs. Pour résoudre ce problème, vous souhaitez convertir des symboles spécifiques en entités HTML correspondantes et les envelopper dans des balises sup pour le style.

Solution :
Pour encoder des entités HTML en JavaScript, vous pouvez utilisez le code suivant :

var encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&amp;]/g, function(i) {
   return '&amp;#'+i.charCodeAt(0)+';';
});

Implémentation :

1. Utilisez des expressions régulières :

   • Le code utilise des expressions régulières pour remplacer les caractères de la plage Unicode u00A0-u9999 par des entités HTML.
   • Il remplace également les symboles esperluette, supérieur et inférieur à par &, > et < , respectivement.

2. Convertir en entités HTML :

   • La méthode charCodeAt(0) renvoie la valeur Unicode d'un caractère, qui est utilisé pour générer l'entité HTML au format &#nnn;.

3. Envelopper dans sup Tags :

   • Après l'encodage, vous pouvez envelopper les entités HTML dans des balises sup pour le style.

Remarque :

• Pour garantir un affichage correct, configurez le codage des caractères UTF8 et assurez-vous que votre base de données stocke les chaînes en UTF8.
• Des problèmes d'affichage peuvent toujours survenir en raison de la configuration des polices du système et d'autres facteurs externes.

Informations supplémentaires :

• [Documentation String.charCodeAt](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String /charCodeAt)
• [Entités de caractères HTML](http://www.chucke.com/entities.html)

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!