div로 작은 MCE 편집기의 내용 감싸기

Question

div와 함께 작은 MCE 편집기의 내용을 감추고 싶습니다. 이처럼 막연한 일을하는 문서는 모호한 것처럼 보입니다.

내가 <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); 
        }); 
       } 

)};