一、基本配置

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的能在这里一起学习交流（嘻）

Kindeditor（JSP）& 上传目录不存在的更多相关文章

  1. kindeditor图片上传 struts2实现

    一.kindeditor以及struts2部署搭建不再赘述,如需要请参考kindeditor使用方法 Struts2框架搭建 二.kindeditor图片上传所依赖jar包在kindeditor\js ...

  2. kindeditor 4 上传下载文件

    jsp代码 1 <script type="text/javascript" src="${pageContext.request.contextPath}/kin ...

  3. SpringBoot之KindEditor文件上传

    后端核心代码如下: package com.blog.springboot.controller; import java.io.BufferedOutputStream; import java.i ...

  4. Kindeditor编辑器上传附件，自动获取文件名显示。

    大部分在线编辑器在上传附件之后都是会以路径的形式显示出来很不友好.类似这样..怎么样显示成这样用户上传的原始文件名呢.就是这样.是不是看着很友好. kindeditor编辑器上传文件是已插件的形式调用 ...

  5. Django之富文本编辑器kindeditor 及上传

    1.什么是富文本编辑器 百度百科(https://baike.baidu.com/item/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8 ...

  6. [转载]jsp上传文件

    JSP 可以与 HTML form 标签一起使用,来允许用户上传文件到服务器.上传的文件可以是文本文件或图像文件或任何文档. 本章节我们使用 Servlet 来处理文件上传,使用到的文件有: uplo ...

  7. 修改 WordPress 文件上传目录

    WordPress 默认的上传目录位于 wp-content/uploads ,并且根据设置还可以按照年月归档.但是如果要上传一个头像,或者幻灯片的话,也跟附件混在一起总是不太好吧?幸好 WordPr ...

  8. nginx上传目录配置,禁止执行权限

    我们经常会把网站的图片文件上传目录设置为只可上传文件但不能执行文件,就是要禁止执行权限,小编来给大家举一个上传目录配置,禁止执行权限方法,各位可参考. 如果不让有执行权限最简单的办法  代码如下 复制 ...

  9. IIS中的上传目录权限设置问题

    虽然 Apache 的名声可能比 IIS 好,但我相信用 IIS 来做 Web 服务器的人一定也不少.说实话,我觉得 IIS 还是不错的,尤其是 Windows 2003 的 IIS 6(马上 Lon ...

随机推荐

  1. facebook开源前端UI框架React初探

    最近最火的前端UI框架非React莫属了.赶紧找时间了解一下. 项目地址:http://facebook.github.io/react/ 官方的介绍:A JavaScript library for ...

  2. javascript 特效实现(1)——展开选项和收起效果

    知识点:javascript事件:判断当前展开收起状态:延迟执行setTimeout方法. 1.简单的展开和收起效果: 1.1 静态结构HTML代码分析 body包含最外层的div id=" ...

  3. CGI（通用网关接口）

    公共网关接口 CGI(Common Gateway Interface) 是WWW技术中最重要的技术之一,有着不可替代的重要地位.CGI是外部应用程序(CGI程序)与Web服务器之间的接口标准,是在C ...

  4. nginx看端口使用情况

    [root@iZ94j7ahvuvZ sbin]# netstat -apn Active Internet connections (servers and established) Proto R ...

  5. 什么办法可以替代distinct

    今天在论坛上看到一个面试题,是说有什么办法可以替代distinct,得到同样的结果.答案都被大家说的差不多了,发现挺有意思的,就记录一下: SQL> select num from t1;    ...

  6. dipole antenna simulation by FEKO

    新建变量 建立模型 设置频率 馈电设置为wire port ,Edge 选中振子,从中心馈电. 设置输入信号 Mesh. run solver.在post feko中查看相关结果

  7. 关于JavaScipt对象的基本知识

    关于JavaScipt对象的基本知识 JavaScript是运用“对象化编程”的,又叫“面向对象编程”的.所谓“对象化编程”,意义是把JavaScript能涉及的领域划分成各种对象,对象后面还连续划分 ...

  8. codeforces 577B B. Modulo Sum(水题)

    题目链接: B. Modulo Sum time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  9. android app多渠道分发打包

    1.  美团多渠道包的方法论 1) maven编译多次 2) apktool一次包,解开重新打  (个人倾向于这个) 3) http://tech.meituan.com/mt-apk-packagi ...

  10. Android--使用VideoView播放视频

    承香墨影 Android--使用VideoView播放视频   前言   之前有讲过如何使用SurfaceView配合MediaPlayer播放视频,其实Android还为开发人员提供了另外一种更简单 ...