如何在 JavaScript 中對 HTML 實體進行編碼以便在 CMS 中正確顯示？

在JavaScript 中編碼HTML 實體

將內容輸入內容管理系統(CMS) 時，確保處理® 等特殊字元至關重要跨瀏覽器正確顯示。為了解決這個問題，可以使用 JavaScript 來定位這些符號並將其轉換為適當的 HTML 實體。

使用正規表示式，可以透過將特定字元範圍替換為對應的 HTML 實體來實現轉換。 JavaScript 程式碼類似於以下：

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

此程式碼將指定 Unicode 範圍 (00A0-9999) 內的所有字元和特殊字元（&、）替換為其 HTML 實體等效項。例如，® 變成 ®。

或者，在 ES6 中：

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

此方法可確保將所有適用的字元轉換為 HTML 實體。不過，需要注意的是，系統字體配置和其他因素可能會影響這些字元的正確顯示。

考慮字元編碼的潛在問題，例如確保UTF8 編碼和資料庫存儲，以減輕顯示差異.

此外，可以針對特定的顯示首選項應用適當的CSS 樣式，例如字體大小與填充：

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

實作後，此CSS 可確保HTML 實體的一致顯示。

文件：

• String.charCodeAt：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects /String/charCodeAt
• HTML 字元實體：http://www.chucke.com/entities.html

以上是如何在 JavaScript 中對 HTML 實體進行編碼以便在 CMS 中正確顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！