加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

CKEditor,AJAX保存

发布时间:2020-12-16 03:08:20 所属栏目:百科 来源:网络整理
导读:您能否提供一个示例,说明如何使用CKEditor工具栏中的“保存”按钮设置C??KEditor以通过AJAX进行保存? 我有兴趣创建一个CKEditor AJAX保存页面,但我们没有在他们的网站上看到任何示例. 谢谢! 尝试直接从_source / plugins / save / plugin.js复制并根据需要
您能否提供一个示例,说明如何使用CKEditor工具栏中的“保存”按钮设置C??KEditor以通过AJAX进行保存?

我有兴趣创建一个CKEditor AJAX保存页面,但我们没有在他们的网站上看到任何示例.

谢谢!

尝试直接从_source / plugins / save / plugin.js复制并根据需要进行更改.在/ path / to / ckeditor / plugins中创建新插件(即不在/ path / to / ckeditor / _source / plugins中).例如,在/ path / to / ckeditor / plugins中创建一个新目录“AjaxSave”,然后在该目录中创建一个文件“plugin.js”.然后在该文件中做这样的事情(改编自源文件夹中的正常“保存”插件):
(function()
{
  var saveCmd =
  {
    modes : { wysiwyg:1,source:1 },exec : function( editor )
    {
      var $form = editor.element.$.form;
      if ( $form )
      {
          try
          {
            editor.updateElement();
//Here is where you put your ajax submit function. For example... if you are using
// jQuery and the ajaxform plugin,do something like this:
            $($form).ajaxSubmit({
               success: function(response){
                 //do something with the response
               }
            });
          } catch ( e ) {
            //alert(e);
          }
      }
    }
  }
  var pluginName = 'ajaxsave';
  CKEDITOR.plugins.add( pluginName,{
     init : function( editor )
     {
        var command = editor.addCommand( pluginName,saveCmd );
        command.modes = { wysiwyg : !!( editor.element.$.form ) };
        editor.ui.addButton( 'AjaxSave',{
            label : editor.lang.save,command : pluginName,icon: "/img/save.png"
         });
     }
   });
})();

然后在定义工具栏的配置中,将“AjaxSave”更改为“Save”.

编辑:你还必须添加config.extraPlugins =“ajaxsave”;到配置.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读