1、基本配置web
Kindeditor是一款富文本编辑器,做用跟博客园写文章用的这个编辑器同样,都是为了让文本加入各类各样的修饰元素。json
使用方法以下,解压缩,把期中的ASP\NET\PHP文件夹都删除,而后在web项目下新建一个文件夹/kindeditor,再将文件拖入:jsp
目录结构如上。编辑器
在须要导入kindeditor的JSP中添加如下代码学习
1 <!-- kindeditor --> 2 <script charset="utf-8" src="kindeditor/kindeditor.js" ></script> 3 <script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script> 4 <script> 5 var editor; 6 KindEditor.ready(function(K){ 7 editor = K.create('textarea[name="content"]',{ 8 allowFileManage : true , 9 uploadJson : 'kindeditor/jsp/upload_json.jsp', 10 fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp', 11 afterBlur : function() { 12 this.sync(); 13 K.ctrl(document, 13, function() { 14 K('form[name="myform"]')[0].submit(); 15 }); 16 K.ctrl(this.edit.doc, 13, function() { 17 K('form[name="myform"]')[0].submit(); 18 }); 19 } 20 }); 21 }); 22 </script>
插入到<head></head>中,注意写上注释,以避免和其余的弄混测试
而后在插入编辑器的位置写上:this
<textarea id="content" name="content" rows="" cols="" style="width: 800px; height: 360px; visibility: hidden;"></textarea>
期中rows cols是用来指定长宽的。spa
且name要和上一节代码中的3d
K.create('textarea[name="content"]',{
一致。
这样就完成了基本的配置。
2、文件与图片上传
一开始觉得kindeditor的上传方法要我本身写,我已经掏出了个人JavaSE书准备用IO大干一场,后来发现kindeditor已经集成了这一块的代码,【要否则还区分什么ASP\PHP什么的干吗】
首先,将jsp/lib下的jar导入路径,而后
上传的逻辑主要看两个文件
额,仍是先别看把,先测试一下功能
呵呵
显示 上传目录不存在
好的来看代码
upload_json.jsp下路径出错?具体的就是指咱们的savePath了,解决方案: 一、修改savepath为request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/"; 原始的得到路径的方法可能有问题,这种能保证路径不出错。 二、可能对应的路径下没有对应的文件夹,手动新建一个。以上,是我昨天使用kindeditor碰到的问题,望能帮助到你们,第一次写博文写的很差,可能有点不科学没逻辑,见谅哈另外我是一名大二学生,但愿各位学习J2EE的能在这里一块儿学习交流(嘻)