如何移除或禁用TinyMCE编辑器的提示工具（Tooltip）？

嘿，我来帮你搞定这个问题！根据你使用的TinyMCE版本，有几种不同的方案，我整理了最实用的几种场景：

1. 全局禁用所有提示工具（TinyMCE 5及以上版本适用） #

这是最简单的方式，在初始化编辑器的配置里直接加一行tooltip: false，就能一次性关掉所有内置的tooltip——包括工具栏按钮、菜单选项这些地方的提示：

tinymce.init({
  selector: '#your-editor-id', // 替换成你的编辑器实际ID
  tooltip: false, // 核心配置：全局禁用所有tooltip
  // 其他你原本的配置项...
});

2. 只禁用工具栏按钮的tooltip（更灵活的场景） #

如果你只想关掉工具栏按钮的提示，保留其他地方的tooltip，可以用这两种方法：

方法A：逐个配置工具栏按钮 #

在定义toolbar的时候，给每个需要禁用tooltip的按钮加上|tooltip=false后缀：

tinymce.init({
  selector: '#your-editor-id',
  toolbar: 'bold|tooltip=false italic|tooltip=false undo redo|tooltip=false',
  // 其他配置...
});

方法B：批量处理所有工具栏按钮 #

如果工具栏按钮太多，逐个加后缀太麻烦，就用setup函数批量更新所有按钮的tooltip设置：

tinymce.init({
  selector: '#your-editor-id',
  setup: function(editor) {
    editor.on('PostRender', function() {
      // 获取所有注册的工具栏按钮
      const allButtons = editor.ui.registry.getAll().buttons;
      Object.keys(allButtons).forEach(buttonKey => {
        // 逐个禁用按钮的tooltip
        editor.ui.registry.updateButton(buttonKey, { tooltip: false });
      });
    });
  },
  // 其他配置...
});

3. 针对TinyMCE 4.x及更早版本 #

旧版本的TinyMCE没有全局的tooltip配置项，直接用CSS隐藏就行：

/* 全局隐藏TinyMCE的tooltip元素 */
.mce-tooltip {
  display: none !important;
}

要是你用了第三方插件带来的tooltip，那得去看对应插件的文档，一般这类插件都会提供禁用tooltip的配置参数哦。

内容的提问来源于stack exchange，提问作者Shakeel Ahmed