kindeditor 在线编辑器配置上传文件功能
2017-12-14 10:21
381 查看
kindeditor在线编辑器的上传功能是以插件的形式附加到编辑器上的。此编辑器可以自己制作插件来加上自己想要的功能。常见的功能官方插件都已经给做好了,所以我们直接使用起来会更方便。
1.我们把插件自带的插件全部放入和kindeditor同等级的目录下面,如图:
2.kindeditor在线编辑器的上传功能是以插件的形式附加到编辑器上的。此编辑器可以自己制作插件来加上自己想要的功能。常见的功能官方插件都已经给做好了,所以我们直接使用起来会更方便。
3.打开 jsp文件夹,如图一所示结构。将lib下面的jar引入项目,如果以前存在对应jar则选用较高版本(jar包为java的类库包)。
4.然后将file_manager_json.jsp和upload_json.jsp放入对应文件夹,能找到就行。这两个为后台处理程序。如图:
5.打开file_manager_json.jsp。找到
//根目录路径,可以指定绝对路径,比如 /var/www/attached/
String rootPath = pageContext.getServletContext().getRealPath("/") + "upload/";
//根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
String rootUrl = request.getContextPath() + "/upload/";
将加粗的改为自己的文件目录,以上是我的。如图所示我的文件结构:
6.打开upload_json.jsp。找到//文件保存目录路径String savePath = pageContext.getServletContext().getRealPath("/") + "upload/";//文件保存目录URLString saveUrl = request.getContextPath() + "/upload/";将加粗的改为自己的文件目录,以上是我的。相当于和第五步一样。
7.
现在找到自己的kindeditor进行相应的配置。实际上就是找到后台的这两个文件。
在初始化配置中加上:
uploadJson :
'<%=request.getContextPath()%>/admin/upload_json.jsp',
fileManagerJson : '<%=request.getContextPath()%>/admin/file_manager_json.jsp',
allowFileManager : true
加粗改为自己对应的。
如图为我的完整配置:
8.现在应该配置具体的插件了,我以image图片处理插件为例子。找到图片插件目录。如图路径:
9.
打开image.js,找到
uploadJson = K.undef(self.uploadJson, self.basePath + 'file_manager_json.jsp'),
加粗的路径最好设置为正确的。(这两个地址最好改成正确的,如果不能正确也可以使用,但是当你主配置地址出错了就不能使用了,我推测是这样的)
然后在后台对应的upload下面创建image文件夹,(image是默认名字,还有几个默认名字:file(文件),media(视频),flash(动画))如果你想用别的名字,你就需要在对应的程序进行文件名的修改。没有这个必要吧。
10.我的是可以正常使用了,如图:
1.我们把插件自带的插件全部放入和kindeditor同等级的目录下面,如图:
2.kindeditor在线编辑器的上传功能是以插件的形式附加到编辑器上的。此编辑器可以自己制作插件来加上自己想要的功能。常见的功能官方插件都已经给做好了,所以我们直接使用起来会更方便。
3.打开 jsp文件夹,如图一所示结构。将lib下面的jar引入项目,如果以前存在对应jar则选用较高版本(jar包为java的类库包)。
4.然后将file_manager_json.jsp和upload_json.jsp放入对应文件夹,能找到就行。这两个为后台处理程序。如图:
5.打开file_manager_json.jsp。找到
//根目录路径,可以指定绝对路径,比如 /var/www/attached/
String rootPath = pageContext.getServletContext().getRealPath("/") + "upload/";
//根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
String rootUrl = request.getContextPath() + "/upload/";
将加粗的改为自己的文件目录,以上是我的。如图所示我的文件结构:
6.打开upload_json.jsp。找到//文件保存目录路径String savePath = pageContext.getServletContext().getRealPath("/") + "upload/";//文件保存目录URLString saveUrl = request.getContextPath() + "/upload/";将加粗的改为自己的文件目录,以上是我的。相当于和第五步一样。
7.
现在找到自己的kindeditor进行相应的配置。实际上就是找到后台的这两个文件。
在初始化配置中加上:
uploadJson :
'<%=request.getContextPath()%>/admin/upload_json.jsp',
fileManagerJson : '<%=request.getContextPath()%>/admin/file_manager_json.jsp',
allowFileManager : true
加粗改为自己对应的。
如图为我的完整配置:
8.现在应该配置具体的插件了,我以image图片处理插件为例子。找到图片插件目录。如图路径:
9.
打开image.js,找到
uploadJson = K.undef(self.uploadJson, self.basePath + 'file_manager_json.jsp'),
加粗的路径最好设置为正确的。(这两个地址最好改成正确的,如果不能正确也可以使用,但是当你主配置地址出错了就不能使用了,我推测是这样的)
然后在后台对应的upload下面创建image文件夹,(image是默认名字,还有几个默认名字:file(文件),media(视频),flash(动画))如果你想用别的名字,你就需要在对应的程序进行文件名的修改。没有这个必要吧。
10.我的是可以正常使用了,如图:
相关文章推荐
- 【贴图】功能非常完善的SANTA在线文件上传下载及批量编辑器(ASP)
- FCKeditor是使用非常广泛的HTML编辑器,本文从 ASP.NET 的使用场景对 FCKeditor 与 FCKeditor.NET 的配置、功能扩展(如自定义文件上传子目录、自定义文件名、上传图片的后期处理等)、以及安全性进行初步的阐述。
- ueditor 编辑器的配置 实现了上传图片与文件功能---附效果图
- ueditor 编辑器的配置 实现了上传图片与文件功能---附效果图
- kindeditor-4.1 在线编辑器上传文件设置问题
- [置顶] KindEditor 在线编辑器 自定义文件上传与图片管理器实现
- 20_Shell语言―――VIM编辑器基础知识三之窗口属性定制、配置文件及查找替换功能
- CKEditor+CKFinder+JSP实现在线编辑器上传文件(包括图片、flash)
- 百度UEditor在线编辑器的配置和图片上传
- Kindeditor(版本号4.0.5)编辑器添加上传flv视频功能
- 如何关闭WebEditor在线编辑器的远程自动上传功能http://www.jn10086.cn/boke/article.asp?id=231
- 从web编辑器 UEditor 中单独提取图片上传,包含多图片单图片上传以及在线涂鸦功能
- kindeditor在线编辑器配置上传文件功能及使用
- 配合七牛云简易使用kindeditor编辑器的图片上传功能
- kindeditor编辑器中如何上传本地文件或图片到sql数据库
- kindeditor编辑器,图片上传功能齐全
- 给kindeditor编辑器添加FLV上传播放功能,其中使用flowplayer,适用于大部分版本
- Linux系统服务 6 ---- vsftpd服务的配置文件实现匿名登录上传下载和删除功能
- 配置php.ini实现PHP文件上传功能
- ASP中配置Kindeditor上传图片选择添加水印功能