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

Question

我正在使用Bootstrap Popover来显示文章动态的摘要，这意味着，这可以有双引号（＆＃34; ），单引号（＆＃39; ），大量空格（   ）和其他特殊字符< / strong>也。因为复制/粘贴来自单词，在线等的内容......

有人可以帮助我，我如何从我的Popover内容中删除双引号？

PS：出于演示目的，我在 data-content 元素中提供了直接文字。但实际上，这些数据将从 article-description ＆＃34; <!-- 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> ＆＃34; 动态触发CSS类。

我的HTML

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

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

我的CSS

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

我的剧本

data-content

JsFiddle获取更多解释

:: UPDATE ::

我现在可以在不使用{{1}}标记的情况下获取html内容，但仍然构思以删除动态数据的特殊字符。

有人可以帮帮我！

Answer 1

我建议有更好的方法来实现你想要做的事情。数据属性并不是真正意图包含HTML，并且尝试以这种方式执行操作会使您的HTML无法读取（以及，正如您所发现的那样，可以通过引号打破）。

更好，更强大的方法是在data-content属性中只包含popover的内容（没有任何HTML标记），并使用Javascript创建popover的HTML（{{1 }）并插入内容。