文档章节

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 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

没有更多内容

加载失败,请刷新页面

加载更多

同样是工作3年程序员,为什么别人每月25K你却只有15K?

你有没有静下心来思考过:同样是做了x年Java开发,为什么你的技术比别人差很多?为什么别人每月26K你却只有15K? 其实技术水平的高低和个人智商关系不大(毕竟能做Java编程开发大家都不会差)...

Java填坑之路
13分钟前
0
0
跨域问题:解决跨域的三种方案

当前端页面与后台运行在不同的服务器时,就必定会出现跨域这一问题,本篇简单介绍解决跨域的三种方案,部分代码截图如下,仅供参考: 方式一:使用ajax的jsonp 前端代码 服务器代码 使用该方...

rechardchensir
13分钟前
0
0
linux学习-1012

8.6 管道符和作业控制 8.7/8.8 shell变量 8.9 环境变量配置文件 扩展 bashrc和bash_profile的区别 http://ask.apelearn.com/question/7719 简易审计系统: http://www.68idc.cn/help/server/...

wxy丶
14分钟前
0
0
springboot dubbo 在程序初始化完成前 使用回声测试对服务依赖检测

<dubbo:consumer timeout="10000" check="false" /><dubbo:service delay="-1" /> @Component@Order(2)public class PrkServiceInit implements ApplicationListener {private Logge......

林伟琨
16分钟前
0
0
“网红架构师”解决你的Ceph 运维难题

Q1. 环境预准备 绝大多数MON创建的失败都是由于防火墙没有关导致的,亦或是SeLinux没关闭导致的。一定一定一定要关闭每个每个每个节点的防火墙(执行一次就好,没安装报错就忽视): CentOS s...

编程SHA
20分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部