Comment puis-je encoder des entités HTML en JavaScript pour un affichage correct dans un CMS ?

Encodage des entités HTML en JavaScript

Lors de la saisie de contenu dans un système de gestion de contenu (CMS), il est crucial de gérer des caractères spéciaux tels que ® pour garantir un affichage correct sur tous les navigateurs. Pour résoudre ce problème, JavaScript peut être utilisé pour localiser et convertir ces symboles en entités HTML appropriées.

À l'aide d'expressions régulières, la conversion peut être réalisée en remplaçant des plages de caractères spécifiques par leurs entités HTML correspondantes. Le code JavaScript ressemblerait à ce qui suit :

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

Ce code remplace tous les caractères de la plage Unicode spécifiée (00A0-9999) et les caractères spéciaux (&, < et >) par leurs équivalents d'entité HTML. . Par exemple, ® devient ®.

Alternativement, dans ES6 :

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

Cette approche garantit la conversion de tous les caractères applicables en entités HTML. Cependant, il est important de noter que les configurations des polices système et d'autres facteurs peuvent potentiellement affecter l'affichage correct de ces caractères.

Considérez les problèmes potentiels liés au codage des caractères, tels que la garantie du codage UTF8 et du stockage dans la base de données, afin d'atténuer les écarts d'affichage. .

De plus, un style CSS approprié peut être appliqué pour des préférences d'affichage spécifiques, telles que la taille de la police et le remplissage :

sup { font-size: 0.6em; padding-top: 0.2em; }

Une fois implémenté, ce CSS garantit un affichage cohérent des entités HTML.

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!