在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