文档章节

Kindeditor的使用

杜子美
 杜子美
发布于 2015/12/13 13:36
字数 534
阅读 31
收藏 0
点赞 0
评论 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
博文 17
码字总数 8214
作品 0
成都
程序员
自定义kindeditor编辑器的工具栏

kindeditor编辑器的工具栏主要是指编辑器输入框上方的那些可以操作的菜单,默认情况下编辑器是给予了所有的工具栏。针对不同的用户,不同的项目,不同的环境,可能就需要保留部分工具栏。那么...

十万猛虎下画山 ⋅ 05/15 ⋅ 0

实例使用C#实现了一个在线进销存管理系统

本文demo下载地址:http://www.wisdomdd.cn/Wisdom/resource/articleDetail.htm?resourceId=1089 实例使用C#实现了一个在线进销存管理系统, 系统的页面比较多,业务比较繁杂, 下载代码中包含...

智慧点点 ⋅ 05/07 ⋅ 0

php编程之kindeditor上传图片加水印实现

  对于如何在图片上添加水印是许多技术人员遇到的一个难题,那大家都见过微信公众号及一些其他技术平台是可以实现这个功能的,但是对于源码是如何实现的,却没有头绪,那么今天就为大家介绍...

燚轩科技 ⋅ 05/02 ⋅ 0

Django轻松使用富文本编辑器-KindEditor

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

KavenSu ⋅ 2014/06/04 ⋅ 1

KindEditor在thinkphp上的使用方法

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

网菠萝果 ⋅ 2012/11/20 ⋅ 0

在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 ⋅ 12

kindeditor使用的关键点

在页面使用kindeditor编辑器时,有以下步骤: [1]下载kindeditor压缩包 下载地址 :http://kindeditor.googlecode.com/files/kindeditor-4.1.9.zip [2]在项目中引入kindeditor文件夹,如下图:...

唐玄奘 ⋅ 2017/12/20 ⋅ 0

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

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

80368704 ⋅ 2017/09/12 ⋅ 0

kindeditor编辑遇到问题

不知道各位使用kindeditor的童鞋遇到过没有,我用kindeditor创建一篇文章没问题,filterMode默认设置false,比如“<”提交到数据库自动转译成“<”,正确的,正文中就不会被html解析执行,只...

Photon ⋅ 2011/03/18 ⋅ 5

kindeditor php修改上传文件的保存路径

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

Jceee ⋅ 2014/04/10 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu ⋅ 38分钟前 ⋅ 0

微服务 WildFly Swarm 入门

Hello World 就像前面章节中的其他框架一样,我们希望添加一些基本的 Hello-world 功能,然后在其上逐步添加更多的功能。让我们从在我们的项目中创建一个 HolaResources 开始。您可以使用您的...

woshixin ⋅ 45分钟前 ⋅ 0

Maven的安装和Eclipse的配置

1. 下载Maven 下载地址 2. 解压压缩包,放到自己习惯的硬盘中 此处我将其放到了 D:\Tools 目录下。 3. 配置环境变量 右键此电脑 -> 属性 -> 高级系统设置 -> 环境变量。 在系统变量中新建,变...

影狼 ⋅ 52分钟前 ⋅ 0

python pip使用国内镜像的方法

国内源 清华:https://pypi.tuna.tsinghua.edu.cn/simple 阿里云:http://mirrors.aliyun.com/pypi/simple/ 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/ 华中理工大学:http://......

良言 ⋅ 53分钟前 ⋅ 0

对于url变化的spa应该如何使用微信jssdk

使用vue单页面碰上微信jssdk config验证失败的坑。第一次成功 之后切换页面全部失败,找到了解决方法,第一次验证成功后保存验证信息 切换页面时验证信息直接拿来用,加一个wx.error() 失败时...

孙冠峰 ⋅ 57分钟前 ⋅ 0

Spring Cloud Gateway 一般集成

SCF发布,带来很多新东西,不过少了点教程,打开方式又和以前的不一样,比如这个SCG,压根就没有入门指导,所以这里写一个,以备后用。 一、集成 pom.xml <dependency> <groupI...

kut ⋅ 今天 ⋅ 0

建造模式

《JAVA与模式》之建造模式

Cobbage ⋅ 今天 ⋅ 0

WePY框架开发的小程序如何在微信web开发者工具中运行起来

一、首先需要安装node.js,安装步骤如下: 首先下载安装包 https://nodejs.org/en/download/ 点击下载相应的zip版本 然后将文件夹解压到任意目录 比如我这里解压到了:C:\Program Files\node...

Helios51 ⋅ 今天 ⋅ 0

使用EnumSet 代替位域(32)

1、位域(Bit field):使用or 运算将几个常量合并到一个集合中 位操作,可以有效地执行 AND 、OR 这样的位操作 但是 位域比int 常量枚举缺点更多 2、java.util 包里面的EnumSet 类是有效的替...

职业搬砖20年 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部