如何无需ID获取TinyMCE文本？动态实例内容获取方案咨询

我明白你遇到的麻烦了——动态生成一堆TinyMCE编辑器，又没法靠固定ID去拿内容，之前用普通文本框的遍历方法完全不管用，对吧？别慌，这几个方案应该能帮到你：

方案1：通过关联的textarea获取编辑器实例（最推荐） #

TinyMCE本质是绑定在textarea元素上的，哪怕是用户新增的动态实例，TinyMCE初始化时也会自动给textarea分配唯一ID（如果原本没有的话）。你可以先遍历容器，找到里面的textarea，再通过它获取对应的编辑器实例：

// 假设你的每个编辑器都包裹在.editor-container类的容器里
$('.editor-container').each(function() {
  // 找到容器内的textarea元素
  const targetTextarea = $(this).find('textarea')[0];
  // 通过textarea的ID获取对应的TinyMCE实例
  const editorInstance = tinymce.get(targetTextarea.id);
  
  if (editorInstance) {
    // 获取编辑器内容
    const editorContent = editorInstance.getContent();
    // 这里就可以处理拿到的内容了
    console.log('编辑器内容：', editorContent);
  }
});

这个方法是TinyMCE官方推荐的方式，兼容性拉满，不管是动态新增还是手动初始化的实例都能覆盖到。

方案2：初始化时绑定自定义标识 #

你可以在初始化编辑器的环节，给每个实例绑定一个和父容器关联的自定义属性，方便后续匹配：

// 假设你有一个动态初始化编辑器的函数
function initDynamicEditor(textareaEl) {
  tinymce.init({
    target: textareaEl,
    setup: function(editor) {
      // 给编辑器实例绑定父容器的引用
      editor.parentContainer = $(textareaEl).closest('.editor-container')[0];
      // 也可以把实例存入全局数组，方便后续直接遍历
      // window.allEditors = window.allEditors || [];
      // window.allEditors.push(editor);
    },
    // 其他TinyMCE配置项...
  });
}

之后遍历容器时，就可以通过这个绑定的属性找到对应实例：

$('.editor-container').each(function() {
  const currentContainer = this;
  // 从所有编辑器实例中筛选出关联当前容器的那个
  const matchedEditor = tinymce.editors.find(editor => editor.parentContainer === currentContainer);
  
  if (matchedEditor) {
    const content = matchedEditor.getContent();
    // 处理内容逻辑
  }
});

方案3：通过编辑器容器反向匹配实例 #

如果你已经拿到了.mce-tinymce容器元素，也可以通过它的ID反向推导关联的textarea ID，进而获取实例：

$('.mce-tinymce').each(function() {
  // TinyMCE编辑器容器的ID格式是"mce_editor_XXX"，XXX就是绑定的textarea的ID
  const textareaId = this.id.replace('mce_editor_', '');
  const editorInstance = tinymce.get(textareaId);
  
  if (editorInstance) {
    const content = editorInstance.getContent();
    console.log(content);
  }
});

小提醒 #

别直接调用$(this).find('.mce-tinymce').getContent()哦——.mce-tinymce是编辑器的DOM容器，不是TinyMCE的实例对象，只有实例对象才有getContent()方法，这也是你之前方法无效的原因~

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