javascript - 如何转义具有多个双引号的html字符串

Question

我从我的ajax请求中收到了以下字符串:

As per json doc, "quotes must be escaped "

这存储在 data.description 中，并嵌入到模板中:

'<a href="#"' + 'data-title="' + data.description + '"></a>'

data-title 的值用作灯箱插件弹出窗口的标题。我尝试了以下功能:

var HtmlEncode = function(s) {
            var el = document.createElement("div");
            el.innerText = el.textContent = s;
            s = el.innerHTML;
            return s;
        }

如:

'<a href="#"' + 'data-title="' + HtmlEncode(data.description) + '"></a>'  

现在，由于 data.description 包含多个引号，javascript 假定它们作为多个参数并抛出错误。我搜索了许多其他 Stackoverflow 帖子，这些帖子建议将数据附加到 div 中并检索其内部 HTML，但这在我的情况下是可能的。

谢谢

Answer 1

仅更改与 data-title 周围的引号相同的引号。像这样:

var description = data.description.replace(/"/g, "'");
var template = '<a href="#"' + 'data-title="' + description + '"></a>';