项目中使用到了富文本编辑器，使用之后感觉非常的棒！之前使用的是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. %>