javascript - 如何在 javascript 事件触发时用一些内容填充 tinymce？

Question

我想在 javascript 中触发选择框的 onchange 事件时用一些内容填充 tinymce 主体。我尝试了一些东西但确实如此不适合我。请指导我正确的方向。这是我在 textarea 上附加 tinymce 的代码

$(function() {
appendTinyMCE();
function appendTinyMCE(){
    tinyMCE.init({

        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "preview",
        // Theme options
        theme_advanced_buttons1 : "forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,|,formatselect,fontselect,fontsizeselect,sub,sup,|,bold,italic,underline,strikethrough",
        theme_advanced_buttons2 : "",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true

});}

});

这是html代码

<td>
        <textarea rows="15" name="MyTinymceContent" cols="90" >MyTestContent</textarea>

现在我想在 javascript 中更改选择框时用新内容填充 tinymce。所以我在更改时写了下面的代码片段 选择框的

 function populateMyTinyMCE() {
  document.form.MyTinymceContent.value ="MyNewContent";
 }

但它并没有把新的内容放入tinymce body。我不确定我在这里缺少什么？

Answer 1

您可以在某个事件触发器上调用以下任何一个:

tinyMCE.get('your_editor').setContent("MyNewContent");
//OR
tinyMCE.activeEditor.setContent('MyNewContent');

参见:Here for More