项目中使用到了富文本编辑器,使用之后感觉非常的棒!之前使用的是ckeditor,本次项目打算使用的也是ckeditor,但是后来有些嵌套表格里面格式的显示的问题实在是比较乱。

所以使用了本文介绍的:编辑器 KindEditor :

主页地址:http://www.kindsoft.net/ ,值得说下的是,kindeditor是国产的开源的编辑器。

简介:

 

在线HTML编辑器 KindEditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。


 

 

整个使用过程比较简单,官方的文档写的也很详细(http://www.kindsoft.net/doc.php)。

把下载下来的文件加压缩,根据需要提取相应的文件。如图所示

 

   

 注意引入相应的jar包,commons-fileupload-1.2.2jar、commons-io-2.0.1.jar、json_simple-1.1.jar ,本系统中所使用的jar包比下载下来的jar版本要新,请根据需要选取。

效果如下:

 

上传文件:

 

 

之前上传遇到了如下所示的错误:

解决的办法如下:替换

 

 
  
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>   
  2. <%@ page import="java.util.*,java.io.*" %>   
  3. <%@ page import="java.text.SimpleDateFormat" %>   
  4. <%@ page import="org.apache.commons.fileupload.*" %>   
  5. <%@ page import="org.apache.commons.fileupload.disk.*" %>   
  6. <%@ page import="org.apache.commons.fileupload.servlet.*" %>   
  7. <%@ page import="org.json.simple.*" %>   
  8. <%@ page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper" %>   
  9.     
  10. <%   
  11. //文件保存目录路径       
  12. //存放在\kindeditor\attached下  
  13. String savePath = request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/";   
  14. //文件保存目录URL /kindeditor/attached/  
  15. String saveUrl = request.getContextPath() + "/kindeditor/attached/";   
  16. //定义允许上传的文件扩展名   
  17. //定义允许上传的文件扩展名   
  18. HashMap<String, String> extMap = new HashMap<String, String>();   
  19. extMap.put("image", "gif,jpg,jpeg,png,bmp");   
  20. extMap.put("flash", "swf,flv");   
  21. extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");   
  22. extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");   
  23.     
  24. //允许最大上传文件大小 struts.xml struts.multipart.maxSize=3G   
  25. long maxSize = 3000000000l;   
  26.     
  27. response.setContentType("text/html; charset=UTF-8");   
  28.     
  29. if(!ServletFileUpload.isMultipartContent(request)){   
  30.     out.println(getError("请选择文件。"));   
  31.     return;   
  32. }   
  33. //检查目录   
  34. File uploadDir = new File(savePath);   
  35. if(!uploadDir.isDirectory()){   
  36.     out.println(getError("上传目录不存在。"));   
  37.     return;   
  38. }   
  39. //检查目录写权限   
  40. if(!uploadDir.canWrite()){   
  41.     out.println(getError("上传目录没有写权限。"));   
  42.     return;   
  43. }   
  44.     
  45. String dirName = request.getParameter("dir");//image   
  46. if (dirName == null) {   
  47.     dirName = "image";   
  48. }   
  49. if(!extMap.containsKey(dirName)){   
  50.     out.println(getError("目录名不正确。"));   
  51.     return;   
  52. }   
  53. //创建文件夹   
  54. savePath += dirName + "/";   
  55. saveUrl += dirName + "/";  
  56. File saveDirFile = new File(savePath);   
  57. if (!saveDirFile.exists()) {   
  58.     saveDirFile.mkdirs();   
  59. }   
  60. SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");   
  61. String ymd = sdf.format(new Date());   
  62. savePath += ymd + "/";  
  63. saveUrl += ymd + "/";  
  64. File dirFile = new File(savePath);   
  65. if (!dirFile.exists()) {   
  66.     dirFile.mkdirs();   
  67. }   
  68. if (!dirFile.isDirectory()) {   
  69.     out.println(getError("上传目录不存在 。"));   
  70.     return;   
  71. }   
  72. //检查目录写入权限   
  73. if (!dirFile.canWrite()) {   
  74.     out.println(getError("上传目录没有写入权限。"));   
  75.     return;   
  76. }   
  77.     
  78.  
  79. MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;   
  80. //获得上传的文件名   
  81. String fileName = wrapper.getFileNames("imgFile")[0];//imgFile,imgFile,imgFile   
  82. //获得文件过滤器   
  83. File file = wrapper.getFiles("imgFile")[0];   
  84.     
  85. //检查扩展名   
  86. String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();   
  87. if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){   
  88.     out.println(getError("上传文件扩展名是不允许的扩展名。\n只允许" + extMap.get(dirName) + "格式。"));   
  89.     return;   
  90. }   
  91. //检查文件大小   
  92. if (file.length() > maxSize) {   
  93.         out.println(getError("上传文件大小超过限制。"));   
  94.         return;   
  95. }    
  96.     
  97.     
  98. //重构上传图片的名称    
  99. SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");   
  100. String newImgName = df.format(new Date()) + "_"  
  101.                 + new Random().nextInt(1000) + "." + fileExt;   
  102. byte[] buffer = new byte[1024];   
  103. //获取文件输出流   
  104. FileOutputStream fos = new FileOutputStream(savePath +"/" + newImgName);   
  105. //获取内存中当前文件输入流   
  106. InputStream in = new FileInputStream(file);   
  107. try {   
  108.         int num = 0;   
  109.         while ((num = in.read(buffer)) > 0) {   
  110.                 fos.write(buffer, 0, num);   
  111.         }   
  112. } catch (Exception e) {   
  113.         e.printStackTrace(System.err);   
  114. } finally {   
  115.         in.close();   
  116.         fos.close();   
  117. }   
  118. //发送给 KE    
  119. JSONObject obj = new JSONObject();   
  120. obj.put("error", 0);   
  121. obj.put("url", saveUrl +"/" + newImgName);   
  122. ///zswz/attached/image/20111129/  image 20111129195421_593.jpg   
  123. out.println(obj.toJSONString());   
  124. %>   
  125. <%!   
  126. private String getError(String message) {   
  127.     JSONObject obj = new JSONObject();   
  128.     obj.put("error", 1);   
  129.     obj.put("message", message);   
  130.     return obj.toJSONString();   
  131. }   
  132. %>