javascript - 初始化tinyMCE文本区域并在选定的tinyMCE编辑器上设置内容

Question

是否可以使用tinyMCE编辑器初始化两个文本区域？我知道我可以使用(引用下文)将内容设置为tinyMCE编辑器

tinyMCE.activeEditor.setContent('test');

但是如果我想将内容设置到特定的已经tinyMCE编辑器初始化的文本区域，例如第二个文本区域，这可能吗？或者有什么办法可以做到这一点？

非常感谢任何帮助、想法、线索、建议、推荐。谢谢。

tinymce.init({
  selector: 'textarea',
  height: 230,
  theme: 'modern',
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>


<textarea id="t1"></textarea><br>
<button id="t1button">Set content to tinyMCE textarea 1</button><br><br>
<textarea id="t2"></textarea><br>
<button id="t2button">Set content to tinyMCE textarea 2</button><br>

Answer 1

您可以使用 get API 方法定位特定的 TinyMCE 编辑器:

https://www.tinymce.com/docs/api/class/tinymce.editormanager/#get

例如:

tinyMCE.get('t2').getContent()
tinyMCE.get('t2').setContent('...content here...')

...将以 ID 为“t2”的选择器的 TinyMCE 实例为目标。