Question

我使用SPAN作为弹出窗口：

<div class="col-xs-2 pull-right">
    <span class="icon-help tooltip-help pull-right" data-container="body" data-toggle="popover" data-placement="bottom" data-content="<b>This</b> is Photoshop's version of Lorem Ipsum..." data-trigger="hover">
    </span>
</div>

我想使用HTML格式化数据内容字符串。它似乎不允许格式化。是否有数据容器设置，使我能够使用HTML格式化数据内容？

Answer 1

我注意到你正在使用Bootstrap（pull-left和data-toggle="popover"等）。

查看popovers，有一个html配置选项，用于呈现HTML而非文字。

Name    Type    Default Description
html    boolean false   Insert HTML into the popover. If false, jQuery's text method will be used to insert content into the DOM. Use text if you're worried about XSS attacks.

使用data-html="true"并尝试：

<span data-toggle="popover" data-container="body" data-placement="bottom" data-html="true" data-content="<b>This</b> Lorem Ipsum..." data-trigger="hover">

HTML格式化Bootstrap Popover中SPAN的数据容器

1 个答案: