您可以使用正则表达式将给定 unicode 范围内的任何字符替换为其等效的 html 实体。代码看起来像这样：

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

与HTML表示，这简直就是-这个代码将取代在给定范围内的所有字符（9999，以及符号，更大和小于的unicode 00A0） &#nnn;，其中nnn是Unicode值，我们从得到charCodeAt。

在此处查看操作：http : //jsfiddle.net/E3EqX/13/（此示例使用 jQuery 作为示例中使用的元素选择器。上面的基本代码本身不使用 jQuery）

进行这些转换并不能解决所有问题——确保您使用的是 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

当前接受的答案有几个问题。这篇文章解释了它们，并提供了一个更强大的解决方案。该答案中建议的解决方案以前有：

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

该i标志是多余的，因为从 U+00A0 到 U+9999 范围内的任何 Unicode 符号都没有超出同一范围的大写/小写变体。

该m标志是多余的，因为^或未$在正则表达式中使用。

为什么范围是 U+00A0 到 U+9999？似乎是随意的。

无论如何，对于在输入中正确编码除安全和可打印 ASCII 符号之外的所有符号（包括星形符号！）并实现所有命名字符引用（不仅仅是 HTML4 中的那些）的解决方案，请使用he库（免责声明：这个库是我的） ）。从它的自述文件：

he（代表“HTML 实体”）是一个用 JavaScript 编写的强大的 HTML 实体编码器/解码器。它支持所有标准化的 HTML 命名字符引用，像浏览器一样处理不明确的＆符号和其他边缘情况，具有广泛的测试套件，并且——与许多其他 JavaScript 解决方案相反——他可以很好地处理星体 Unicode 符号。提供在线演示。

另请参阅此相关堆栈溢出答案。

我遇到了同样的问题并创建了 2 个函数来创建实体并将它们转换回正常字符。以下方法将任何字符串转换为 HTML 实体并返回字符串原型

/**
 * Convert a string to HTML entities
 */
String.prototype.toHtmlEntities = function() {
    return this.replace(/./gm, function(s) {
        // return "&#" + s.charCodeAt(0) + ";";
        return (s.match(/[a-z0-9\s]+/i)) ? s : "&#" + s.charCodeAt(0) + ";";
    });
};

/**
 * Create string from HTML entities
 */
String.fromHtmlEntities = function(string) {
    return (string+"").replace(/&#\d+;/gm,function(s) {
        return String.fromCharCode(s.match(/\d+/gm)[0]);
    })
};

然后，您可以按如下方式使用它：

var str = "Test´†®¥¨©˙∫ø…ˆƒ∆÷∑™ƒ∆æø𣨠ƒ™en tést".toHtmlEntities();
console.log("Entities:", str);
console.log("String:", String.fromHtmlEntities(str));

控制台输出：

Entities: Dit is e´†®¥¨©˙∫ø…ˆƒ∆÷∑™ƒ∆æø𣨠ƒ™en t£eést
String: Dit is e´†®¥¨©˙∫ø…ˆƒ∆÷∑™ƒ∆æø𣨠ƒ™en t£eést 

这是人们在谷歌上搜索如何编码 html 实体的答案，因为它并没有真正解决关于 <sup> 包装器和符号实体的问题。

对于没有任何库的 HTML 标签实体（&、< 和 >），如果您不需要支持 IE < 9，您可以创建一个 html 元素并使用Node.textContent设置其内容：

var str = "<this is not a tag>";
var p = document.createElement("p");
p.textContent = str;
var converted = p.innerHTML;

这是一个例子：https : //jsfiddle.net/1erdhehv/

你可以用这个。

var escapeChars = {
  '¢' : 'cent',
  '£' : 'pound',
  '¥' : 'yen',
  '€': 'euro',
  '©' :'copy',
  '®' : 'reg',
  '<' : 'lt',
  '>' : 'gt',
  '"' : 'quot',
  '&' : 'amp',
  '\'' : '#39'
};

var regexString = '[';
for(var key in escapeChars) {
  regexString += key;
}
regexString += ']';

var regex = new RegExp( regexString, 'g');

function escapeHTML(str) {
  return str.replace(regex, function(m) {
    return '&' + escapeChars[m] + ';';
  });
};

https://github.com/epeli/underscore.string/blob/master/escapeHTML.js

var htmlEntities = {
    nbsp: ' ',
    cent: '¢',
    pound: '£',
    yen: '¥',
    euro: '€',
    copy: '©',
    reg: '®',
    lt: '<',
    gt: '>',
    quot: '"',
    amp: '&',
    apos: '\''
};

function unescapeHTML(str) {
    return str.replace(/\&([^;]+);/g, function (entity, entityCode) {
        var match;

        if (entityCode in htmlEntities) {
            return htmlEntities[entityCode];
            /*eslint no-cond-assign: 0*/
        } else if (match = entityCode.match(/^#x([\da-fA-F]+)$/)) {
            return String.fromCharCode(parseInt(match[1], 16));
            /*eslint no-cond-assign: 0*/
        } else if (match = entityCode.match(/^#(\d+)$/)) {
            return String.fromCharCode(~~match[1]);
        } else {
            return entity;
        }
    });
};