Javascript HTML：在属性中的字符串中嵌套字符串

我的网站包含带有HTML代码的引导弹出窗口。这样的弹出窗口看起来像这样（为了便于阅读，我没有弹出HTML，而是放了一个占位符）：

这个标记有一个爆米花

在

数据内容中插入真正的HTML会带来正确转义引号的问题。我发现了这个问题，看起来像是一个完全重复的问题：

公认的答案建议将引号转义到
“
这不起作用，转义引号没有被正确解析。我在这个提琴中设置了一个示例：

另一个选项是对弹出窗口中的字符串使用单引号
”
。该选项也在小提琴中，可以正常工作

但是，如果我想嵌套得更深呢？例如，我插入到
数据内容中的HTML也可能包含弹出框。虽然这似乎是一个非常糟糕的设计思想，但让它工作起来会很好

这里有一个双嵌套popover的提琴：
希望下面的代码段看起来像您想要的，您可以在创建popover实例时传递一个选项，在该实例中设置单击实例时将显示的内容。由于第一个级别在您第一次运行脚本时不在DOM中，因此您必须激活se单击第一个后单击第二个。使用模板文本，您可以在正在编写的html代码中使用撇号或引号


$（'firstPopover'）
波弗先生({
是的，
内容：`
转到二级
`
})
.on（'show.bs.popover'，function（）{
$（“#second popover”）.popover({
是的，
内容：`这是最后一级`
});
})；


转到一级
太好了。用编程的方式来做很有意义
<mark data-content="Fancy HTML here" data-html="true" data-toggle="popover">
    This mark has a popover
</mark>