包裝內容的微小的MCE編輯器與div

Question

我想包裝我的Tiny MCE編輯器的內容與div，這樣做這樣的文件似乎含糊不清。

我想換用<div id="random-wrap"> </div>

有什麼選擇的內容嗎？

這裏是我試圖與

jQuery(document).ready(function($){ 
    var name = "wprsspostprepend"; 
if($("#" + name).length > 0) { 
$("#wprsspostprepend").addClass("prepend_editor"); 
    tinyMCE.init({ 
     mode : "specific_textareas", 
     editor_selector : "prepend_editor" 
}); 
    var content = tinyMCE.get("prepend_editor").getContent(); 
    tinyMCE.get("prepend_editor").setContent("<div id='random-wrap'>" + content + "</div>"); 
} 



}); 

我試圖做到這一點WordPress的，所以也許這是問題的工作的代碼，但我不斷收到

無法讀取屬性錯誤'getContent'爲null

Answer 1

這是因爲您試圖在完全初始化之前訪問編輯器內容。即使文件準備好了，也需要一些時間。

所以使用'init'事件的最好方法如下。 如果你想改變編輯器的每一個變化的內容，然後使用'改變'事件，而不是'init'

tinyMCE.init({ 
     mode : "specific_textareas", 
     editor_selector : "prepend_editor",  
     setup: function (editor) { 
        editor.on("init", function() { 
         var content = editor.getContent();; 
         editor.setContent(content); 
        }); 
       } 

)};