kindeditor使用入门-张国红
kindeditor是在线编辑器，比较好用，以下是提供的使用这个插件的步骤。
下载kindeditor-4.1.10.zip解压asp，asp.net,php对于jsp开发没有用，可以删除
新建web工程，拷贝文件在WebRoot目录下新建一个文件夹
这个文件夹是将来上传图片时用的，这是kindeditor默认的，当然也可以改，建议先按照这个文档入了门后，再行修改。
和attached一样，在WebRoot目录下新建目录kindeditor目录，把上面解压后的文件拷贝到这个目录下。
需要把jsp目录下的lib目录下的jar包拷贝到WEB-INF/lib目录下
修改index.jsp<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":"+ request.getServerPort()
+ path + "/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="This is my page">
<linkrel="stylesheet"href="kindeditor/themes/default/default.css"/>
<linkrel="stylesheet"href="kindeditor/plugins/code/prettify.css"/>
<scriptcharset="utf-8"src="kindeditor/kindeditor.js"></script>
<scriptcharset="utf-8"src="kindeditor/lang/zh_CN.js"></script>
<scriptcharset="utf-8"src="kindeditor/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
vareditor1 = K.create('textarea[name="article.content1"]', {
cssPath : 'kindeditor/plugins/code/prettify.css',
uploadJson : 'kindeditor/jsp/upload_json.jsp',
fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp',
allowFileManager : true,
afterCreate : function() {
varself = this;
K.ctrl(document, 13, function() {
self.sync();
document.forms['example'].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
document.forms['example'].submit();
});
}
});
//prettyPrint();
});
</script>
</head>
<body>
<divid="container">
<divid="header">
</div>
<divid="mainContent">
<formname="example"method="post"action="servlet/MyServlet">
题目：
<inputtype="text"name="article.title">
<br/>
内容：
<textareaname="article.content1"cols="100"rows="8"></textarea>
<br/>
<inputtype="submit"name="button"value="提交"/>
</form>
</div>
</div>
</body>
</html>
新增servlet，接收index.jsp的提交新增index2.jsp<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":"+ request.getServerPort()
+ path + "/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="This is my page">
<linkrel="stylesheet"href="kindeditor/themes/default/default.css"/>
<linkrel="stylesheet"href="kindeditor/plugins/code/prettify.css"/>
<scriptcharset="utf-8"src="kindeditor/kindeditor.js"></script>
<scriptcharset="utf-8"src="kindeditor/lang/zh_CN.js"></script>
<scriptcharset="utf-8"src="kindeditor/plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
vareditor1 = K.create('textarea[name="article.content1"]', {
cssPath : 'kindeditor/plugins/code/prettify.css',
uploadJson : 'kindeditor/jsp/upload_json.jsp',
fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp',
allowFileManager : true,
afterCreate : function() {
varself = this;
K.ctrl(document, 13, function() {
self.sync();
document.forms['example'].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
document.forms['example'].submit();
});
}
});
//prettyPrint();
});
</script>
</head>
<body>
<divid="container">
<divid="header">
</div>
<divid="mainContent">
<formname="example"method="post"action="servlet/MyServlet">
题目：
<inputtype="text"name="article.title"value="${title }">
<br/>
内容：
<textareaname="article.content1"cols="100"rows="8">${content }</textarea>
<br/>
<inputtype="submit"name="button"value="提交"/>
</form>
</div>
</div>
</body>
</html>
以上是简单的入门测试。
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
