php - CKEditor 4 内联编辑保存按钮插件

Question

我刚刚创建了一个ajax保存插件。我查看了文档，但它让我对实现它感到困惑。 单击并通过ajax php保存内容时如何使按钮工作？目前我无法获取内容。

文件夹:/plugins/ajaxsave/plugin.js

var saveCmd = {
    modes : { wysiwyg:1 },
    exec : function( editor ) {
        **var $content = editor.instances.editor1.getData(); ?????**
        var $data = {'keyId': 1, 'token': TOKEN, 'content': $content};

        $.ajax({
            type: 'post',
            url: '../../script/php/file.php',
            data: $data,
            dataType: 'json',
            cache: false,
            success: function(data) {

                    alert( 'OK' );

            },
            error: function(data){
                alert('fatal error');
            }
        });
       CKEDITOR.instances.editor1.destroy();
   }

}
CKEDITOR.plugins.add('ajaxsave',  {    

    init:function(editor) {

        var pluginName = 'ajaxsave';
        var command = editor.addCommand(pluginName,saveCmd);
        command.modes = {wysiwyg:1 };   

        editor.ui.addButton('ajaxsave', {
            label: 'Save text',
            command: pluginName,
            toolbar: 'undo,1',
            icon: this.path+'save.png'
        });
    }
});

Answer 1

**var $content = editor.instances.editor1.getData(); ?????**

应该是:

var $content = editor.getData();

editor 你的插件的 init 方法有一个参数。每个编辑器实例都会调用此方法。