ckeditor4图片上传和返回JSON格式数据

关于ckeditor这个富文本编辑器的资料实在少得可怜。搞了几天终于搞通了流程,顺便写下来,可以参考下。

1.本人用的版本ckeditor4

2.关于如何引入啥的也不说了,直接引入ckeditor.js,这种一找还是挺多的,初始化,ckeditor最好放在jq和其他js之前

3.如果不想要工具栏中某些插件,到ckeditor文件夹下sample/index.html,点击Toolbar configurator,选择你想要的控件

4.选择完成后,点击get toolbar config获取配置后的代码,进入ckeditor文件夹下的config.js替换

5.关于如果监听文件上传,默认上传参数为upload和那个csftoken(忘记咋拼了),如果想改成自己要的上传参数,使用下面方法监听,append进formdata

参考https://ckeditor.com/docs/ckeditor4/latest/guide/dev_file_upload.html

5.1:重点,ckeditor期望从后端返回的是一个Json格式数据,包含下面几个字段,数据格式外层不需要状态码200或者其他data套着,直接返回。本来我想监听响应,奈何不知道赋值到哪儿。。。

如果服务器返回类似“不正确的服务相应”或者本地localhost弹出alert报undifend,去改变下后端返回的JSON格式吧。然后截图上传和图片上传功能就走通了。

5.2关于如何设置请求路径或者针对某些tab隐藏链接或者高级选项啥的一大堆。都在config.js里面设置。