CKEditor粘贴图片上传功能

3 月，跳不动了？>>>

        使用CKEditor富文本编辑器上传图片有两种方式，一种是点击图片图标直接上传，另一种是在编辑区直接粘贴图片上传。两种方式回写的信息是不同的，保存图片的步骤忽略，下面是返回信息的代码。

示例一：点击图片图标直接上传

PrintWriter out = response.getWriter();
String callback = request.getParameter("CKEditorFuncNum");
response.setContentType("text/html;charset=UTF-8");
out.println("<script type=\"text/javascript\">");
out.println("window.parent.CKEDITOR.tools.callFunction(" + callback + ",'" + imageContextPath + "',''" + ")");
out.println("</script>");
out.flush();
out.close();

示例二：编辑区直接粘贴图片上传

Gson gson = new GsonBuilder().create();
PrintWriter out = response.getWriter();
response.setContentType("application/json; charset=utf-8");

//创建Map保存返回信息
Map<String,String> returnInfo = new LinkedHashMap<>();
returnInfo.put("uploaded","1");
returnInfo.put("fileName",att.getFileName());
returnInfo.put("url",imageContextPath);
String returnInfoJson = gson.toJson(returnInfo);
out.println(returnInfoJson);
out.flush();
out.close();

示例二官网说明文档截图：

参考：

1、https://docs.ckeditor.com/#!/guide/dev_file_upload