如何使用javascript動態創建tinymce的實例？

Question

如何使用javascript動態創建tinymce實例？這是到目前爲止我的代碼：

的javascript：

$(function() 
{ 

    $("#onesnippet").click(function() 
    { 
     alert("One Snippet"); 

     var idiv = document.getElementById('translations'); 
     var newdiv = document.createElement('div'); 
     newdiv.id = 10; 
     idiv.appendChild(newdiv); 

     var latestdiv = document.createElement('div') 
     latestdiv.id = 4; 
     newdiv.appendChild(latestdiv); 

     var textarea1 = document.createElement('textarea'); 
     textarea1.id = "mceEditor3"; 
     textarea1.className = "mceEditor"; 

     latestdiv.appendChild(textarea1); 
    }); 

}); 

php文件，包括TinyMCE的：

<script> 
     tinymce.init({mode : "specific_textareas", element : "mceEditor,mceEditor1,mceEditor2,mceEditor3", editor_selector : "mceEditor"}); 
</script> 

Answer 1

你完成你的代碼，然後添加編輯器啓動代碼。

$(function() 
{ 

    $("#onesnippet").click(function() 
    { 
     alert("One Snippet"); 

     var idiv = document.getElementById('translations'); 
     var newdiv = document.createElement('div'); 
     newdiv.id = 10; 
     idiv.appendChild(newdiv); 

     var latestdiv = document.createElement('div') 
     latestdiv.id = 4; 
     newdiv.appendChild(latestdiv); 

     var textarea1 = document.createElement('textarea'); 
     textarea1.id = "mceEditor3"; 
     textarea1.className = "mceEditor"; 

     latestdiv.appendChild(textarea1); 

     tinymce.init({mode : "specific_textareas", element : "mceEditor,mceEditor1,mceEditor2,mceEditor3", editor_selector : "mceEditor"}); 

    }); 

});