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

Question

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

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

Answer 1

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

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

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

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

Answer 2

您可以访问按钮实例并将其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);
    }
}

Answer 3

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

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

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