在 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