- 浏览: 2272651 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴(Java网络编程精解) (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu:
拼凑,没有营养
Activiti进阶—分配组任务 -
zhangsenhao:
非常赞!代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000:
分页写得不对,应该是 : order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw:
...
SpringMVC:上传与下载 -
kingtoon:
...
XSS之xssprotect
一 环境: 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
将其中的:
就是把:php替换成:jsp,修改为:
2 kindeditor\plugins\file_manager\file_manager.js
3 页面调用如下:
未修改前的代码如下:
4 各页面如下:
添加JSP页面
Servlet代码:
编辑JSP页面如下:
具体可参见Kindeditor提供的DEMO调用示例
二 官网: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;
就是把:php替换成:jsp,修改为:
var imageUploadJson = (typeof KE.g[id].imageUploadJson == 'undefined') ? '../../jsp/upload_json.jsp' : KE.g[id].imageUploadJson;
2 kindeditor\plugins\file_manager\file_manager.js
var JSON_URL = '../../php/file_manager_json.php';
var JSON_URL = '../../jsp/file_manager_json.jsp';
3 页面调用如下:
<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>
4 各页面如下:
添加JSP页面
<%@ 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=0 align="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>
Servlet代码:
String context = request.getParameter("content1"); System.out.println("context: " + context); request.setAttribute("context",context); request.getRequestDispatcher("/kindeditor-edit.jsp").forward(request, response);
编辑JSP页面如下:
<%@ 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=#ABACAD border=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>
具体可参见Kindeditor提供的DEMO调用示例
发表评论
-
JSP:引用文件(绝对路径)
2011-10-17 10:34 24587参考资料 1 SP文件中引用JavaScript文件路径 ht ... -
Cannot forward a response that is already committed
2011-09-07 09:43 5539参考资料 1 Cannot forward a respons ... -
Html5之图片拖放上传
2011-08-08 17:06 3117转载:提升用户体验:HTML5 拖放文件上传 http:/ ... -
jQuery与Java实现图片的剪切
2011-08-05 15:10 30421一 参考资料 1 jquery Jcrop 头像,logo截图 ... -
WebLogic之Session
2011-07-25 13:15 23981参考资料 1 关于WebLogic的Session丢失的问题 ... -
Frameset导致Cookies和Session丢失的原因及解决办法
2011-07-25 12:28 4298参考资料 1 Frameset导致Cookies和Sessio ... -
JSTL的fmt标签
2011-05-31 11:25 1504转载:jstl (struts bean、fmt等标签) - ... -
servlet下载Excel出现问题在于:IE提示无法下载
2011-01-11 12:17 4264转载: servlet输出文件下载,IE提示无法下载的问题 [ ... -
HTML和XHTML的联系与区别,文档类型<!DOCTYPE>
2010-12-24 10:48 3632参考资料 1 HTML和XHTML的 ... -
打开QQ聊天窗口
2010-11-22 12:23 2089<a href="http://wpa. ... -
html中的特殊字符转换
2010-07-19 10:13 3101以下为网上整理收集: 转换字串中的字符. 字符 实体名称 ... -
Servlet中打开最大化窗口
2009-09-19 10:53 1523业务需求 : 通过一个映射地址,传参数,进入主页面,打开最大化 ... -
分页类(二) JSP中使用
2009-07-10 12:49 215 分页类的使用 1)JSP中使用 A 在头部引入 &l ... -
基于Servlet的抽象分页类
2009-07-10 12:40 52一 分页类的使用 1 使用环境 主要使用在JDK1.4下, ... -
Table边框使用总结
2009-07-09 15:48 18805本文转载自:http://www.cnblogs.com/Ni ... -
错误日志
2009-03-09 18:17 3222开发环境:JDK1.4,Myeclipse6.6,WEB Lo ...
相关推荐
java 富文本kindeditor4.0.3_jsp整合,里面说到kindeditor整合到jsp中去的要注意的几个问题
kindeditor在jsp中如何使用。我的经验总结。贡献出来供大家学习,少走弯路。
jsp版在线编辑器,支持上传本地图片,上传附件等功能
<servlet-class>com.elkan.kindeditor.upload.UploadImage</servlet-class> <!-- 上传图片保存的目录 --> <param-name>UPLOAD_PATH <param-value>uploadImg/ <!-- 限制上传图片的大小,单位字节(缺省值为1...
KindEditor+jsp完整的例子,在提交的时候必须执行editor1.sync(); 来把编辑器里面的值传到textarea里面
kindeditor支持视频上传,可在编辑器中播放视频,可上传到指定服务器,如七牛,本例上传到七牛,如要上传到其他地方,按zip包中的上传说明进行配置即可。
<jsp:include page="kindEditor/jsp/test.jsp"> <jsp:param name="formName" value="form1"/> <jsp:param name="editorId" value="content" /> <jsp:param name="eWidth" value="800" /> <jsp:param name=...
jsp+kindeditor 实现类似于编辑功能
官网下载的需要更改的东西比较多,这是最小集成,附带demo示例jsp/demo.jsp。简洁好用,只需直接调用即可。
JSP kindeditor编辑器使用,能上传图片,解决乱码问题 请严格查看demo的编码处理,及servlet里的转码问题
KindEditor富本编辑器-jsp版 直接复制到项目里直接可以用,本地路径 http://127.0.0.1:8080/KindEditor/kindeditor-4.1.10/examples/default.html
此为kindeditor-3.4.4文本编译器JSP版 里面实现图片上传 此项目直接导入myeclipse就可以使用 测试输入http://localhost:8080/jsp/demo.jsp 此为tomcat服务器访问路径
kindeditor(asp,php,jsp,asp.net)在线编辑器源码,asp.net单独做了一个实例,非常好用,拿出来共享一下!!
kindeditor jsp示例源码(包含上传文件)
《py-19-JTWEB01》
jsp中kindeditor的用和遇到的问题总结附上项目配置。综合别人的再加上自己做的。并含有一个简单的测试工程和kindeditor的压缩包
kindEditor,请看相关的文章,搜索mylovede
JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能) 1.集合了日期、时间、在线预览和特殊字符插件,采用3.0皮肤; 2.将图片上传与管理的JSP页面改写成SERVLET,同时去除JSON包; 3.添加图片压缩...
NULL 博文链接:https://liwenshui322.iteye.com/blog/516821
asp 版的KindEditor 3.5.1编辑器 外部编辑器 web编辑器 最新版的KindEditor 编辑器 适合asp jsp的编辑器 这是经过本人一个下午测试的 ,保证可以使用 在这拿出来 大家一起学习学习 QQ290273103