Question

我从事模块翻译工作。

我在一个页面上有超过100个textarea。为了增加负载，我在点击时创建一个实例。当我通过点击其他地方退出编辑器时，我想更新de textarea并删除实例。

我这样做但不起作用。

$('textarea').each(function(){

    // Ajout de l'instance
    $(this).click(function () {
        //$(this).ckeditor(config_editor);
        editor = CKEDITOR.replace(this,config_editor);
        console.log(editor);
        editor.focusout(function(e) {               
            if (e.editor.checkDirty()) console.log(e.editor.getData());
            e.editor.destroy();
        });
    });
});

Answer 1

您可以尝试这样

$('textarea').click(function () {
    //$(this).ckeditor(config_editor);
    console.log(this);
    editor = CKEDITOR.replace(this,config_editor);
    console.log(editor);
     editor.on('blur', function(e){
       if (e.editor.checkDirty()) console.log(e.editor.getData());
        e.editor.destroy();
    });

});

动态添加textarea

$(document).on('click','textarea',function(){
   //above code
});

Answer 2

我粘贴Man Programmer的代码：

// Lancement de CKEDITOR
$('textarea').click(function () {

    editor = CKEDITOR.replace(this,config_editor);

    editor.on('blur', function(e){
        e.editor.destroy();
    });

});

jQuery / Ckeditor - 更新textarea并在焦点外删除实例

2 个答案: