最近碰到的问题,关于ckeditor4 与 vue项目结合问题
项目是2.0的框架构建的
一开始想部署的是ck5
后来发现好像是不行
换成ck4后在上传图片过程中碰到的问题
需要将图片上传到公司服务器
配置过程中碰到的问题,在fileUploadResponse中打断了他默认的接口请求,图片上传成功后,没有像官网demo一样跳转到图像预览的页面
后来经过调试最终实现与官网一样的效果
以下是配置
在config.js中
config.filebrowserUploadUrl = 'http://xxxx.com';
在调用ck的页面中
this.editor = CKEDITOR.replace('ckeditor');
let that = this;
this.editor.on('fileUploadRequest', evt => {
const requestData = evt.data.requestData
const upload = requestData.upload
delete requestData.upload
requestData.iFile = upload
})
this.editor.on('fileUploadResponse', evt => {
evt.stop();
const data = evt.data
const fileLoader = data.fileLoader
const res = JSON.parse(fileLoader.xhr.responseText)
if (res.code !== 200) {
data.message = '上传失败'
evt.cancel();
return
}
data.fileName = fileLoader.fileName
data.url = res.data.file_path
data.message = '上传成功'
})
以上



