Kindeditor的使用方法（本使用法是针对jsp+stcuts2.0的用法）

                              注：本使用法是针对jsp+stcuts2.0的用法
1. 从kindeditor官网http://www.kindsoft.net/下载kindeditor编辑器。
2. 解压kindeditor压缩包，然后把解压的文件夹放到相应项目的WebRoot下。
3. .找到kindeditor目录下的plugins/image/image.html页面，修改如下代码，默认为php，修改为你的jsp上传处理页面为：var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../jsp/upload_json.jsp' : KE.g[id].imageUploadJson;。

4. 修改upload_json.jsp页面里的代码为：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper"%>
<%@page import="java.util.concurrent.locks.*"%><%@page import="java.io.*"%>
<%@ page import="org.json.simple.*"%>
<%
//Struts2 请求 包装过滤器
MultiPartRequestWrapper wrapper=(MultiPartRequestWrapper)request;
//获得上传的文件名
String fileName = wrapper.getFileNames("imgFile")[0];
//获得未见过滤器
File file = wrapper.getFiles("imgFile")[0];
//----------重新构建上传文件名---------
final Lock lock = new ReentrantLock();String newName = null;lock.lock();
try{
//加锁为防止文件名重复
newName = System.currentTimeMillis()  +fileName.substring(fileName.lastIndexOf("."),  fileName.length());}finally{lock.unlock();}
//------锁结束---------//获取文件输出流
FileOutputStream fos = new FileOutputStream(request.getSession().getServletContext().getRealPath("/")+"ke_upload/" + newName);//设置 KE 中的图片文件地址
String newFileName = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ request.getContextPath() + "/ke_upload/" + newName;byte[] buffer = new byte[1024];//获取内存中当前文件输入流
InputStream in = new FileInputStream(file);try{int num = 0;while((num = in.read(buffer)) > 0){fos.write(buffer,0,num);}}catch(Exception e){e.printStackTrace(System.err);}finally{in.close();fos.close();}//发送给 KE
JSONObject obj = new JSONObject();
obj.put("error", 0);
obj.put("url", newFileName);
out.println(obj.toJSONString());
%>

5. 进入kindeditor\jsp\lib目录下，把commons-fileupload-1.2.1.jar、commons-io-1.3.2.jar、json_simple-1.1.jar这三个jar包放到相应项目的WEB-INF 文件夹下的lib文件夹里面：
6. 进入kindeditor\jsp的demo.jsp页面。就可以参考该页面来把kindeditor编辑器导入到你的页面中
注：如果你的项目有前台和后台最好把
Js代码中的 imageUploadJson : '../../jsp/upload_json.jsp',
改成：imageUploadJson : '/项目名/前台或后台文件名/kindeditor/jsp/upload_json.jsp',
7. 根据upload_json.jsp页面中上传图片的保存路径在WebRoot目录下建立ke_upload文件夹
8.就‘可以了。

想了解更多请进入iteamsky

评论

2 楼 yangbobestone 2012-05-30  

不用谢。。记得多分享你自己的一些资源就是对大家的最好感谢。。。

1 楼 passlicense 2011-09-06  

楼主谢谢了，这个验证通过了！！感激