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
});