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

Question

抱歉，如果之前有人问过这个问题。我找不到任何可以为我解决此问题的方法。

我使用 Google Maps API 通过 PHP 从 mySQL 数据库中提取数据。结果作为标记绘制在 map 上。

从那里开始，我使用 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 <