2016-03-02 151 views
0

有可能或者我可以用tinyMCE编辑器初始化两个textarea吗?我知道我可以设置使用内容TinyMCE的编辑器(如下所述)初始化为tinyMCE textarea并在选定的tinyMCE编辑器上设置内容

tinyMCE.activeEditor.setContent('test'); 

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

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

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

例如:

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

您可以使用get API方法针对特定TinyMCE的编辑

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

...将目标TinyMCE in具有ID为't2'的选择器的立场。

+0

不会像没有错误一样工作,但仍然tinymce编辑器textarea是空的。有任何想法吗? –

+0

即时使用最新的tinymce编辑器插件。 –

+0

请参阅此TinyMCE小提琴:http://fiddle.tinymce.com/Dqfaab/4它有两个按钮,通过基于ID的实例定位实例来更新两个不同的TinyMCE实例。 –