Kindeditor的使用方法(本使用法是针对jsp+stcuts2.0的用法)

本文详细介绍如何将KindEditor富文本编辑器集成到jsp+struts2.0项目中,包括下载安装、配置上传处理页面、引入相关jar包及设置图片上传路径等步骤。
注:本使用法是针对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.就‘可以了。

想了解更多请进入[url=http://wwww.iteamsky.com]iteamsk[/url]y
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值