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 ckvalue = CKEDITOR.instances['editor1'].getData(); // editor1 is id of the ckeditor textarea 


    //or 

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

Answer 2

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

應該是：

var $content = editor.getData(); 

editor有一個你的插件的init方法的參數。這個方法被每個編輯器實例調用。

Answer 3

，看一下我的問題的答案在這裏

How to add an ajax save button with loading gif to CKeditor 4.2.1. [Working Sample Plugin]

存在的答案，工作一個下載鏈接保存按鈕插件。