9

我正在使用 CKeditor 允许用户在登录后内联编辑页面上的内容。

我知道我可以使用以下方式访问数据：

var data = CKEDITOR.instances.editable.getData();

但我不知道如何将数据发送到脚本，以便更新数据库。如果每次有人取消选择一个contenteditable元素时运行脚本会很酷......但我不知道这是否可能。

任何提示都会很棒！:)

我的网站是使用 php/mysql 构建的。

4

3 回答 3

20

像这样的东西：

CKEDITOR.disableAutoInline = true;

CKEDITOR.inline( 'editable', {
    on: {
        blur: function( event ) {
            var data = event.editor.getData();
            // Do sth with your data...
        }
    }
} );

请注意，这不适用于其他交互，例如：用户调用editor.setData()或用户在编辑时关闭网页。在这种情况下，内容将会丢失。如果我是你，我宁愿定期检查新数据：

CKEDITOR.disableAutoInline = true;

var editor = CKEDITOR.inline( 'editable', {
    on: {
        instanceReady: function() {
            periodicData();
        }
    }
} );

var periodicData = ( function(){
    var data, oldData;

    return function() {
        if ( ( data = editor.getData() ) !== oldData ) {
            oldData = data;
            console.log( data );
            // Do sth with your data...
        }

        setTimeout( periodicData, 1000 );
    };
})();
于 2012-12-18T09:40:44.810 回答
3 
CKEDITOR.inline('editable'  ,{
        on:{
            blur: function(event){
                if (event.editor.checkDirty())
                    console.log(event.editor.getData());
            }
        }
    });

尝试这个。

于 2014-02-21T08:08:31.600 回答
1

看起来“模糊”事件可能会对您有所帮助： http ://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#event:blur

于 2012-12-17T20:58:33.263 回答