Kindeditor环境搭建(JSP)
一 环境: XP3+Myeclipse6.6+Tomcat7
二 官网:http://www.kindsoft.net/
需要的jar文件如下 :
三 参考资料
1 可视化编辑器的开发心得
http://www.iteye.com/topic/552177
2 KindEditor使用
http://jonney-82.iteye.com/blog/447579
3 kindeditor错误“服务器发生故障”解决的办法！
http://www.webqi.cn/news/news179.html
4 基于kindeditor3.4的上传功能的JAVA实现
http://www.iteye.com/topic/599971
四 具体代码:版本:Kindeditor3.5
1 参考(kindeditor错误“服务器发生故障”解决的办法！)所讲述问题修改二个文件,就不用每个页面都要设置:imageUploadJson,fileManagerJson这二个参数.
修改位置与文件名称
1 kindeditor\plugins\image\image.html
将其中的:
var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../php/upload_json.php' : KE.g[id].imageUploadJson;
var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../jsp/upload_json.jsp' : KE.g[id].imageUploadJson;
var JSON_URL = '../../php/file_manager_json.php';
var JSON_URL = '../../jsp/file_manager_json.jsp';
<script type="text/javascript"> KE.show({id : 'content1',allowFileManager : true,afterCreate : function(id) {KE.event.ctrl(document, 13, function() { KE.util.setData(id); document.forms['example'].submit();});KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {KE.util.setData(id);document.forms['example'].submit();}); }});</script><script type="text/javascript"> KE.show({id : 'content1',allowFileManager : true, imageUploadJson : '${pageContext.request.contextPath}/kindeditor/jsp/upload_json.jsp',fileManagerJson : '${pageContext.request.contextPath}/kindeditor/jsp/file_manager_json.jsp',afterCreate : function(id) {KE.event.ctrl(document, 13, function() { KE.util.setData(id); document.forms['example'].submit();});KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {KE.util.setData(id);document.forms['example'].submit();}); }});</script><%@ page language="java" pageEncoding="UTF-8"contentType="text/html; charset=UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><html><head><script type="text/javascript" charset="utf-8"src="${pageContext.request.contextPath}/kindeditor/kindeditor.js"></script><script type="text/javascript">KE.show({id : 'content1',allowFileManager : true,afterCreate : function(id) {KE.event.ctrl(document, 13, function() {KE.util.setData(id);document.forms['example'].submit();});KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {KE.util.setData(id);document.forms['example'].submit();});}});</script></head><body><form action="${pageContext.request.contextPath}/kindeditors"name="example" id="example" method="post"><TABLE cellSpacing=1 cellPadding=0 width="800" border=0align="center"><tr><td bgcolor="#ffffff" align="center">内容</td><td bgcolor="#ffffff" align="center"><textarea id="content1" name="content1"style="width: 700px; height: 400px"></textarea></td></tr><tr><td align="center" colspan="2"><input type="submit" value="保存!"></td></tr></TABLE></form></body></html>String context = request.getParameter("content1");System.out.println("context: " + context);request.setAttribute("context",context);request.getRequestDispatcher("/kindeditor-edit.jsp").forward(request, response);<%@ page language="java" pageEncoding="UTF-8"contentType="text/html; charset=UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><script type="text/javascript" charset="utf-8"src="${pageContext.request.contextPath}/kindeditor/kindeditor.js"></script><script type="text/javascript">KE.show({id : 'content1',allowFileManager : true,afterCreate : function(id) {KE.event.ctrl(document, 13, function() {KE.util.setData(id);document.forms['example'].submit();});KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {KE.util.setData(id);document.forms['example'].submit();});}});</script></head><body><form action=""></form><TABLE cellSpacing=1 cellPadding=0 width="800" bgColor=#ABACADborder=0><tr><td class=state bgcolor="#ffffff" align="center">编辑内容</td><td bgcolor="#ffffff" align="center"><textarea id="content1" name="content1"style="width: 750px; height: 400px">${requestScope.context}</textarea></td></tr></TABLE><p><a href="${pageContext.request.contextPath}">返回</a></p></body></html>