今天终于把这个东东搞定了（主要是上传本地图片的问题，由于kindEditor本身只有PHP版本的，对于我这种java程序员看起来有点像天书）！附件有代码提供下载（内附使用说明书）
我在网上找了一个JSP版本的 网址如下：http://wallimn.iteye.com/blog/327800（他测试的版本是2.4的，现在已经是3.3.1了。所以有点小问题，我稍微修改了一下）
官方网站是：http://www.kindsoft.net/（到官方网站学学，蛮不错的）
1.到官方网站下载kindEditor 网址如下：http://www.kindsoft.net/down.php 。
2. 在Eclipse下建立一个Web项目，将下载下来的文件拷贝到 WebContent目录下。
3. 在WebContent目录下建立一个HTML测试文件：kindEditorTest.html ，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" charset="utf-8" src="kindEditor/kindeditor-3.3.1/kindeditor.js"></script>
<script type="text/javascript">
KE.show({
id : 'content_1' //TEXTAREA输入框的ID
});
</script>
<title>Insert title here</title>
</head>
<body>
<form action="KindEditorAction.do" method="post">
<textarea id="content_1" name="content" cols="100" rows="8"></textarea>
<input type="submit" value="submit">
</form>
</body>
</html>
说明：1.这里引入了一个外部JS文件，这就是kindEditor。注意路径，你的可能与我的不同！
2.js代码里面有一句KE.show();KE是kindEditor里面的东西，里面的id指定哪个textarea标签来接收可视化编辑框的内容！下面有一个id为content_1的textarea标签
3.form标签是我自己加的，为了测试后台能不能够得到数据，可以先去掉。
4. 这个时候你请求这个页面的时候应该可以看到那个可视化编辑框了，现在唯一的问题就是还不能够上传本地图片，你可以试试！
5. 查看kindEditor文件夹的plugins文件夹里面有一个image.html,打开这个文件。找到action="./../php/upload.php"，看到了没有，就是这个东东，kindEditor默认实现的是PHP版本的本地图片上传，把upload.php修改成upload.jsp。并不是这样就完了，没这么简单,呵呵...
6. 找到PHP文件夹，在下面建立一个upload.jsp文件，内容如下：
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@page import = "java.net.URLDecoder" %>
<%@ page import = "java.util.*" %>
<%@ page import = "org.apache.commons.fileupload.*" %>
<%
String contextPath = request.getContextPath() ;
String SavePath = request.getSession().getServletContext().getRealPath("/")+"image\\";
String SaveUrl = contextPath+ "/image/" ;
System.out.println("c--->"+contextPath+"----->"+SavePath+"---->"+SaveUrl);
String[] ExtArr = new String[]{ ".gif" , ".jpg" , ".png" , ".bmp" };
int MaxSize = 4000000 ;
String Msg1 = "上传文件大小超过限制。" ;
String Msg2 = "上传文件的扩展名不被允许。" ;
String Msg3 = "文件上传失败。" ;
String Msg=Msg3;
//java.io.File files=new java.io.File(".");
//String FileName = (String)request.getAttribute("fileName");
String FileWidth = null ;
String FileHeight = null ;
String FileBorder = null ;
String FileTitle = null ;
String FileTitle2 = null ;
String FileAlign = null ;
String FileHspace = null ;
String FileVspace = null ;
Date dt = new Date();
Random random = new Random();
random.nextInt();
String FileNameAuto = String.format( "%X_%X" , new Object[]{ new Integer(( int )(dt.getTime())), new Integer(random.nextInt())});
System.out.println(FileNameAuto);
String FilePath = null ;
String FileUrl = null ;
DiskFileUpload fu = new DiskFileUpload();
fu.setSizeMax(MaxSize); //
fu.setSizeThreshold( 4096 );
fu.setRepositoryPath( "c:/" );
//ServletRequestContext src = new ServletRequestContext(request);
List fileItems = fu.parseRequest(request);
Iterator iter = fileItems.iterator();
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();
String fieldName = item.getFieldName();
if (!item.isFormField()) {
String name = item.getName();
long size = item.getSize();
if ((name== null ||name.equals( "" )) && size== 0 )
continue ;
if (size>MaxSize) {
Msg=Msg1;
break ;
}
//namename = name.replace(':','_');
//namename = name.replace('\\','_');
int pos = name.lastIndexOf( "." );
String ext = name.substring(pos);
boolean b= false ;
for ( int m= 0 ;m<ExtArr.length; m++){
if (ExtArr[m].equalsIgnoreCase(ext)){
b= true ;
break ;
}
}
if (b== false ){
Msg=Msg2;
break ;
}
FilePath = SavePath + FileNameAuto+ext;
System.out.println(FilePath+" "+SavePath+" "+FileNameAuto+" "+ext);
FileUrl = SaveUrl + FileNameAuto+ext;
java.io.File f= new java.io.File(FilePath);
item.write(f);
}
else {
String fieldValue = item.getString();
if ( "imgWidth" .equals(fieldName)){
FileWidth = fieldValue;
}
else if ( "imgHeight" .equals(fieldName)){
FileHeight = fieldValue;
}
else if ( "imgBorder" .equals(fieldName)){
FileBorder = fieldValue;
}
else if ( "imgTitle" .equals(fieldName)){
FileTitle = fieldValue;
}
else if ( "imgTitle2" .equals(fieldName)){
//FileTitle2 = URLDecoder.decode(fieldValue,"GB18030");
FileTitle2 = URLDecoder.decode(fieldValue, "UTF-8" );
}
else if ( "imgAlign" .equals(fieldName)){
FileAlign = fieldValue;
}
else if ( "imgHspace" .equals(fieldName)){
FileHspace = fieldValue;
}
else if ( "imgVspace" .equals(fieldName)){
FileVspace = fieldValue;
}
}
}
if (FileUrl!= null ){
out.println( "<html>" );
out.println( "<head>" );
out.println( "<title>error</title>" );
out.println( "<meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\">" );
out.println( "</head>" );
out.println( "<body>" );
out.println("<script type=\"text/javascript\">parent.KE.plugin[\"image\"].insert(\"content_1\",\""+FileUrl+"\",\""+FileTitle+"\",\""+FileWidth+"\",\""+FileHeight+"\",\""+FileBorder+"\");</script>");
System.out.println("<script type=\"text/javascript\">parent.KE.plugin[\"image\"].insert(\"content_1\",\""+FileUrl+"\",\""+FileTitle+"\",\""+FileWidth+"\",\""+FileHeight+"\",\""+FileBorder+"\");</script>");
out.println( "</body>" );
out.println( "</html>" );
}
else {
out.println( "<html>" );
out.println( "<head>" );
out.println( "<title>error</title>" );
out.println( "<meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\">" );
out.println( "</head>" );
out.println( "<body>" );
out.println( "<script type=\"text/javascript\">alert(\"" + Msg + "\");parent.KindDisableMenu();parent.KindReloadIframe();</script>" );
out.println( "</body>" );
out.println( "</html>" );
}
%>
7. 跑一下试试，这个时候你的后台应该会报错，没有找到一些包。这是因为你缺少一些上传文件的外部jar文件，他们是：commons-fileupload-1.2.1.jar与commons-io-1.4.jar ，附件有下载（里面有详细的说明）
8. 这个时候应该没有什么问题了
9. 在这个过程中，我遇到了一个路径问题。大家看一看，假设你在WebContent下面建立了一个image文件夹，你点击上传文件的时候，文件并没有保存在这个文件夹里面。你可以打印一下那个上传文件保存路径，我这里是一串这样奇怪的东西：E:\Eclipse项目\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\ShoppingNetwork\image\。如果你把项目当做war文件导出去，单独在tomcat中部署，那样是保存在WebContent下面的image文件夹里面。我自作聪明地把那个保存路径改为：E:\Eclipse项目\ShoppingNetwork\WebContent\image，结果是我能够看到上传的图片，但是在那个编辑器里面不显示，这个问题折磨了我好久。现在我终于明白了，Eclipse在把项目部署到tomcat的时候就临时把项目拷贝到那个奇怪的目录下面，你可以去那个奇怪的目录下面去找找，应该能够找到你上次的文件！
就这样了，希望大家都能够弄明白！
分享到：
相关推荐
kindeditor富文本框编辑器 script type="text/javascript"> var validator = null; $(function(){ KE.show({ id : 'content', imageUploadJson : 'upload_json.jsp', fileManagerJson...
KindEditor富本编辑器-jsp版 直接复制到项目里直接可以用,本地路径 http://127.0.0.1:8080/KindEditor/kindeditor-4.1.10/examples/default.html
一个富文本编辑器的例子。用的是JSP，其实是很容易改成Servlet的。
富文本编辑器访问页面：http://localhost:8080/testkindeditor/jsp/demo.jsp
富文本框编辑器插件，JSP兼用，分享给大家，希望可以帮助到有同样需求的您。
前端富文本编辑器umeditor1_2_3-utf8-jsp，eWebEditor_v280_Free_Final，kindeditor-4.1.11-zh-CN，有重的，自己筛选使用
最新文本编辑器kindeditor-4.0.1 支持jsp,php,asp,asp.net
好看又好用的文本编辑器 kindeditor4.1.10 界面好看 支持批量上传 可制作QQ风格的文本编辑框 带DEMO JSP ASP .NET PHP均可用
KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor最新版！
kindeditor是非常出名的一款在线富文本编辑器，然而在官网是php版的(大家钟爱它的原因大概是因为它小而功能也很强大)，但是因为项目的需求而不得不需找一份java版！经过整合最终弄出一份java版的。希望能帮助到大家
这是本人写的一个基于KindEditor-4.1.9的Java项目，采用Struts2框架，实现了KindEditor单张图片上传、批量图片上传，可以上传到image目录下的子目录中，可...访问地址：http://localhost:8080/kindeditor/demo_1.jsp
项目技术架构(Spring+SpringMVC+Mybatis） ...kindeditor富文本编辑器，处理图片上传和富文本编辑 项目框架： 后台框架：spring+ springMVC + shiro + MyBatis + jsp 前台框架：easyui+ jquery + javascript
一个生产管理ERP系统。主要包括：计划进度、设备管理、工艺监控、物料监控、人员监控、质量监控、系统管理7大模块 项目技术架构 (Spring+SpringMVC+Mybatis） ...kindeditor富文本编辑器，处理图片上传和富文本编辑
利用search-box实现查找功能 - [Druid（数据源配置 sql防注入 sql性能监控)](http://wosyingjun.iteye.com/blog/2306139) - 统一的异常处理 - JSP JSTL JavaScript - kindeditor富文本编辑器，处理图片上传和富文本...
erp项目 基于ssm+easyUI+mysql+maven+shiro开发 本系统实现目标如下： ## 项目技术架构(Spring+SpringMVC+Mybatis） ## - Maven - Spring（IOC DI AOP 声明式...- kindeditor富文本编辑器，处理图片上传和富文本编辑
利用search-box实现查找功能 - [Druid（数据源配置 sql防注入 sql性能监控)](http://wosyingjun.iteye.com/blog/2306139) - 统一的异常处理 - JSP JSTL JavaScript - kindeditor富文本编辑器，处理图片上传和富文本...
这是一个生产管理ERP系统。依托科技计划重点项目“制造装备物联及生产管理系统研发”，主要包括：计划进度、设备管理、工艺监控、物料监控、人员监控...- kindeditor富文本编辑器，处理图片上传和富文本编辑<!--more-->
技术栈项目开发环境：myeclipse、tomcat、mysql项目主要技术：servlet+hibernate+jsp+mysql+ajax+kindeditor-4.1.10富文本编辑器系统功能权限控制：不同人员看到的菜单不一样角色技术栈项目开发环境：myeclipse、...
技术栈项目开发环境：myeclipse、tomcat、mysql项目主要技术：servlet+hibernate+jsp+mysql+ajax+kindeditor-4.1.10富文本编辑器技术栈项目开发环境：myeclipse、tomcat、mysql项目主要技术：servlet+hibernate+jsp+...