Bagaimanakah Saya Boleh Mengekodkan Entiti HTML dalam JavaScript untuk Paparan yang Betul dalam CMS?

Pengekodan Entiti HTML dalam JavaScript

Apabila memasukkan kandungan ke dalam sistem pengurusan kandungan (CMS), adalah penting untuk mengendalikan aksara khas seperti ® hingga memastikan paparan yang betul merentas pelayar. Untuk menangani perkara ini, JavaScript boleh digunakan untuk mencari dan menukar simbol ini kepada entiti HTML yang sesuai.

Menggunakan ungkapan biasa, penukaran boleh dicapai dengan menggantikan julat aksara tertentu dengan entiti HTML yang sepadan. Kod JavaScript akan menyerupai yang berikut:

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

Kod ini menggantikan semua aksara dalam julat Unicode yang ditentukan (00A0-9999) dan aksara khas (&, <, dan >) dengan entiti HTML yang setara. . Sebagai contoh, ® menjadi ®.

Sebagai alternatif, dalam ES6:

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

Pendekatan ini memastikan penukaran semua aksara yang berkenaan kepada entiti HTML. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa konfigurasi fon sistem dan faktor lain berpotensi mempengaruhi paparan yang betul bagi aksara ini.

Pertimbangkan potensi isu dengan pengekodan aksara, seperti memastikan pengekodan UTF8 dan penyimpanan pangkalan data, untuk mengurangkan percanggahan paparan .

Selain itu, penggayaan CSS yang sesuai boleh digunakan untuk pilihan paparan tertentu, seperti saiz fon dan padding:

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

Apabila dilaksanakan, CSS ini memastikan paparan yang konsisten bagi entiti HTML.

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 Bagaimanakah Saya Boleh Mengekodkan Entiti HTML dalam JavaScript untuk Paparan yang Betul dalam CMS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!