如何移除TinyMCE弹窗？免费版本移除方法咨询

针对你遇到的TinyMCE免费版弹窗问题（截图如下），这里提供两种直接可行的解决思路：

方案一：通过初始化配置拦截弹窗 #

利用TinyMCE的setup函数监听弹窗触发事件，直接阻止目标弹窗显示。示例代码如下：

tinymce.init({
  selector: '#your-editor-id',
  setup: function(editor) {
    // 监听弹窗打开事件
    editor.on('ShowDialog', function(e) {
      const dialog = e.dialog;
      // 根据弹窗ID或标题判断是否为目标弹窗（以升级提示弹窗为例）
      if (dialog.id === 'upgrade' || dialog.title?.includes('Upgrade')) {
        e.preventDefault(); // 阻止弹窗加载
      }
    });
  },
  // 仅加载免费版允许的核心插件，避免触发付费相关弹窗
  plugins: 'advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table paste code help wordcount',
  toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help'
});

注意：不同版本的TinyMCE弹窗ID或标题可能略有差异，需要根据实际弹窗的DOM信息调整判断条件。

方案二：通过CSS强制隐藏弹窗 #

如果JS拦截无效，可以用CSS直接隐藏目标弹窗。示例代码：

/* 全局隐藏所有TinyMCE模态弹窗（谨慎使用，会隐藏所有弹窗） */
.tox.tox-dialog--modal {
  display: none !important;
}

/* 精准隐藏升级类弹窗（根据弹窗标题匹配） */
.tox-dialog__title:contains("Upgrade") {
  display: none !important;
}

若浏览器不支持:contains选择器，可以通过检查弹窗的特定类名或DOM结构来编写更精准的选择器。

注意事项 #

• 操作需符合TinyMCE免费版的LGPL开源协议，请勿修改核心源码绕过许可限制；
• 版本迭代可能导致弹窗的DOM结构或事件名变化，需根据实际版本调整代码。

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