一、基本配置
Kindeditor是一款富文本编辑器,作用跟博客园写文章用的这个编辑器一样,都是为了让文本加入各种各样的修饰元素。
使用方法如下,解压缩,把期中的ASP\NET\PHP文件夹都删除,然后在web项目下新建一个文件夹/kindeditor,再将文件拖入:
目录结构如上。
在需要导入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>中,注意写上注释,以免和其他的弄混
然后在插入编辑器的位置写上:
<textarea id="content" name="content" rows="" cols="" style="width: 800px; height: 360px; visibility: hidden;"></textarea>
期中rows cols是用来指定长宽的。
且name要和上一节代码中的
K.create('textarea[name="content"]',{
一致。
这样就完成了基本的配置。
二、文件与图片上传
一开始以为kindeditor的上传方法要我自己写,我已经掏出了我的JavaSE书准备用IO大干一场,后来发现kindeditor已经集成了这一块的代码,【要不然还区分什么ASP\PHP什么的干嘛】
首先,将jsp/lib下的jar导入路径,然后
上传的逻辑主要看两个文件
额,还是先别看把,先测试一下功能
呵呵
显示 上传目录不存在
好的来看代码
upload_json.jsp下路径出错?
具体的就是指我们的savePath了,
解决方案:
1、修改savepath为
request.getSession().getServletContext().getRealPath("/") + "kindeditor/attached/";
原始的获得路径的方法可能有问题,这种能保证路径不出错。
2、可能对应的路径下没有对应的文件夹,手动新建一个。
以上,是我昨天使用kindeditor碰到的问题,望能帮助到大家,第一次写博文写的不好,可能有点不科学没逻辑,见谅哈
另外我是一名大二学生,希望各位学习J2EE的能在这里一起学习交流(嘻)