文档章节

Kindeditor的使用

杜子美
 杜子美
发布于 2015/12/13 13:36
字数 534
阅读 34
收藏 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 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
在PHP使用kindeditor

[版本说明:kindeditor-4.0.6(下载https://code.google.com/p/kindeditor/downloads/list),php-5.2.14+Zend Framework] 1.简介 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在...

酒肉穿肠过
2013/03/18
0
12

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 使用 Fail2Ban 来限制登录尝试

什么是 Fail2Ban? 我们需要在我们网站中防止密码的暴利破解。Fail2Ban 是一个 Python 的应用来查看日志文件,使用的是正则表达式,同时还可以与Shorewall (或者 iptables)直接工作来来启用...

honeymose
4分钟前
0
0
日期和时间API - 读《Java 8实战》

日期与时间 LocalDate 创建一个LocalDate对象并读取其值 // 根据年月日创建日期LocalDate date1 = LocalDate.of(2014, 3, 18);// 读取System.out.println(date1.getYear()); // 2014Sys...

yysue
4分钟前
0
0
8月15日任务

8月15日任务 Memcached命令行 • telnet 127.0.0.1 11211 • set key2 0 30 2 ab STORED get key2 VALUE key2 0 2 ab END 实例: [root@localhost 02]# telnet 127.0.0.1 11211-bash: te......

寰宇01
16分钟前
0
0
LNMP架构(Nginx访问日志、Nginx日志切割、静态文件不记录日志和过期时间)

Nginx访问日志 1.打开配置文件,搜索log_format vim /usr/local/nginx/conf/nginx.conf 2.访问日志常用变量含义 $remote_addr : 客户端IP(公网IP) $http_x_forwarded_for : 代理服务器的IP ...

蛋黄_Yolks
16分钟前
0
0
lombok 不用再写pojo的getset

java实体类不写get/set方法 1、下载地址https://projectlombok.org/download Myeclipse、eclipse安装lombok Lombok是一种Java实用工具,可以帮助开发人员消除Java的冗长,具体看lombok的官网...

木之下
24分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部