文档章节

Kindeditor的使用

杜子美
 杜子美
发布于 2015/12/13 13:36
字数 534
阅读 35
收藏 0

最近在做一个个人博客系统,发表博文那一块需要使用一个富文本编辑器。在网页上选了半天,最终决定使用Kindeditor这个富文本编辑器,因为这个编辑器的功能十分强大且界面美观。不过由于没有用过这玩意儿,参考着网上的文章和API来弄,其他的功能都没有问题,就那个图片上传的功能死活不对。经过仔细的研究,终于成功的解决了这个问题,原来原因就是文件路径的问题

我们来一步一步的实现这个编辑器的使用。

(1)首先去官网下载一个Kindeditor的压缩包,解压后删除不用的文件,我的项目是java项目,所以就只保留了json文件夹,其余的什么asp、php、example统统删除,并将剩余的文件拷贝到新建的web项目的webroot文件夹下面。原来的jsp文件夹下面还有lib文件夹和demo文件夹,我们将lib文件夹剪切到项目的WEB-INF文件夹下(注意要build path),新建jsp文件夹,将demo.jsp拷贝到这个文件夹下面, 还有一点,就是我们需要将attached文件夹放到webroot文件夹下,保持和kindeditor文件夹位于同一层级,结构如下图所示:

(2)打开demo.jsp文件,在jsp文件顶部添加:

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

效果如下图所示:

(3)将demo.jsp中所有的相对路径都替换成绝对路径,如下图所示:

这一步至关重要,因为绝大部分的问题其实就是这路径的问题所引发的。

然后我们就可以开始测试:


总结:前段开发中经常遇到路径的问题,因为每个项目的结构不一致,所以经常会出现因为路径问题而导致的各种奇葩的问题,所以我们最好使用绝对路径来解决这个问题。

© 著作权归作者所有

共有 人打赏支持
杜子美
粉丝 1
博文 18
码字总数 8214
作品 0
成都
程序员
私信 提问
KindEditor在thinkphp上的使用方法

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,且兼容主流浏览器。与ueditor这样的大块头相比,KindEditor的优点是不言而喻的--它体积小,加载速...

网菠萝果
2012/11/20
0
0
kindeditor增加了一个商业授权,可能需要调整概述

KindEditor 默认在 LGPL 开源授权协议下发布,免费使用 KindEditor 必须遵守 LGPL 开源授权协议。 同时,KindEditor 为商业用户准备了 商业授权协议,获得商业授权之后,不受 LGPL 开源授权协...

戴威
2011/04/26
665
6
kindeditor php修改上传文件的保存路径

Kindeditor 是一款开源的html编辑器。 我使用的是php版本,修改路径的文件在/kindeditor/php/下的upload_json.php中。 第17行这: //文件保存目录路径$savepath = $phppath . '../attached/'...

Jceee
2014/04/10
0
1
.NET快速信息化系统开发框架 V3.2->Web版本“产品管理”事例编辑界面新增KindEditor复文本编辑控件

  KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无...

80368704
06/29
0
0
Django轻松使用富文本编辑器-KindEditor

Django轻松使用富文本编辑器-KindEditor 由于需要在django admin中使用到富文本编辑器,由于我比较喜欢KindEditor,于是写了个自定义widget 1、首先从KindEditor主页下载,并解压至你的stati...

KavenSu
2014/06/04
0
1

没有更多内容

加载失败,请刷新页面

加载更多

FTP 协议 1.0

自己制作的FTP协议:

Explorer0
10分钟前
0
0
Android 通过DrawableInflater加载自定义Drawable

一、Drawable 在Android系统张,图形图像的绘制需要在画布上进行操作和处理,但是绘制需要了解很多细节以及可能要进行一些复杂的处理,因此系统提供了一个被称之为Drawable的类来进行绘制处理...

IamOkay
21分钟前
1
0
灵活无处安放,所以选择流浪....《漆黑的空间》& 《灰色轨迹》

灵活无处安放,所以选择流浪....《漆黑的空间》& 《灰色轨迹》

yizhichao
27分钟前
1
0
Kafka+Flink 实现准实时异常检测系统

1.背景介绍 异常检测可以定义为“基于行动者(人或机器)的行为是否正常作出决策”,这项技术可以应用于非常多的行业中,比如金融场景中做交易检测、贷款检测;工业场景中做生产线预警;安防...

架构师springboot
今天
7
0
DecimalFormat 类基本使用

/* * DecimalFormat 类主要靠 # 和 0 两种占位符号来指定数字长度 * 0 表示如果位数不足则以 0 填充 * # 表示只要有可能就把数字拉上这个位置 * */ public static void main(String[] args){...

嘴角轻扬30
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部