Kindeditor环境搭建(JSP)

liuzidong

浏览: 2299949 次
性别:
来自: 成都

最近访客更多访客>>

joechl

njdccy

mushroom12

musicxujun

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JSP
html

JSP json PHP HTML Servlet

一环境: 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;

就是把: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调用示例

Kindeditor-3.5-project.zip (918.8 KB)
下载次数: 251

查看图片附件

分享到：

Hibernate(3.6)之初识 | Oracle 自动生成 32位ID

2011-03-11 14:00
浏览 7405
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

MF00331-JAVA制造装备物联生产管理(ERP)源码.zip: 基于SSM框架搭建的装备物联及生产管理系统研发，根据客户需求生产相应装备设备，生成订单计划，可编辑设备的详细信息，对物料信息进行管控。质量监控模块用于质检合格与不合格的设备。测试环境：WIN10 + IntelliJ...

#_ssm_105_mysql_学生比赛指导管理系统_.zip: Layui提供了丰富的组件和接口，能够帮助开发者快速搭建美观、响应式的界面布局。再者，“kindeditor_a5\plugins\plainpaste\”和“kindeditor_a5\plugins\template\html\3.html”路径指向了KindEditor，这是一个轻...

jspxcms-3.0.5-release.zip: 它可能涵盖了环境准备（如Java运行环境、数据库配置、Web服务器设置等）、安装步骤、数据库初始化、系统配置以及常见问题解答。遵循这些指示，即便是没有太多技术背景的用户也能顺利搭建起一个jspxcms网站。在实际...

jtday03日常笔记: 企业中可能会使用第三方库如EasyUI、KindEditor、jQuery等。 - **自定义JS开发**：对于一些特定需求，公司可能需要自行开发JS脚本，有时甚至采用全栈式的node.js语言编写。 - **标签理解**：例如`(0)" class="easyui...

Delphi 12.3控件之TraeSetup-stable-1.0.12120.exe: Delphi 12.3控件之TraeSetup-stable-1.0.12120.exe

基于GPRS，GPS的电动汽车远程监控系统的设计与实现.pdf: 基于GPRS，GPS的电动汽车远程监控系统的设计与实现.pdf

基于MATLAB/Simulink 2018a的单机无穷大系统暂态稳定性仿真与故障分析: 内容概要：本文详细介绍了如何利用MATLAB/Simulink 2018a进行单机无穷大系统的暂态稳定性仿真。主要内容包括搭建同步发电机模型、设置无穷大系统等效电源、配置故障模块及其控制信号、优化求解器设置以及绘制和分析转速波形和摇摆曲线。文中还提供了多个实用脚本，如故障类型切换、摇摆曲线计算和极限切除角的求解方法。此外，作者分享了一些实践经验，如避免常见错误和提高仿真效率的小技巧。适合人群：从事电力系统研究和仿真的工程师和技术人员，尤其是对MATLAB/Simulink有一定基础的用户。使用场景及目标：适用于需要进行电力系统暂态稳定性分析的研究项目或工程应用。主要目标是帮助用户掌握单机无穷大系统的建模和仿真方法，理解故障对系统稳定性的影响，并能够通过仿真结果评估系统的性能。其他说明：文中提到的一些具体操作和脚本代码对于初学者来说可能会有一定的难度，建议结合官方文档或其他教程一起学习。同时，部分技巧和经验来自于作者的实际操作，具有一定的实用性。

【KUKA 机器人资料】：KUKA机器人剑指未来——访库卡自动化设备(上海)有限公司销售部经理邹涛.pdf: KUKA机器人相关资料

基于DLR模型的PM10–能见度–湿度相关性研究.pdf: 基于DLR模型的PM10–能见度–湿度相关性研究.pdf

MATLAB/Simulink中基于电导增量法的光伏并网系统MPPT仿真及其环境适应性分析: 内容概要：本文详细介绍了如何使用MATLAB/Simulink进行光伏并网系统的最大功率点跟踪(MPPT)仿真，重点讨论了电导增量法的应用。首先阐述了电导增量法的基本原理，接着展示了如何在Simulink中构建光伏电池模型和MPPT控制系统，包括Boost升压电路的设计和PI控制参数的设定。随后，通过仿真分析了不同光照强度和温度条件对光伏系统性能的影响，验证了电导增量法的有效性，并提出了针对特定工况的优化措施。适合人群：从事光伏系统研究和技术开发的专业人士，尤其是那些希望通过仿真工具深入理解MPPT控制机制的人群。使用场景及目标：适用于需要评估和优化光伏并网系统性能的研发项目，旨在提高系统在各种环境条件下的最大功率点跟踪效率。其他说明：文中提供了详细的代码片段和仿真结果图表，帮助读者更好地理解和复现实验过程。此外，还提到了一些常见的仿真陷阱及解决方案，如变步长求解器的问题和PI参数整定技巧。

【KUKA 机器人坐标的建立】：mo2_base_en.ppt: KUKA机器人相关文档

风力发电领域双馈风力发电机（DFIG）Simulink模型的构建与电流电压波形分析: 内容概要：本文详细探讨了双馈风力发电机（DFIG）在Simulink环境下的建模方法及其在不同风速条件下的电流与电压波形特征。首先介绍了DFIG的基本原理，即定子直接接入电网，转子通过双向变流器连接电网的特点。接着阐述了Simulink模型的具体搭建步骤，包括风力机模型、传动系统模型、DFIG本体模型和变流器模型的建立。文中强调了变流器控制算法的重要性，特别是在应对风速变化时，通过实时调整转子侧的电压和电流，确保电流和电压波形的良好特性。此外，文章还讨论了模型中的关键技术和挑战，如转子电流环控制策略、低电压穿越性能、直流母线电压脉动等问题，并提供了具体的解决方案和技术细节。最终，通过对故障工况的仿真测试，验证了所建模型的有效性和优越性。适用人群：从事风力发电研究的技术人员、高校相关专业师生、对电力电子控制系统感兴趣的工程技术人员。使用场景及目标：适用于希望深入了解DFIG工作原理、掌握Simulink建模技能的研究人员；旨在帮助读者理解DFIG在不同风速条件下的动态响应机制，为优化风力发电系统的控制策略提供理论依据和技术支持。其他说明：文章不仅提供了详细的理论解释，还附有大量Matlab/Simulink代码片段，便于读者进行实践操作。同时，针对一些常见问题给出了实用的调试技巧，有助于提高仿真的准确性和可靠性。

linux之用户管理教程.md: linux之用户管理教程.md

三菱PLC与组态王构建3x3书架式堆垛立体库：IO分配、梯形图编程及组态画面设计: 内容概要：本文详细介绍了利用三菱PLC（特别是FX系列）和组态王软件构建3x3书架式堆垛式立体库的方法。首先阐述了IO分配的原则，明确了输入输出信号的功能，如仓位检测、堆垛机运动控制等。接着深入解析了梯形图编程的具体实现，包括基本的左右移动控制、复杂的自动寻址逻辑，以及确保安全性的限位保护措施。还展示了接线图和原理图的作用，强调了正确的电气连接方式。最后讲解了组态王的画面设计技巧，通过图形化界面实现对立体库的操作和监控。适用人群：从事自动化仓储系统设计、安装、调试的技术人员，尤其是熟悉三菱PLC和组态王的工程师。使用场景及目标：适用于需要提高仓库空间利用率的小型仓储环境，旨在帮助技术人员掌握从硬件选型、电路设计到软件编程的全流程技能，最终实现高效稳定的自动化仓储管理。其他说明：文中提供了多个实用的编程技巧和注意事项，如避免常见错误、优化性能参数等，有助于减少实际应用中的故障率并提升系统的可靠性。

基于STM32的循迹避障小车仿真20250426（带讲解视频）: 基于STM32的循迹避障小车主控：STM32 显示：OLED 电源模块舵机云台超声波测距红外循迹模块（3个，左中右）蓝牙模块按键（6个，模式和手动控制小车状态） TB6612驱动的双电机功能：该小车共有3种模式：自动模式：根据红外循迹和超声波测距模块决定小车的状态手动模式：根据按键的状态来决定小车的状态蓝牙模式：根据蓝牙指令来决定小车的状态自动模式：自动模式下，检测距离低于5cm小车后退未检测到任何黑线，小车停止检测到左边或左边+中间黑线，小车左转检测到右边或右边+中间黑线，小车右转检测到中边或左边+中间+右边黑线，小车前进手动模式：根据按键的状态来决定小车的状态蓝牙模式： //需切换为蓝牙模式才能指令控制 *StatusX X取值为0-4 0：小车停止 1：小车前进 2：小车后退 3：小车左转 4：小车右转

海西蒙古族藏族自治州乡镇边界，矢量边界，shp格式: 矢量边界，行政区域边界，精确到乡镇街道，可直接导入arcgis使用

基于IEEE33节点的主动配电网优化：含风光储柴燃多源调度模型的经济运行研究: 内容概要：本文探讨了基于IEEE33节点的主动配电网优化方法，旨在通过合理的调度模型降低配电网的总运行成本。文中详细介绍了模型的构建，包括风光发电、储能装置、柴油发电机和燃气轮机等多种分布式电源的集成。为了实现这一目标，作者提出了具体的约束条件，如储能充放电功率限制和潮流约束，并采用了粒子群算法进行求解。通过一系列实验验证，最终得到了优化的分布式电源运行计划，显著降低了总成本并提高了系统的稳定性。适合人群：从事电力系统优化、智能电网研究的专业人士和技术爱好者。使用场景及目标：适用于需要优化配电网运行成本的研究机构和企业。主要目标是在满足各种约束条件下，通过合理的调度策略使配电网更加经济高效地运行。其他说明：文章不仅提供了详细的理论推导和算法实现，还分享了许多实用的经验技巧，如储能充放电策略、粒子群算法参数选择等。此外，通过具体案例展示了不同电源之间的协同作用及其经济效益。

【KUKA 机器人资料】：KUKA 机器人初级培训教材.pdf: KUKA机器人相关文档

基于MATLAB的CSP电站与ORC综合能源系统优化建模及应用: 内容概要：本文详细介绍了将光热电站(CSP)和有机朗肯循环(ORC)集成到综合能源系统中的优化建模方法。主要内容涵盖系统的目标函数设计、关键设备的约束条件（如CSP储热罐、ORC热电耦合）、以及具体实现的技术细节。文中通过MATLAB和YALMIP工具进行建模，采用CPLEX求解器解决混合整数规划问题，确保系统在经济性和环境效益方面的最优表现。此外，文章还讨论了碳排放惩罚机制、风光弃能处理等实际应用场景中的挑战及其解决方案。适合人群：从事综合能源系统研究的专业人士，尤其是对光热发电、余热利用感兴趣的科研工作者和技术开发者。使用场景及目标：适用于需要评估和优化包含多种能源形式（如光伏、风电、燃气锅炉等）在内的复杂能源系统的项目。目标是在满足供电供热需求的同时，最小化运行成本并减少碳排放。其他说明：文中提供了大量具体的MATLAB代码片段作为实例，帮助读者更好地理解和复现所提出的优化模型。对于初学者而言，建议从简单的确定性模型入手，逐渐过渡到更复杂的随机规划和鲁棒优化。

网站设计与管理作业一.ppt: 网站设计与管理作业一.ppt

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论