程序博客网 > 淘宝开店要几张银行卡

Kindeditor环境搭建(JSP)

来源：互联网 发布：淘宝开店要几张银行卡 编辑：程序博客网 时间：2024/06/13 04:05

Kindeditor环境搭建(JSP)

文章分类:Web前端

一 环境: XP3+Myeclipse6.6+Tomcat7
二 官网:http://www.kindsoft.net/
需要的jar文件如下 : 
commons-fileupload-1.2.1.jar
commons-io-1.4.jar
json_simple-1.1.jar
三 参考资料
1 可视化编辑器的开发心得
http://www.javaeye.com/topic/552177
2 KindEditor使用
http://jonney-82.javaeye.com/blog/447579
3 kindeditor错误“服务器发生故障”解决的办法！
http://www.webqi.cn/news/news179.html
4 基于kindeditor3.4的上传功能的JAVA实现
http://www.javaeye.com/topic/599971
四 具体代码:版本:Kindeditor3.5
1 参考(kindeditor错误“服务器发生故障”解决的办法！)所讲述问题修改二个文件,就不用每个页面都要设置:imageUploadJson,fileManagerJson这二个参数.
修改位置与文件名称
1 kindeditor/plugins/image/image.html
将其中的:
Js代码
  1. var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../php/upload_json.php' : KE.g[id].imageUploadJson;  

就是把:php替换成:jsp,修改为:
Js代码
  1. var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../jsp/upload_json.jsp' : KE.g[id].imageUploadJson;  

2 kindeditor/plugins/file_manager/file_manager.js
Js代码
  1. var JSON_URL = '../../php/file_manager_json.php';  

Java代码  
  1. var JSON_URL = '../../jsp/file_manager_json.jsp';  

3 页面调用如下:
Js代码
  1. <script type="text/javascript">   
  2.   KE.show({   
  3.     id : 'content1',   
  4.     allowFileManager : true,   
  5.     afterCreate : function(id) {   
  6.     KE.event.ctrl(document, 13, function() {   
  7.         KE.util.setData(id);   
  8.         document.forms['example'].submit();   
  9.     });   
  10.     KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {   
  11.         KE.util.setData(id);   
  12.         document.forms['example'].submit();   
  13.         });   
  14.       }   
  15.     });   
  16. </script>  

未修改前的代码如下:
Js代码
  1. <script type="text/javascript">   
  2.   KE.show({   
  3.     id : 'content1',   
  4.     allowFileManager : true,   
  5.         imageUploadJson : '${pageContext.request.contextPath}/kindeditor/jsp/upload_json.jsp',   
  6. fileManagerJson : '${pageContext.request.contextPath}/kindeditor/jsp/file_manager_json.jsp',   
  7.     afterCreate : function(id) {   
  8.     KE.event.ctrl(document, 13, function() {   
  9.         KE.util.setData(id);   
  10.         document.forms['example'].submit();   
  11.     });   
  12.     KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {   
  13.         KE.util.setData(id);   
  14.         document.forms['example'].submit();   
  15.         });   
  16.       }   
  17.     });   
  18. </script>  


4 各页面如下:
添加JSP页面
Jsp代码
  1. <%@ page language="java" pageEncoding="UTF-8"  
  2.     contentType="text/html; charset=UTF-8"%>   
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  4. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>   
  5. <html>   
  6.     <head>   
  7.         <script type="text/javascript" charset="utf-8"  
  8.             src="${pageContext.request.contextPath}/kindeditor/kindeditor.js"></script>   
  9.         <script type="text/javascript">   
  10.         KE.show({   
  11.             id : 'content1',   
  12.             allowFileManager : true,   
  13.             afterCreate : function(id) {   
  14.                 KE.event.ctrl(document, 13, function() {   
  15.                     KE.util.setData(id);   
  16.                     document.forms['example'].submit();   
  17.                 });   
  18.                 KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {   
  19.                     KE.util.setData(id);   
  20.                     document.forms['example'].submit();   
  21.                 });   
  22.             }   
  23.         });   
  24.     </script>   
  25.     </head>   
  26.   
  27.     <body>   
  28.         <form action="${pageContext.request.contextPath}/kindeditors"  
  29.             name="example" id="example" method="post">   
  30.                
  31.             <TABLE cellSpacing=1 cellPadding=0 width="800" border=0  
  32.                 align="center">   
  33.                 <tr>   
  34.                     <td bgcolor="#ffffff" align="center">   
  35.                         内容   
  36.                     </td>   
  37.                     <td bgcolor="#ffffff" align="center">   
  38.                         <textarea id="content1" name="content1"  
  39.                             style="width: 700px; height: 400px"></textarea>   
  40.                     </td>   
  41.                 </tr>                
  42.   
  43.                 <tr>   
  44.                     <td align="center" colspan="2">   
  45.                         <input type="submit" value="保存!">   
  46.                     </td>   
  47.                 </tr>   
  48.             </TABLE>   
  49.                
  50.         </form>   
  51.     </body>   
  52. </html>  

Servlet代码:
Java代码
  1. String context = request.getParameter("content1");   
  2.         System.out.println("context: " + context);   
  3.         request.setAttribute("context",context);   
  4.         request.getRequestDispatcher("/kindeditor-edit.jsp").forward(request, response);  

编辑JSP页面如下:
Jsp代码
  1. <%@ page language="java" pageEncoding="UTF-8"  
  2.     contentType="text/html; charset=UTF-8"%>   
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  4. <html>   
  5.     <head>   
  6.         <script type="text/javascript" charset="utf-8"  
  7.             src="${pageContext.request.contextPath}/kindeditor/kindeditor.js"></script>   
  8.         <script type="text/javascript">   
  9.         KE.show({   
  10.             id : 'content1',   
  11.             allowFileManager : true,   
  12.             afterCreate : function(id) {   
  13.                 KE.event.ctrl(document, 13, function() {   
  14.                     KE.util.setData(id);   
  15.                     document.forms['example'].submit();   
  16.                 });   
  17.                 KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {   
  18.                     KE.util.setData(id);   
  19.                     document.forms['example'].submit();   
  20.                 });   
  21.             }   
  22.         });   
  23.     </script>   
  24.     </head>   
  25.   
  26.     <body>   
  27.         <form action=""></form>   
  28.         <TABLE cellSpacing=1 cellPadding=0 width="800" bgColor=#ABACAD   
  29.             border=0>   
  30.             <tr>   
  31.                 <td class=state bgcolor="#ffffff" align="center">   
  32.                     编辑内容   
  33.                 </td>   
  34.                 <td bgcolor="#ffffff" align="center">   
  35.                     <textarea id="content1" name="content1"  
  36.                         style="width: 750px; height: 400px">${requestScope.context}</textarea>   
  37.                 </td>   
  38.             </tr>   
  39.                
  40.         </TABLE>   
  41.         <p><a href="${pageContext.request.contextPath}">返回</a></p>   
  42.     </body>   
  43. </html>  

以上内容转载至：http://liuzidong.javaeye.com/blog/953941  

补充：自己配置的时候，上传图片总会提示“服务器故障”，找了N长时间，发现自己确定引包了，但引的路径是该JS下的lib，把这三个包提取出来放到WEBROOT/WEB-INF/LIB下引用才会正常使用！    记录下来备用！

淘宝开店要几张银行卡 淘宝开店要几张银行卡
原创粉丝点击
热门IT博客
车载wince软件下载车载wince软件下载
数据库审计部署数据库审计部署
graph软件下载
陕西师大网络教育
西服颜色 知乎
windows 访问控制策略
windiws linux双系统
js导航栏滚动条置顶
淘宝清单编辑的兼职
淘宝店铺改名
谁投了知乎
计算机专业大数据方向
淘宝会员名怎么取
淘宝网站版面特点
软件测试 ppt
wish怎么优化
软件开发费税率
淘宝主播吴小白
Mac系统装的游戏打不开
淘宝抢货
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 可乐鸡翅做 买可乐 可乐杀精 可乐加味精 孕妇喝可乐 可乐必妥 北京可乐八 可乐味精 非常可乐 可乐什么梗 无糖可乐 可乐图片 可乐英文 孕妇可乐 可乐姜汤 姜丝可乐 可口可乐和百事可乐 百事可乐可口可乐 可乐姜 姜汁可乐 可乐点点 可乐英语 心动可乐 可乐的做法 可乐危害 可乐网 可乐歌曲 可乐可乐 可乐做法 可乐的危害 可乐怎么做 小可乐 喝可乐 可乐的好处 可乐品牌 可乐图 可乐的坏处 可乐鸡翅用什么可乐好 朗姆可乐 鼻可乐 银梅可乐

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里