WordPress

Question

在网上翻了好几个话题，还没找到答案就直接来问了。

在 WordPress 上，我尝试在 link 的工具提示中嵌入 HTML 图像，但我的分页符的整个 HTML 代码。

在我的 head 中，我有以下 JS 脚本来激活工具提示：

<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip({
            html: true
        })
    })
</script>

在我的 WordPress 页面中，我有以下 HTML 代码：

<li><a href="/jeux/tr1/solution/item1/" data-toggle="tooltip" title="<img src='/img/jeux/tr1/solution/001.png' alt=''>">Item 1</a></li>
<li><a href="/jeux/tr1/solution/item2/">Item 2</a></li>
<li><a href="/jeux/tr1/solution/item3/">Item 3</a></li>

这就是我得到的：

第一个 li 的代码末尾未被解释，浏览器（在本例中为 Firefox）直接在工具提示中显示带有错误项目 1 的项目 2。

你可以直接看这里：https://www.tombraidercie.com/public-playground/

你有什么想法吗？

Answer 1

您只需要启用 "data-html=true" 吗？

这来自当前项目：

<button type="button" class="classes" data-toggle="popover" title="Title" data-content="Content <a href='#'>> Link</a>" data-html="true"></button>

Answer 2

好的，我终于找到答案了！

Wordpress 中有一个本机函数 (wptexturize) 可以将某些字符转换为“智能”字符。还有一个小句子 in their doc 解释说“跳过某些 HTML 块中的代码。”

因此，如果您有一个 Wordpress 网站并希望在您的工具提示中嵌入 HTML 代码，请将此行添加到您主题的 functions.php 文件中以删除此原生功能。

remove_filter('the_content', 'wptexturize');

WordPress - 如何使用 Bootstrap 4.5 在工具提示中添加 HTML？

WordPress - How to add HTML in a tooltip with Bootstrap 4.5?

tooltip

bootstrap-4