TinyMCE弹窗富文本插入图片报Cannot read property 'editorUpload' of null求解

问题根因 #

报错核心原因是多实例场景下的编辑器指向错误：

• 全局TinyMCE初始化脚本默认绑定所有.BtCEditor类元素，主站已有编辑器实例的前提下，弹出局部视图后新增的同class输入框会触发重复初始化
• 你代码中用全局tinymce.activeEditor获取实例，多实例共存时该变量指向会发生漂移：局部视图内的编辑器触发上传回调时，activeEditor可能指向已销毁的旧实例、或未完成初始化的新实例，最终导致editorUpload属性为null

修复方案 #

方案1（最快捷，改1行代码即可生效） #

不要通过全局变量获取编辑器实例，file_picker_callback的执行上下文默认绑定了当前触发上传的编辑器实例，直接把报错行替换为：

var blobCache = this.editorUpload.blobCache;

该写法完全规避多实例下的指向漂移问题，适配所有场景。

方案2（彻底解决重复初始化问题） #

• 把主站head里的TinyMCE初始化逻辑抽成公共方法，取消默认全局绑定.BtCEditor的逻辑
• 主站原有编辑器、局部视图加载完成后，分别针对自身页面内的编辑器单独调用初始化方法，局部视图内的编辑器可以加单独ID做区分，避免和主站实例冲突
• 每次关闭局部视图弹窗时，手动销毁当前弹窗内的编辑器实例，避免残留无效实例：

// 关闭弹窗时执行，括号内替换为局部视图内的编辑器ID
tinymce.get('partial_editor_id')?.destroy();

方案3（临时兼容方案，赶上线可先用） #

在获取实例前加兼容判断，优先拿有效实例：

var activeEditor = tinymce.activeEditor || tinymce.editors.find(editor => !editor.isDestroyed());
var blobCache = activeEditor.editorUpload.blobCache;

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