是否有一个 JavaScript 函数可以将字符转换为 &code;相等的？

Question

我有使用 CKeditor 创建的文本，它似乎在应有空格的位置插入   。它似乎对 >、<、& 等进行了类似的转换，这很好，除了当我进行 DOMSelection 时，这些代码被删除。

所以，这就是选择的内容：

before<a href=\"http://wiki.teamliquid.net/starcraft2/Hatchery\" style=\"text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; \" title=\"Hatchery\">Hatchery</a> (2)

但这就是 DOM 中实际的内容：

before<a href=\"http://wiki.teamliquid.net/starcraft2/Hatchery\" style=\"text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; \" title=\"Hatchery\">Hatchery</a>&nbsp;(2)

请注意，我使用variable.inspect输出了选择内容和存储在数据库中的原始文本，因此所有引号都被转义了（当发送到浏览器）。

---

为了避免每个人寻找差异的痛苦：
从第一个开始：孵化场 (2) （选择）
从第二个开始：Hatchery (2) （原始）
这些差异是在选择的最后。

---

所以...我认为可以通过三种方法来解决这个问题。

1) - Replace all characters commonly replaced with codes with their codes, 
     and hope for the best.
2) - Javascript may have some uncommon function / a library may exist that 
     replaces these characters for me (I think this might be the way CKeditor 
     does its character conversion).
3) - Figure out the way CKeditor converts and do the conversion exactly that way.

我正在使用 Ruby on Rails，但这对于这个问题来说应该不重要。

我发现它可以转换的其他一些东西：

1: It seems to only convert spaces to   if the space(s) is before or after a tag:
   e.g.: "With quick&nbsp;<a href..."
2: It changes apostrophes to the hex value
   e.g.: "opponent&#39;s"
3: It changes "&" to "&amp;"
4: It changes angle brackets to "&gt;" and "&lt;" appropriately.

有人对此有什么想法吗？

Answer 1

在 str 中编码 html 实体（如果我理解正确的话，您的问题标题要求这样做）：

$('<div/>').text(str).html();

在 str 中解码 html 实体：

$('<div/>').html(str).text();

这些依赖于 jQuery，但普通的替代方案是基本相同但更详细。

对 str 中的 html 实体进行编码：

var el = document.createElement('div');
el.innerText = str;
el.innerHTML;

对 str 中的 html 实体进行解码：

var el = document.createElement('div');
el.innerHTML = str;
el.innerText;

Answer 2

1. 将空格转换为  通常由浏览器在编辑内容时完成。
2. 将 ' 转换为 '可以通过 http://docs.cksource.com/ckeditor_api/ 进行控制 通常需要符号/CKEDITOR.config.html#.entities_additional
3. 和 4. 以避免在再次加载该内容时破坏在设计视图中编写的代码。您可以尝试更改 http://docs.cksource.com/ckeditor_api /symbols/CKEDITOR.config.html#.basicEntities 但这通常会导致将来出现问题。