Twitter bootstrap 从动态数据中删除Popover中的双引号

我正在使用Bootstrap Popover动态地显示文章的摘要，这意味着，它可以有双引号（“），单引号（），，，大量空格（

）还有其他特殊字符。由于复制/粘贴word、在线等的内容

有人能帮我吗，我怎样才能从我的Popover内容中删除双引号

PS:出于演示目的，我在
数据内容元素中以直接文本的形式给出。但在实际中，此数据将从“
文章描述”CSS类动态触发

我的HTML
我的剧本


更多解释


：：更新：：
我现在可以不使用
数据内容
标记获取html内容，但仍然努力删除动态数据的特殊字符

有人能帮我一下吗！
我建议有更好的方法来实现您正在尝试的功能。数据属性并不是真的要包含HTML，尝试这样做会使您的HTML不可读（正如您所发现的，也会被引号打断）

更好、更健壮的方法是在
数据内容
属性中只包含popover的内容（不带任何HTML标记），并使用Javascript创建popover的HTML（
）然后插入内容。
Hey@Nick，谢谢你的建议……因为我不太擅长编码，这需要一些时间。我会试试的……谢谢你的时间。。。
<!-- Working -->
<article class="category-content" data-content="<div class='article-description'>Lorem Ipsum dolar sit amet</div>" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with HTML Content</article>

<!-- Not Working -->
<article class="category-content" data-content="<div class='article-description'>Lorem &nbsp;&nsp;&nbsp;&nbsp; "Test" Ipsum dolar sit amet</div>" rel="popover" data-placement="bottom" data-original-title="Title" data-trigger="hover">Popover with Special Characters.. Eg: " (Double Quotes)</article>

body{margin:100px auto;text-align:center;}

.category-content{
  width:100%;
  padding:10px 0;
  text-align:center;
  background:#eee;
  cursor:pointer;
  margin-bottom:15px;
}

$(document).ready(function(){
    $('.category-content').popover({html:true});
});