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 方法有一个参数。为每个编辑器实例调用此方法。

Answer 2

尝试这个 ：-

  var ckvalue = CKEDITOR.instances['editor1'].getData(); // editor1 is id of the ckeditor textarea


   //or

   $('#editor1').ckeditor(function( textarea ){
    $(textarea).val();
    });

Answer 3

在这里查看我的问答

如何在 CKeditor 4.2.1 中添加带有加载 gif 的 ajax 保存按钮。[工作示例插件]

工作保存按钮插件的答案中有一个下载链接。