kindeditor在线编辑器配置上传文件功能及使用
来源:互联网 发布:铣削力计算软件 编辑:程序博客网 时间:2024/06/05 15:59
JSP页面配置:
<tr>
<td style="text-align: right; font-size: 16px;">简介:</td>
<td colspan="5">
<textarea rows="3" name="intro" id="intro" style="width:98%;visibility:hidden;"></textarea>
</td>
</tr>
JS文件配置:
editor = KindEditor.create('textarea[name="intro"]', {
height:'600px',
cssPath : $('#basePath').val() +'resources/kindeditor/plugins/code/prettify.css',
uploadJson : $('#basePath').val() +'resources/kindeditor/jsp/upload_json.jsp',
fileManagerJson : $('#basePath').val() +'resources/kindeditor/jsp/file_manager_json.jsp',
resizeType : 1,
allowFileManager : true
});
下面是文件上传的详细配置,二者结合就可以实现文本编辑的强大效果啦!
kindeditor在线编辑器的上传功能是以插件的形式附加到编辑器上的。此编辑器可以自己制作插件来加上自己想要的功能。常见的功能官方插件都已经给做好了,所以我们直接使用起来会更方便。
方法/步骤
1.我们把插件自带的插件全部放入和kindeditor同等级的目录下面,如图:3.打开 jsp文件夹,如图一所示结构。将lib下面的jar引入项目,如果以前存在对应jar则选用较高版本(jar包为java的类库包)。
String rootPath = pageContext.getServletContext().getRealPath("/") + "upload/";
//根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
String rootUrl = request.getContextPath() + "/upload/";
将加粗的改为自己的文件目录,以上是我的。如图所示我的文件结构:
String savePath = pageContext.getServletContext().getRealPath("/") + "upload/";
//文件保存目录URL
String saveUrl = request.getContextPath() + "/upload/";
将加粗的改为自己的文件目录,以上是我的。相当于和第五步一样。
7.现在找到自己的kindeditor进行相应的配置。实际上就是找到后台的这两个文件。
在初始化配置中加上:uploadJson : '<%=request.getContextPath()%>/admin/upload_json.jsp',
fileManagerJson : '<%=request.getContextPath()%>/admin/file_manager_json.jsp',
allowFileManager : true
加粗改为自己对应的。如图为我的完整配置:
加粗的路径最好设置为正确的。(这两个地址最好改成正确的,如果不能正确也可以使用,但是当你主配置地址出错了就不能使用了,我推测是这样的)然后在后台对应的upload下面创建image文件夹,(image是默认名字,还有几个默认名字:file(文件),media(视频),flash(动画))如果你想用别的名字,你就需要在对应的程序进行文件名的修改。没有这个必要吧。
11如果是别的插件重复8--10的步骤就可以了。
- kindeditor在线编辑器配置上传文件功能及使用
- kindeditor 在线编辑器配置上传文件功能
- SpringMVC+KindEditor在线编辑器之文件上传
- kindeditor-4.1 在线编辑器上传文件设置问题
- KindEditor 在线编辑器 自定义文件上传与图片管理器实现
- .Net在线编辑器:KindEditor及CkEditor配置说明
- KindEditor在线文本编辑器使用
- 配合七牛云简易使用kindeditor编辑器的图片上传功能
- 在线编辑器的使用总结(kindeditor , )
- asp.net中使用kindeditor在线编辑器
- 国产网页在线编辑器kindeditor的使用
- kindeditor在线HTML编辑器简单使用教程
- kindeditor-4.1.10在线编辑器的使用
- kindeditor在线编辑器的使用心得
- kindeditor在线编辑器的使用心得
- kindeditor在线编辑器的使用心得
- JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能)
- FCKeditor在线编辑器使用配置及说明
- vmware kali Linux 分辨率调整
- HDOJ 题目3449 Consumer(背包)
- 关于php调试的一些纪录
- 题目1118:数制转换 C++/Java
- HDU3231 Box Relations(拓扑排序)经典
- kindeditor在线编辑器配置上传文件功能及使用
- 在wampserver中如何完美配置www目录
- 促销#卡券系统基本设计
- 公司前端页面制作小心得
- 三羊献瑞
- Java线程进程相关知识点
- Tolua++技术文档
- Codeforces Round #297 (Div. 2) C. Ilya and Sticks
- 介绍手机软件运行环境