初始化为tinyMCE textarea并在选定的tinyMCE编辑器上设置内容

时间:2016-03-02 09:39:12

标签: javascript tinymce tinymce-4

是否有可能或者我可以使用tinyMCE编辑器初始化两个textarea?我知道我可以使用(参见下文)

将内容设置为tinyMCE编辑器
tinyMCE.activeEditor.setContent('test');

但是如果我想将内容设置为特定的tinyMCE编辑器初始化textarea,例如第二个textarea,甚至可能吗?或者有办法做到这一点吗?

非常感谢任何帮助,想法,线索,建议和建议。谢谢。

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>

1 个答案:

答案 0 :(得分: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实例。