Bagaimana untuk Mengekodkan Entiti HTML dalam JavaScript untuk Memastikan Paparan Betul dalam Semua Pelayar?

Cara Mengekod Entiti HTML dalam JavaScript

Masalah:
Apabila menggunakan CMS yang membenarkan pengguna- teks yang dimasukkan, simbol tertentu mungkin tidak dipaparkan dengan betul dalam semua pelayar. Untuk menangani perkara ini, anda ingin menukar simbol tertentu kepada entiti HTML yang sepadan dan membungkusnya dalam teg sup untuk penggayaan.

Penyelesaian:
Untuk mengekod entiti HTML dalam JavaScript, anda boleh gunakan kod berikut:

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

Pelaksanaan:

1. Gunakan Ungkapan Biasa:

   • Kod menggunakan ungkapan biasa untuk menggantikan aksara dalam julat Unicode u00A0-u9999 dengan entiti HTML.
   • Kod ini juga menggantikan ampersand, lebih besar daripada dan kurang daripada simbol dengan &, >, dan < , masing-masing.

2. Tukar kepada Entiti HTML:

   • Kaedah charCodeAt(0) mengembalikan nilai Unicode a aksara, yang digunakan untuk menjana entiti HTML dalam format &#nnn;.

3. Balut dalam sup Tag:

   • Selepas pengekodan, anda boleh membungkus entiti HTML dalam teg sup untuk penggayaan.

Nota:

• Untuk memastikan paparan yang betul, konfigurasikan pengekodan aksara UTF8 dan pastikan pangkalan data anda menyimpan rentetan dalam UTF8.
• Isu paparan masih boleh timbul disebabkan konfigurasi fon sistem dan faktor luaran yang lain.

Maklumat Tambahan:

• [Dokumentasi String.charCodeAt](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String /charCodeAt)
• [Entiti Aksara HTML](http://www.chucke.com/entities.html)

Atas ialah kandungan terperinci Bagaimana untuk Mengekodkan Entiti HTML dalam JavaScript untuk Memastikan Paparan Betul dalam Semua Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!