如何在 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中文网其他相关文章！