js - ckeditor 文本编辑器图片上传至服务器显示

js - ckeditor 文本编辑器图片上传至服务器显示

---

此文记录为实现在网页文本编辑其中插入图片，实现图片上传到服务器的功能

1. 前往 ckeditor 网站下载最新版本编辑器

2. 将编辑器引入项目

   

3. 编辑图片插件目录下的 image.js 文件

   

4. 在文件中找到以下内容，将 hidden 改为 false

   {id:"Upload",hidden:!0,filebrowser:"uploadButton",label:d.lang.image.upload,...

   

   此时插件的上传 tab 已经显示出来了

   

5. 在插件根目录下找到 config.js 文件

   

6. 在文件中添加代码，用于服务器接收图片的响应方法

   config.filebrowserUploadUrl="aaBulletin.do?method=updateImage";

   

7. 在服务器对应接收类中添加相应代码

   

   实现图片上传，在返回时添加回调

   <script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("+callback+",'/zhsc_wx"+idpath+"','')</script>

   此时图片上传完成后，就会直接跳转到 图像信息 页面进行预览了

   

整一个 ckeditor 上传图片编辑的过程就完成了