javascript - 在属性中存储 HTML

Question

我将 HTML 代码存储在元素属性中，如下所示。

<div data-html-code="<iframe width="560" height="315" src="https://www.youtube.com/embed/sNhhvQGsMEc" frameborder="0" allowfullscreen></iframe>"></div>

如何使用 jQuery/Javascript 转义所有必要的字符以使其有效？

Answer 1

使用这个htmlEscape方法

function htmlEscape(str) {
    return String(str)
            .replace(/&/g, '&')
            .replace(/"/g, '"')
            .replace(/'/g, ''')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;');
}

这应该给你一个可以用作有效 html 属性值的字符串