TinyMCE 6集成Responsive Filemanager报错：Failed to initialize plugin: filemanager

问题根源解析 #

错误TypeError: Cannot set properties of undefined (setting 'file_picker_types')的核心原因是：Responsive Filemanager插件尝试修改的配置对象未完成初始化，或是该插件未适配云托管版TinyMCE的加载机制——云托管版的插件加载逻辑和自托管版存在差异，第三方插件无法直接通过plugins数组声明加载。

具体修复方案 #

1. 调整插件加载顺序与配置方式 #

将第三方插件的初始化逻辑放入setup回调中，确保TinyMCE核心初始化完成后再加载并配置Responsive Filemanager：

tinymce.init({
  selector: '#your-editor-id',
  cloud_channel: '6', // 明确指定TinyMCE 6版本
  setup: function(editor) {
    // 手动加载Responsive Filemanager插件
    editor.loadPlugin('filemanager', function() {
      // 插件加载完成后配置文件选择器参数
      editor.settings.file_picker_types = 'file image media';
      editor.settings.file_picker_callback = function(callback, value, meta) {
        // 替换为你的Responsive Filemanager实际路径
        var fmUrl = '/path/to/responsive-filemanager/filemanager/dialog.php?type=' + meta.filetype;
        window.open(fmUrl, 'filemanager', 'width=900,height=500');
        window.SetUrl = function (selectedUrl) {
          callback(selectedUrl);
        };
        return false;
      };
    });
  }
});

2. 验证插件兼容性与资源路径 #

• 确认使用的Responsive Filemanager版本适配TinyMCE 6，旧版插件（针对TinyMCE 4/5开发）会存在API不兼容问题，需升级至适配版本。
• 在HTML中手动引入Responsive Filemanager的插件JS文件，确保路径正确：

<script src="/path/to/responsive-filemanager/tinymce/plugins/filemanager/plugin.min.js"></script>

3. 清理冲突配置 #

移除tinymce.init顶级配置中提前声明的file_picker_types项，避免因配置对象未初始化导致赋值失败。

额外排查方向 #

• 检查浏览器控制台是否存在资源404错误，确认Responsive Filemanager的静态文件加载正常。
• 验证PHP端config.php的路径、权限配置，确保后端接口无异常影响前端插件初始化。

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