使用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