本文介绍了在CKeditor中替换默认的上传图片按钮并实现服务器保存的步骤。包括下载CKeditor、修改config.js配置、创建自定义插件simpleupload、编写plugin.js和simpleupload.js代码，以及在页面上使用和处理上传成功后的图片插入操作。
背景：之前公司的项目中用的是KindEditor富文本编辑器，后来发现有上传漏洞，所以项目中用了CKeditor富文本编辑器。But 发现自带的上传图片按钮并不能将上传的图片保存到服务器上，So 下面就来说一说如何在CKeditor中自定义上传图片按钮。
- CKeditor官网下载：https://ckeditor.com/ckeditor-4/download/
- 步骤：
1).下载后解压，将整个文件夹放在项目中，如下图：
2).打开config.js配置文件，修改原有的工具栏配置，将自带的上传图片按钮EasyImageUpload修改为自定义的按钮SimpleUpload（注意：大小写），然后注册自定义按钮，如下图：
3).在plugins文件下新建一个simpleupload文件夹，如下图：
最低0.47元/天 解锁文章
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
