divでTiny MCEエディタの内容をラップする

Question

私の小さな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>"); 
} 



}); 

で動作するようにしようとしたコードので、多分それは問題ですが、私はエラーに

を得続けるプロパティを読み取ることができませんで'getContent' of null

Answer 1

完全に初期化される前にエディタの内容にアクセスしようとしているからです。文書の準備が整ってからしばらく時間がかかります。

ですので、以下のように 'init'イベントを使用する最善の方法です。 エディタの変更ごとにコンテンツを変更し、 'init'の代わりに 'change'イベントを使用する場合は、

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

)};