2016-03-02 217 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實例。 –