CKEditor 4.9.0以后的版本上传文件提交表单没有CKEditorFuncNum字段的解决方法

CKEditor是一款非常好用的富文本编辑器,今天在基于CKEditor4做图片上传时,跟着网上的步骤走发现提交的表单中竟然没有CKEditorFuncNum字段,导致后台处理程序无法反馈图片URL给前端……

CKEditor是一款非常好用的富文本编辑器,今天在基于CKEditor4做图片上传时,跟着网上的步骤走发现提交的表单中竟然没有CKEditorFuncNum字段,导致后台处理程序无法反馈图片URL给前端,在几经周折后才发现,原来CKEditor从4.9.0版本开始引入了xhr方法上传文件,并且替代原来的form方法成为了默认的上次方法。在使用xhr上传时,前端提交的表单不会有CKEditorFuncNum字段,需要修改配置文件的filebrowserUploadMethod项使用form上传。有2种方法修改,任选其一


1.修改config.js

比较基本的方法,打开config.js在相应位置添加一行:

CKEDITOR.editorConfig = function( config ) {
    // Balabala
    config.filebrowserUploadMethod = 'form';
    // Balabala
};

2.初始化时覆盖默认设置

这个方法适用于无法修改config.js的情况,例如,使用CKEditor官方的CDN时。在使用CKEDITOR.Replace初始化时,传入覆盖参数:

CKEDITOR.replace('editor1', {
    // Balabala
    filebrowserUploadMethod: 'form',
    // Balabala
});

 

称谓(*)
邮箱
留言(*)