dom 요소의 jquery 편집기

Question

새로 만든 div 요소의 내용을 변경하기 위해 wysiwyg 편집기를 사용하려고합니다.하지만 그렇게 할 수 없습니다. 편집자는 html에는 기존 요소 만 표시하지만 새로 작성하지는 않습니다. 새로운 div 요소를 만들려면 다음 코드를 사용하고 있습니다.

$("button").click(function() { 
    var elm = $('<div id="text">testing testing</div>'); 
    elm.appendTo('#wrapper'); 

나는 ckeditor를 사용하여 생성 된 div를 편집 가능하게 만들고 있습니다. 이것은 단순히 수행하는 것입니다.

$('#text').ckeditor(); 

이것은 작동하지 않습니다. 편집자가 새로 만든 div를 볼 수 없습니다. 내가 사용하는 편집기에 상관없이 항상 그렇습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까. 이것을위한 어떤 해결책.

Answer 1

요소를 만든 후에 편집기를 첨부해야합니다.

$("button").click(function() { 
    var elm = $('<div id="text">testing testing</div>'); 
    elm.appendTo('#wrapper'); 
    elm.ckeditor(); 
}