KindEditor在eclipse里的配置方法
KindEditor介绍:
kindEditor是一款国产富文本编辑器,类似fckeditor和目前比较流行的百度Ueditor。其产品官方网站为http://kindeditor.net/
KindEditor下载:
官网下载地址:(可能无法下载到历史版本)
http://kindeditor.net/down.php
Google下载地址:
https://code.google.com/p/kindeditor/downloads/list
KindEditor使用:
注意:本文使用的实例是用的 kindeditor-4.1.10 版本(下载地址:http://down.admin5.com/qita/8893.html),
本文以 文章添加修改查看 的业务流程来实现演示整个应用过程。
1:解压下载的压缩包到kindeditor目录下;
2:将kindeditor文件夹复制到项目中,如"/webroot/"下;可以把php,asp,asp.net三个目录删掉。导入后的目录结构如下所示:
3:将kindeditor/jsp/lib/下的所有jar包引入到工程中。(此版本为3个jar包,最好是使用拷贝到WEB-INF/lib下引用);
4:在需要用到文本编辑器的JSP页面的head部分引用js文件(add.jsp edit.jsp)
示例代码如下:
- <script type="text/javascript" charset="utf-8" src="${context}/kindeditor/kindeditor.js"></script>
- <script charset="utf-8" src="<span style="font-family: Arial, Helvetica, sans-serif;">${context}</span><span style="font-family: Arial, Helvetica, sans-serif;">/</span><span style="font-family: Arial, Helvetica, sans-serif;">kindeditor/lang/zh_CN.js"></script></span>
- <script>
- KindEditor.ready(function(K) {
- K.create('#editor_id', {
- uploadJson : '${context}/kindeditor/jsp/upload_json.jsp',
- fileManagerJson : '${context}/kindeditor/jsp/file_manager_json.jsp',
- allowFileManager : true
- });
- });
- </script>
注:${context}为上下文路径。
5:add.jsp 在要插入文本编辑器的部分插入如下代码:
- <textarea id="editor_id" name="content" style="width:96%;height:350px;visibility:hidden;"></textarea>
注:textarea的id属性值必须和head标签内定义的K.create()中的保持一致。name属性即为后台接受参数名称的值。
6:editor.jsp 在要插入文本编辑器的部分插入如下代码:
- <textarea id="editor_id" name="content" style="width:96%;height:350px;visibility:hidden;">${WenZhang.content}</textarea>
注:${WenZhang.content}是要编辑的内容。
7:show.jsp 展示页面直接展示数据库存放内容即可。
转载于:https://www.cnblogs.com/pegasus827/p/8905593.html
KindEditor在eclipse里的配置方法相关推荐
- tomcat 的下载安装及在eclipse里的配置
ok,咱们今天说一下tomcat的下载安装以及在eclipse下的配置. 1.tomcat的下载和安装 这里为大家准备好了安装文件,大家可以直接下载解压就可以了. 链接:https://pan.bai ...
- eclipse web插件配置方法(tomcat10 也可解决)
首先在这里解释一下为了解决这个问题本人查了很多资料走了很多弯路,庆幸的是最终不负有心人还是solve了它! 防止大家走很多弯路,直接上总结! (配置这个东西最难解决的地方就是版本互相不兼容的问题 我的 ...
- ivy java_Ivy 在eclipse里的配置
简述: 在eclipse配置Ivy外加lib管理工具 , 用来导入项目需要的lib包 这个工具可以指定需要那个lib,定义在xml里之后,ivy就会自动帮你添加外部包 很方便! 步骤: 1. 下载资源 ...
- eclipse(或者myeclipse)常用配置方法
eclipse(或者myeclipse)常用配置方法 1:改变package视图 点击Navigate(资源管理器)右上角的倒三角,点击Package Presentation 选中 Hierarch ...
- eclipser认java源码_java相关:Eclipse查看开发包jar里源代码的方法
java相关:Eclipse查看开发包jar里源代码的方法 发布于 2020-5-21| 复制链接 摘记: Eclipse查看开发包jar里源代码的方法前言:最近我打算学习一下谷歌的类库Guava,下 ...
- Eclipse里编辑代码,进度条出现“Remote System Explorer Operation”解决方法
Eclipse里编辑代码,进度条出现"Remote System Explorer Operation"解决方法 参考文章: (1)Eclipse里编辑代码,进度条出现" ...
- 1.Maven+SpringMVC+Eclipse软件安装配置,Maven报插件错误,Eclipse总是卡死的解决办法,导入一个maven工程后 一直显示importing maven project
使用Maven+SpringMVC+Eclipse软件安装配置过程中的问题: 1.Eclipse总是卡死的解决办法: 一:内存不足所以会卡死,配置一下eclipse.ini修改这几个值就好了-X ...
- android eclipse的环境配置
前几天,公司让我把代码与别的公司的代码合并,我用的是android studio开发,而那个公司是用的eclipse开发,所以自己只好搭建eclipse的环境后,把修改的内容添加到eclipse工程, ...
- SVN安装,SVN服务搭建与eclipse里插件安装
2019独角兽企业重金招聘Python工程师标准>>> 关于SVN与Git的比较,还是不做比较了吧. SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS ...
最新文章
- 我开发Linux服务程序的工作环境搭配
- 架构设计器_MySQL:数据库结构优化、高可用架构设计、数据库索引优化
- java在线用户查看_java Session统计在线用户,并且显示在线用户
- 《Go语言程序设计》 读书笔记 (八) 包
- 2017/4/12 afternoon
- 重庆理工大学图像处理实验三:图像分割
- NPOI2.0学习(三)
- C#的set 和 get 方法
- javaScript之函数,分支结构 ,循环结构(二)
- 深度学习里的损失函数与交叉熵
- arduino 上传项目出错_活动回顾 | 续报率80%的Arduino试听课,确定不来看看吗?
- Java—String转化为JsonObject
- C4D插件X-Particles粒子特效(二)
- 轻松搞定JAVA选择排序
- 程序员眼中的中国传统文化-王阳明《传习录》21
- The missing semester of your CS education--命令行环境
- 直接使用word模板生成word文件
- 一种以STC89C51为核心控制器的积水清除与利用装置解决方案
- hashcat中文文档
- 【量化课堂】海龟策略