在Javascript中转义html属性中的双引号

时间:2014-08-02 10:19:13

标签: javascript angularjs escaping

我使用bootstrap并创建包含jQuery弹出窗口的html节点。弹出窗口包含html,因此我有引号和转义问题:

var content = '<input type="text" ng-model="test1" />';
var txt =     '<button type="button" data-container="body" ' +
                     'data-toggle="popover" title="myTitle" data-html="true" '+
                     'data-content="'+content+'">Click</button>';

如何在attributes =&gt;中转义双引号? HTML的属性?在数据内容属性中正确吗?

编辑:我使用angular编译代码,以便它也可以使用它。

1 个答案:

答案 0 :(得分:9)

如果是HTML,则可以使用HTML实体转义可能以其他方式解释的字符。例如,&quot;将在HTML属性中显示为"

var content = '<input type=&quot;text&quot; ng-model=&quot;test1&quot; />';

概念证明:http://jsfiddle.net/teddyrised/5X5Ye/

有关详细信息,请参阅W3C的HTML实体图表:http://dev.w3.org/html5/html-author/charref