第一步:去kinderditor官网下载一个最新的kinderditor包,这是一个压缩包,解压缩后放到webroot下面。但是放到你的webroot下面,有可能会报错,就是你的kinderditor包的jsp和code这两个包出现差号,解决办法,jsp点开出错的网页看缺少那些jar包,把相对应的jar包拷到lib下面,然后config path部署一下,就可以解决了,code包出错的原因是电脑的版本不支持,我也不大清楚,可以不用去理会,让他报错就是,不影响功能使用,你放到别的电脑上有的报错会消失,也许你的电脑本神不会报错那更好。
第二步:在webroot下面新建一个名字为attached的包,名字不可变,应为kinderditor插件设定的就是名字attached的路径,用来上传本地图片
第三步:jsp代码:
首先引入一个css和2个js,注意下面的是相对路径因为我的jsp用了<base href="<%=basePath%>">只需要写项目名后面的路径
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
然后写下面这个function,整个代码只需要改textarea的name
<script language="javascript" type="text/javascript">
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="sysArticle.articleContent"]', {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : true,
items : [
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
'table', 'hr','image'],
afterBlur : function() {
this.sync();
var content=editor1.text();
if(content.length!=0){
ok4=true;
}else{
ok4=false;
}
}
});
});
</script>
只需这几步就可以出现那个文本编辑器,并且可以上传本地图片,不需要在后台写图片上传的方法。