注:本使用法是针对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
分享到:
相关推荐
接下来,我们需要创建一个div元素作为编辑器的容器,并通过JavaScript调用KindEditor的初始化方法,如下: ```jsp <script src="path/to/kindeditor.js"> KindEditor.ready(function(K) { var editor = K....
以下是对KindEditor使用方法及实例的详细解析。 1. **安装与引入** 在使用KindEditor之前,你需要先下载其源代码包。下载完成后,将包含的CSS、JS文件引入到你的HTML页面中。通常,需要引入`kindeditor.js`主文件...
在Java Web开发中,KindEditor常与JSP(Java Server Pages)技术结合使用,以提供用户友好的在线文本编辑功能。 在"KindEditor+jsp"的场景下,开发者通常会创建一个JSP页面,将KindEditor嵌入其中,以实现用户可以...
jsp+servlet+dao设计模式 未完成功能:分页 | kindeditor的图片上传功能 参照视频: v512工作室_刘伟_Java高端培训系列视频_2009年博客系统项目 传智播客_李勇_JDBC_DAO设计 希望对学习这两个视频的同学有所...
kindeditor在jsp中如何使用。我的经验总结。贡献出来供大家学习,少走弯路。
### jQuery + KindEditor 使用详解 #### 一、简介 KindEditor是一款非常强大的Web富文本编辑器,它基于JavaScript实现,并支持多种浏览器环境。KindEditor具备丰富的功能,如文本格式化、图片上传、代码高亮等,...
本说明将详细介绍KindEditor的安装、配置、使用以及常见问题解决,帮助开发者更好地集成到自己的项目中。 **1. 安装与引入** 在开始使用KindEditor前,首先需要从官方网站(http://kindeditor.net/download.html)...
本篇将深入探讨如何使用JSP与KindEditor在线编辑器实现图片和附件的上传功能,并分享一套已经成功部署并经过测试的源码。首先,我们需要了解JSP(JavaServer Pages)和KindEditor的基本概念。 **JSP技术介绍** JSP...
在本文中,我们将深入探讨如何在JSP环境中使用KindEditor编辑器,以及如何解决与上传图片和乱码问题相关的挑战。KindEditor是一款功能强大的HTML在线编辑器,它为用户提供了一个类似Word的界面来编辑网页内容。以下...
在JSP(JavaServer Pages)环境中,KindEditor能够无缝集成,提供用户友好的富文本编辑体验。 1. **富文本编辑器的基本概念** 富文本编辑器是一种允许用户输入并格式化文本的工具,与传统的纯文本输入框相比,它...
虽然官方的示例可能需要较多的修改才能适应你的项目,但这里我们提供了一个最小化的集成示例,其中包含了`jsp/demo.jsp`,这是一个可以直接运行的演示页面,可以帮助你快速理解如何在JSP中调用和使用KindEditor。...
KindEditor 是一个功能丰富的网页富文本编辑器,适用于多种编程语言环境,如 ASP、ASP.NET、PHP、JSP 等。它提供了丰富的文本编辑功能,使得用户可以在网页上进行类似Word的文本编辑操作,包括字体设置、颜色调整、...
<servlet-class>com.elkan.kindeditor.upload.UploadImage</servlet-class> <!-- 上传图片保存的目录 --> <param-name>UPLOAD_PATH <param-value>uploadImg/ <!-- 限制上传图片的大小,单位字节(缺省值为1...
本教程将详细介绍如何将KindEditor 4.0.3版本整合到JSP(Java Server Pages)应用中。 首先,我们需要下载KindEditor的源码包,这里提供的是kindeditor-v4.0.3.zip。解压该文件,你会得到包含编辑器核心文件和样例...
本教程将详细介绍如何配置和使用 KindEditor 的最新版本,以及如何处理数据库的读写操作,并解决常见的错误问题。 首先,你需要下载 KindEditor 的最新版本并解压缩。将解压后的文件夹复制到你的项目目录下的 `...
在本篇文章中,我们将深入探讨KindEditor的核心特性、使用方法以及如何在不同的服务器端平台上进行集成。 首先,让我们了解KindEditor的基本特性: 1. **富文本编辑**:KindEditor提供了完整的文本格式化选项,如...
本文将深入探讨KindEditor的安装与使用方法,帮助开发者快速掌握这一工具。 #### 二、安装步骤 1. **下载最新版本**:访问KindEditor官方网站或GitHub仓库下载最新版本的压缩包。 2. **上传文件**:解压压缩包后,...
5. 使用说明文档,可能是`.doc`格式,详细介绍编辑器的使用方法和配置选项。 总的来说,KindEditor是一款功能强大且易于集成的在线编辑器,无论是个人项目还是企业级应用,它都能提供稳定可靠的文本编辑解决方案。...
KindEditor是一款功能强大的开源富文本编辑器,尤其适用于Java平台,其jsp版广泛应用于网站内容管理、论坛系统以及各类Web应用中。该编辑器提供了多种功能,包括文字编辑、图片上传、链接插入等,其中视频上传是其一...