如何在 JavaScript 中对 HTML 实体进行编码以确保在所有浏览器中正确显示？

如何在 JavaScript 中编码 HTML 实体

问题：
当使用允许用户-输入文本时，某些符号可能无法在所有浏览器中正确显示。为了解决这个问题，您需要将特定符号转换为相应的 HTML 实体，并将它们包装在sup标签中以进行样式设置。

解决方案：
要在 JavaScript 中对 HTML 实体进行编码，您可以使用以下代码：

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

实现：

1. 使用正则表达式：

   • 代码使用正则表达式将 Unicode 范围 u00A0-u9999 中的字符替换为 HTML 实体。
   • 它还用 &、> 和 < 替换 & 符号、大于和小于符号。

2. 转换为 HTML 实体：

   • charCodeAt(0) 方法返回 a 的 Unicode 值字符，用于生成格式为 &#nnn;.

3. Wrap in sep 标签：

   • 编码后，您可以将 HTML 实体包装在sup标签中进行样式设置。

注意：

• 为确保正确显示，请配置 UTF8 字符编码并确保数据库以 UTF8 存储字符串。
• 由于系统字体配置和其他外部因素，仍然可能会出现显示问题。

其他信息：

• [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 实体进行编码以确保在所有浏览器中正确显示？的详细内容。更多信息请关注PHP中文网其他相关文章！