javascript - Bootstrap 5 工具提示中的 HTML

Question

按照文档，我需要在 bootstrap 5 工具提示中显示一些 HTML。

但是，从文档中复制意大利面并没有给出预期的输出。

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
                                    Tooltip with HTML
                                  </button>

这是一个jsfiddle。

HTML 不是显示解析的 HTML，而是解析为文本。

如何将内容显示为 HTML 而不是文本？

标签： javascripthtmlbootstrap-5

Answer 1

在Bootstrap v5.0中，您应该使用data-bs-html="true".

<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
  Tooltip with HTML
</button>

你的 JSFiddle。