CKEditor editor1.insertHtml()가 작동하지 않습니다

Question

게시물에 대한 의견을 편집하려면 CKEditor를 사용하고 있습니다. 나는 또한 JQuery를 사용하고있다. 게시물 당 여러 개의 댓글이있을 수 있으므로 모든 클래스를 기반으로 유지하려고합니다.

다음 함수는 주석의 표시 영역을 숨기고 표시 영역의 텍스트를 편집기에 삽입 한 다음 마지막으로 편집기를 표시합니다.

function fnCommentControl_edit(divEditBtn){ 
    divEditBtn = $(divEditBtn); 
    var divSaveBtn = divEditBtn.parent().find('.save'); 
    var divCancelBtn = divEditBtn.parent().find('.cancel');  
    var divEdit = divEditBtn.parent().parent().parent().find('.text').find('.edit'); 
    var divDisplay = divEditBtn.parent().parent().parent().find('.text').find('.display'); 
    var divEditor = divEdit.find('.editor'); 

    var ckEditor1 = CKEDITOR.replace(divEditor[0], 
     { 
      toolbar : 'Basic', 
      customConfig : '/includes/ckEditorConfig.js' 
     }); 

    ckEditor1.insertHtml('<p>test</p>'); 

    divEditBtn.hide(); 
    divSaveBtn.show(); 
    divCancelBtn.show(); 
    divEdit.show(); 
    divDisplay.hide(); 
} 

함수를 호출 한 후에는 편집기에 텍스트가 없으면 모든 것이 올바르게 작동하는 것처럼 보입니다.

저는 CKEditor를 처음 사용하면서 도움이되었습니다.

Answer 1

작성 프로세스가 동기식이 아니므로 편집기는 작성을 호출 한 직후 편집 할 수 없습니다 (특히 첫 번째 인스턴스).

instanceReady 이벤트를 수신 대기해야합니다.