Javascript 如何在ckeditor中实现ajax调用save按钮插件

Javascript 如何在ckeditor中实现ajax调用save按钮插件,javascript,jquery,ajax,ckeditor,Javascript,Jquery,Ajax,Ckeditor,如何在SaveButton插件上获得ajax调用以保存ckeditor的数据 这里我附上的图像 任务是使用内联ckeditor,通过向服务器发送ajax请求来编辑div内容和保存。 我遇到了一个问题,即ckeditor保存按钮没有出现在工具栏上。所以这里有一个解决方案。最重要的部分用粗体突出显示。 只需替换“保存”插件内容。您可以在ckeditor/plugins/save/plugin.js中找到它 (function() { var saveCmd = { modes:{wysiwyg:1

如何在SaveButton插件上获得ajax调用以保存ckeditor的数据

这里我附上的图像


任务是使用内联ckeditor,通过向服务器发送ajax请求来编辑div内容和保存。 我遇到了一个问题,即ckeditor保存按钮没有出现在工具栏上。所以这里有一个解决方案。最重要的部分用粗体突出显示。 只需替换“保存”插件内容。您可以在ckeditor/plugins/save/plugin.js中找到它

(function() {
 var saveCmd = { modes:{wysiwyg:1,source:1 },
  readOnly: 1,

  exec: function( editor ) {
            var data = editor.getData();
            jQuery.post(editor.config.saveSubmitURL,
                        {text: data},
                        function(response){
                           alert('Data sent to server!!!');
                        });
  }
 };

 var pluginName = 'save';

 // Register a plugin named "save".
 CKEDITOR.plugins.add( pluginName, {
  lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en-au,en-ca,en-gb,en,eo,es,et,eu,fa,fi,fo,fr-ca,fr,gl,gu,he,hi,hr,hu,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt-br,pt,ro,ru,sk,sl,sr-latn,sr,sv,th,tr,ug,uk,vi,zh-cn,zh', // %REMOVE_LINE_CORE%
  icons: 'save', // %REMOVE_LINE_CORE%
  init: function( editor ) {
   var command = editor.addCommand( pluginName, saveCmd );
   //command.modes = { wysiwyg: !!( editor.element.$.form ) };

   editor.ui.addButton( 'Save', {
    label: editor.lang.save.toolbar,
    command: pluginName,
    toolbar: 'clipboard,50'
   });
  }
 });
})();
此外,还需要更新ckeditor的config.js文件,并添加以下行

config.saveSubmitURL = 'URL_TO_YOUR_SERVER_SCRIPT.php';