一、基本配置

Kindeditor是一款富文本编辑器,作用跟博客园写文章用的这个编辑器一样,都是为了让文本加入各种各样的修饰元素。

使用方法如下,解压缩,把期中的ASP\NET\PHP文件夹都删除,然后在web项目下新建一个文件夹/kindeditor,再将文件拖入:

目录结构如上。

在需要导入kindeditor的JSP中添加以下代码

 <!-- kindeditor -->
<script charset="utf-8" src="kindeditor/kindeditor.js" ></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
<script>
var editor;
KindEditor.ready(function(K){
editor = K.create('textarea[name="content"]',{
allowFileManage : true ,
uploadJson : 'kindeditor/jsp/upload_json.jsp',
fileManagerJson : 'kindeditor/jsp/file_manager_json.jsp',
afterBlur : function() {
this.sync();
K.ctrl(document, 13, function() {
K('form[name="myform"]')[0].submit();
});
K.ctrl(this.edit.doc, 13, function() {
K('form[name="myform"]')[0].submit();
});
}
});
});
</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的能在这里一起学习交流(嘻)

最新文章

  1. ★Kali信息收集~ 1.Google Hacking + Github Hacking
  2. UIScrollView的常见属性
  3. PHP获取远程图片并调整图像大小(转)
  4. ASP.NET 获取不同frame中的控件
  5. HDU 5918 KMP/模拟
  6. leetcode 154. Find Minimum in Rotated Sorted Array II --------- java
  7. 解决 window server2008 r2 没有注册Ofiice组件的方法
  8. python之ftplib库
  9. CSS关键字
  10. 1650. Billionaires(线段树)
  11. PHP中类的继承关系
  12. 如何使用springmvc的@requestbody 返回json数据
  13. 2.4 PCI总线的配置
  14. dojo加载树报错
  15. 2017-2018-1 Java演绎法 第二周 作业
  16. Android——图片轮播
  17. ansible的Filter
  18. 第 14 章 结构和其他数据形式(names3)
  19. js pjax 和window.history.pushState,replaceState
  20. Appscan_web安全测试工具 (含修改启动浏览器的方法)

热门文章

  1. maven 的 pom.xml 文件报错:ArtifactTransferException: Failure to transfer
  2. PL/SQL之--流程控制语句
  3. hbase常用命令总结
  4. linux基本命令学习笔记
  5. web.xml文件报错:cvc-complex-type.2.4.a: Invalid content was found starting with element &#39;init-param&#39;.
  6. DimDate populate data
  7. hadoop入门:hadoop使用shell命令总结
  8. cri-o 与 cni的集成分析
  9. AC日记——手写堆ac合并果子(傻子)
  10. CPU相关知识-寄存器与存储器的区别