如何动态获取页面上所有TinyMCE编辑器实例的ID列表

TinyMCE 内置了全局对象 tinymce.editors，它会自动维护当前页面上所有已初始化完成的编辑器实例。你可以通过遍历这个对象来动态提取所有实例对应的元素ID，无需手动收集维护数组。

替换代码示例 #

将你代码中的 var tinyMCEElementIDs = ????; 替换为以下代码：

// 提取所有已初始化的TinyMCE实例ID
var tinyMCEElementIDs = Object.values(tinymce.editors).map(editor => editor.id);

// 弹窗展示所有ID
alert("tinyMCE Element ID's on page are: " + tinyMCEElementIDs.join());

代码解释 #

• tinymce.editors：一个键值对对象，键是编辑器实例的ID，值是对应的编辑器实例对象
• Object.values(tinymce.editors)：将对象中的所有编辑器实例转换为数组形式
• map(editor => editor.id)：遍历实例数组，提取每个实例关联的元素ID，最终得到ID数组

动态添加场景说明 #

如果是通过JS动态创建文本域并初始化TinyMCE，只要确保执行上述代码时，新编辑器已经完成初始化，tinymce.editors就会自动包含新实例的ID，无需额外手动更新数组。

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