Question

我刚刚将我的TinyMCE升级到版本4，默认情况下似乎有一个工具提示。

如何在任何工具栏项目上禁用/隐藏鼠标悬停时显示的工具提示？

Answer 1

我一直在寻找任何可能的解决方案，但到目前为止，我在官方文档中找不到任何内容。我在开发tinymce.js文件（未压缩版本）中找到的是工具提示是硬编码的，并且每次都被包含在内。

我尝试了不同的东西来禁用工具提示，到目前为止，我提出的最简单，最安全的方法是使用CSS，在主css文件中包含这段代码以永久隐藏工具提示：

.mce-widget.mce-tooltip {
    display: none !important;
}

此解决方案避免使用Javascript / jQuery，也避免修改源文件tinymce.js。

Answer 2

我摆弄并使用JQuery和tinyMCE 4.x找到了动态解决方案。此解决方案允许您在tinyMCE中启用/禁用工具提示：

tinymce.init({
...
  init_instance_callback : function() {
    $("head").append("<style> .mce-tooltip{ display: none; } </style>"); 
  },
...

初始化tinyMCE后，它会更改类mce-tooltip（init_instance_callback）。设置'display：block;'如果要再次显示工具提示。我知道，它不是最好的解决方案，但它确实有效。

Answer 3

您可以访问按钮实例并将其rendered状态设置为false：

var controlIds = editor.theme.panel.rootControl.controlIdLookup;

for (let i in controlIds) {
    if (controlIds[i].tooltip) {
        controlIds[i].tooltip().state.set('rendered', false);
    }
}

TinyMCE 4：如何禁用/隐藏工具提示？

3 个答案: