富文本编辑器：KindEditor+Struts2 笔记之环境搭建

最新推荐文章于 2017-09-09 09:27:25 发布

清河木子

最新推荐文章于 2017-09-09 09:27:25 发布

阅读量1k

点赞数

文章标签：文本编辑

本文链接：https://blog.csdn.net/FYW_wu/article/details/10075129

版权

背景：你的 strut2 框架能够跑的起来。

添加kindeditor插件。这是我的存放位置

写一个自己的jsp文件，引入kindeditor相关文件。这是我jsp 文件的代码。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>Dynamic Load Examples</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<style>
form {
	margin: 0;
}

textarea {
	display: block;
}
</style>

		<script src="<%=path%>/js/jquery-1.8.0.min.js">
</script>
		<script>
$(function() {
	$('input[name=load]').click(function() {
		$.getScript('<%=path%>/plugins/kindeditor/kindeditor-min.js', function() {
			KindEditor.basePath = '<%=path%>/plugins/kindeditor/';
			KindEditor.create('textarea[name=content]');
		});
	});
	$('input[name=remove]').click(function() {
		KindEditor.remove('textarea[name=content]');
	});
});
</script>


	<body>
		<h3>
			异步加载
		</h3>
		<div>
			<img src="<%=path%>/test/img/1.png"></img>
			<img src="<%=path%>/test/img/2.png"></img>
			<img src="<%=path%>/test/img/3.png"></img>
		</div>
		<form>
			<textarea name="content" style="width: 800px; height: 200px;"></textarea>
			<p>
				<input type="button" name="load" value="加载JS并创建编辑器" />
				<input type="button" name="remove" value="删除编辑器" />
			</p>
		</form>
	</body>
</html>

清河木子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
富文本编辑器：KindEditor+Struts2 笔记之环境搭建

背景：你的 strut2 框架能够跑的起来。添加kindeditor插件。这是我的存放位置写一个自己的jsp文件，引入kindeditor相关文件。这是我jsp 文件的代码。<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.ge
复制链接

扫一扫