html - 如何在双引号中显示标签?
问题描述
在Tippy中,我想在工具提示中显示标签。为了这,
我试过了:
<i style="font-size:20px;" class="fa fa-info tippy" data-tippy-content="You do not need to add <style>....</style> tags."></i>
或者
<i style="font-size:20px;" class="fa fa-info tippy" data-tippy-content="You do not need to add <style>...</style> tags."></i>
但是它们都没有正确显示工具提示的内容。我想要这样(这张图片是在 Photoshop 中创建的):
编辑:但他们两个都这样显示:
解决方案
您可以将allowHTML: false
选项添加到您的.tippy
类以使您的 HTML 呈现为文本,而不是实际呈现标记:
tippy(".fa-info.allowHTML")
tippy(".fa-info", {
allowHTML: false
})
<script src="https://unpkg.com/popper.js@1/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@4"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<i style="font-size:20px;" class="fa fa-info tippy " data-tippy-content="You do not need to add <style>....</style> tags."></i>
<br />
<br />
<i style="font-size:20px;" class="fa fa-info tippy allowHTML" data-tippy-content=" Click <b>Send</b> button for sending..."></i>
推荐阅读
- java - 过滤后的流永远不会返回
- c# - 实体框架强制 id[key] 插入
- sockets - 关于 SSL_connect 和 HTTPS 的查询
- r - 创建一个新列以识别两列是否相同但在第三列中具有不同的值
- reactjs - .htaccess 如何使用参数重定向到 index.html 但参数值与文件夹名称相同
- python - 如何在嵌套列表中搜索列表的编号并在其他嵌套列表中获取其索引?
- php - 如何在php中解码?
- javascript - 从 for 循环中水平而不是垂直打印数字
- javascript - 使用 jquery 发送文件并在 PHP 中接收(无插件)
- python-3.x - Panda returns 50x1 matrix instead of 50x7? (read_csv gone wrong)