Bootstrap 的工具提示可以同时支持 HTML 和 non-HTML 标题吗？

Question

Bootstrap 的工具提示通常通过元素的 title 和 data-title 属性起作用。我可以通过 data-html="true" 属性指定 HTML 代码，例如

<a href="..." data-toggle="tooltip" data-html="true" title="<b>First Line:</b><br>Second Line.">...</a>

通过工具提示插件可以很好地呈现：

但是当JavaScript被禁用时问题就出现了；在这种情况下，浏览器显示 title 属性的原始值，本质上是原始 HTML，这对最终用户来说看起来很糟糕：

有没有办法对包含 HTML 的工具提示进行优雅降级？这样插件将使用 HTML-containing 值，但很简单，浏览器默认使用 clear-text 值（当未启用 Bootstrap 工具提示或未启用 JS 时）。

Answer 1

在启用 Bootstrap 的工具提示之前，我最终实施了自定义转换。转换从目标元素中删除 title 属性，只保留 "rich" data-title 属性。当禁用 JS 时，此代码将无效，data-title 属性将无效，浏览器将选择纯文本 title 属性。

$('[data-toggle="tooltip"][title][data-title]').each(function() {
    this.setAttribute('data-simple-title', this.getAttribute('title'));
    this.removeAttribute('title');
});
$(document).tooltip({ selector: '[data-toggle="tooltip"]' });

Bootstrap 的工具提示可以同时支持 HTML 和 non-HTML 标题吗？

Can Bootstrap's Tooltip be made to support both HTML and non-HTML titles?

tooltip

twitter-bootstrap-3