Javascript 当应用于动态创建的元素时,CKEDITOR freez将显示屏幕

Javascript 当应用于动态创建的元素时,CKEDITOR freez将显示屏幕,javascript,jquery,ckeditor,Javascript,Jquery,Ckeditor,我正在寻找一种在动态创建的元素上使用CKEDITOR内联编辑器的方法,因此我在这里找到了这个答案: 这就是它的工作原理 <button type="button" onclick="appendEditor()">Append the new editor</button> 附加新编辑器 JS 函数appendEditor(){ //动态创建的元素。 var el=$(“我是可编辑的!”; //将元素附加到。 $(“正文”)。追加(el); //CKEDITOR.in

我正在寻找一种在动态创建的元素上使用CKEDITOR内联编辑器的方法,因此我在这里找到了这个答案:

这就是它的工作原理

<button type="button" onclick="appendEditor()">Append the new editor</button>
附加新编辑器
JS

函数appendEditor(){
//动态创建的元素。
var el=$(“

我是可编辑的!

”; //将元素附加到。 $(“正文”)。追加(el); //CKEDITOR.inline接受DOM元素作为参数。 CKEDITOR.inline(el.get(0)); }
它的工作原理是这样的,但每次添加文本时,屏幕都会冻结一段时间(几秒钟),然后才可以单击文本并编辑它。。。在初始化参数
CKEDITOR.inline(el.get(0))

我怎样才能解决这个问题

function appendEditor() {
    // A dynamically created element.
    var el = $( '<p contenteditable="true">I\'m editable!</p>' );

    // Append the element to <body>.
    $( 'body' ).append( el );

    // CKEDITOR.inline accepts DOM element as parameter.
    CKEDITOR.inline( el.get( 0 ) );    
}