在Bootstrap Modal窗口中将mySQL字符串呈现为HTML

Question

很抱歉，如果之前有人询问过。我无法找到解决这个问题的任何事情。

我有Google Maps API通过PHP从mySQL数据库中提取数据。 结果在地图上绘制为标记。

从那里，我使用Bootstrap在单击标记时显示模态窗口。模态的内容来自数据库。

一切正常工作除了其中一个数据库字段填充了来自富文本输入的HTML字符串。像这样简单：

<b>this is bold text</b>

当我将这个字符串直接放入我的javascript监听器中时：

$('.modal-body').html('<b>this is bold text</b>');

HTML被解析得很好，我得到了粗体文本和没有可见标签的预期输出。

但是当我使用从数据库中查询的字符串时，这样：

$('.modal-body').html(content);

它显示为原始文本，标签显示，没有格式化。

这是我正在使用http://www.toyonder.com/mapTest/mapTest.html

的测试页面

我是如何将查询字符串呈现为HTML的？

Answer 1

问题是你有<和>而不是<和>。

试试这个

$('.modal-body').html($("<span />", { html: content }).text());

这会将内容转换为html，然后返回文本，最后返回html作为模态体。

我还必须引用这个问题，因为这是我学习这种方法的地方：javascript string replace &lt; into <