如何在ckeditor中的保存按钮插件上实现ajax调用

Question

如何在保存按钮插件上进行ajax调用以保存ckeditor的数据。

我附上图片。

Answer 1

任务是使用内联ckeditor来编辑div内容并通过向服务器发送ajax请求来保存。 我遇到了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';