kindeditor在线编辑器配置上传文件功能

 时间:2024-11-03 01:11:04

1、我们把插件自带的插件全部放入和kindeditor同等级的目录下面,如图:

kindeditor在线编辑器配置上传文件功能

2、找到对应的后台处理程序(个人以jsp为例,因为正在做一个jsp项目):

kindeditor在线编辑器配置上传文件功能

3、打开 jsp文件夹,如图一所示结构。将lib下面的jar引入项目,如果以前存在对应jar则选用较高版本(jar包为java的类库包)。

kindeditor在线编辑器配置上传文件功能

4、然后将file_manager_json.jsp和upload_json.jsp放入对应文件夹,能找到就行。这两个为后台处理程序。如图:

kindeditor在线编辑器配置上传文件功能

5、打开file_manager_json.门钙蹲茌jsp。找到//根目录路径,可以指定绝对路径,比如 /var/www/atta艘早祓胂ched/String rootPath = pageContext.getServletContext().getRealPath("/") + "upload/";//根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/String rootUrl = request.getContextPath() + "/upload/";将加粗的改为自己的文件目录,以上是我的。如图所示我的文件结构:

kindeditor在线编辑器配置上传文件功能

6、打开upload_json.jsp。找到//文件保存目录路径String savePath = pageContext.getServletContext().getRealPath("/") + "upload/";//文件保存目录URLString saveUrl = request.getContextPath() + "/upload/";将加粗的改为自己的文件目录,以上是我的。相当于和第五步一样。

7、现在找到自己的kindeditor进行相应的配置。实际上就是找到后台的这两个文件。在初始化配置中加上:uploadJson :'<%=request.getCont髫潋啜缅extPath()%>/admin/upload_json.jsp', fileManagerJson : '<%=request.getContextPath()%>/admin/file_manager_json.jsp',allowFileManager : true加粗改为自己对应的。如图为我的完整配置:

kindeditor在线编辑器配置上传文件功能

8、现在应该配置具体的插件了,我以image图片处理插件为例子。找到图片插件目录。如图路径:

kindeditor在线编辑器配置上传文件功能

9、打开image.js,找到uploadJ衡痕贤伎son = K.undef(self.uploadJson, self.basePath + &垆杪屑丝#39;file_manager_json.jsp'),加粗的路径最好设置为正确的。(这两个地址最好改成正确的,如果不能正确也可以使用,但是当你主配置地址出错了就不能使用了,我推测是这样的)然后在后台对应的upload下面创建image文件夹,(image是默认名字,还有几个默认名字:file(文件),media(视频),flash(动画))如果你想用别的名字,你就需要在对应的程序进行文件名的修改。没有这个必要吧。

kindeditor在线编辑器配置上传文件功能

10、我的是可以正常使用了,如图:

kindeditor在线编辑器配置上传文件功能

11、如果是别的插件重复8--10的步骤就可以了。

  • 如何创造出collage拼贴艺术作品?
  • 正宗泰式冬阴功汤的做法
  • 吃什么食物更好的增强大脑记忆力
  • 在校大学生考取第二学位的必要性及优势
  • 卡鱼刺的妙招(医生推荐)
  • 热门搜索
    新学期手抄报 健康知识手抄报 少代会手抄报 国庆节手抄报简单好看 端午节手抄报花边 感恩手抄报图片大全 抗疫情手抄报 科学幻想手抄报 初一英语手抄报 新学期手抄报图片大全