【问题标题】:How to disable redactor tooltip entirely?如何完全禁用编辑器工具提示?
【发布时间】:2016-02-18 06:27:43
【问题描述】:

在编辑器中,当我将鼠标悬停在工具栏按钮上时,工具提示会从左上角飞到放置工具栏按钮的位置。这种奇怪的行为使这个工具提示非常难看,想要禁用它。

This link 描述了禁用内联工具提示,但我正在寻找一种方法来禁用主要工具提示。

如何禁用它?

下图中的黑色工具栏有工具提示,我想禁用鼠标悬停时出现的工具提示,因为它有一些错误的行为。

【问题讨论】:

  • 你能贴一张你想禁用的图片吗?
  • @JonasSchafft 请提问。
  • 鼠标悬停时能否显示工具提示的快照?我的编辑器没有工具提示
  • 我无法生成它,因为当我将鼠标悬停在它上面并拍摄快照时,工具提示被隐藏了。

标签: javascript redactor


【解决方案1】:

我认为你实际上可以使用简单的 css 来做到这一点

.redactor-toolbar-tooltip{
   display: none !important;
}

【讨论】:

    【解决方案2】:

    您不能使用 config 或 css 禁用它。我能看到的唯一方法是从工具栏中的锚点中删除标题属性。

    Array.prototype.slice
        .call(document.getElementsByClassName('redactor-toolbar')[0].getElementsByTagName('a'), 0)
        .forEach(function(button) {
            button.removeAttribute('title');
        }
    

    您可以在编辑器创建后尝试运行上面的代码。

    【讨论】:

    • 谢谢,我会测试它并告诉结果。我希望它有帮助:)
    【解决方案3】:

    为了删除工具提示,我做了以下操作:

    $(document).on('click', '.btn', function() {
             $('.redactor-toolbar-tooltip').remove();
    }
    

    它就像一个魅力!

    【讨论】:

      猜你喜欢
      • 2011-04-23
      • 1970-01-01
      • 1970-01-01
      • 2023-02-10
      • 2012-09-07
      • 2018-07-31
      • 1970-01-01
      • 2016-01-07
      • 1970-01-01
      相关资源
      最近更新 更多