软件之家:安全,绿色,高速的专业下载站! 首页|最近更新|站内导航

kindeditor入门教学

时间:2019-11-08 13:53:18 来源:www.downmsn.com 人气:

KindEditor是一个开源的在线HTML编辑器,可以实现Word文档中编辑时的所见即所得的编辑效果,是TextArea输入框很好的替换组件。

  本文简单介绍一下这个组件的使用

  工具/原料

  KindEditor

  Tomcat

  JSP

  oschina

  方法/步骤

  1

  本文只是带大家入了KindEditor的门,适合对js和tomcat有一定基础的tx

  要使用KindEditor,首先要下载了

 kindeditor入门教学

kindeditor入门教学图一

  2.如果Github连不上,可以下载放在oschina上的项目

 kindeditor入门教学

kindeditor入门教学图二

  3

  解压缩下载的KindEditor

 kindeditor入门教学

kindeditor入门教学图三

  4

  在tomcat的webapps目录下新建文件夹kindeditor

  然后把下载的KindEditor下的这些文件Copy到上面创建的文件夹

  jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js

 kindeditor入门教学

kindeditor入门教学图四

  5

  因为jsp代码依赖第三方jar

  需要把jsp/lib下的三个jar

  commons-fileupload-1.2.1.jar、commons-io-1.4.jar、json_simple-1.1.jar

  copy到tomcat下的kindeidtor/WEB-INF/lib目录

 kindeditor入门教学

kindeditor入门教学图五

  6

  启动tomcat。

  关于tomcat的使用,前面已经分享过了,感兴趣的tx可以出门左转

 kindeditor入门教学

kindeditor入门教学图六

  7

  在浏览器中输入地址:

  https://127.0.0.1:8080/kindeditor/jsp/demo.jsp

  回车

  没有看到KindEditor官网展示的界面

 kindeditor入门教学

kindeditor入门教学图七

  8

  查看下源码:

  

 

 

 

  这个名字与Copy过来的不同,把Copy过来的kindeditor-all.js或kindeditor-all-min.js更改为kindeditor.js

 kindeditor入门教学

kindeditor入门教学图八

  9

  重新刷新下浏览器

 kindeditor入门教学

kindeditor入门教学图九

  软件介绍

  KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的编辑器之一。

  主要特点

  1. 体积小,加载速度快,但功能十分丰富。2. 内置自定义range,完美地支持span标记。

  3. 基于插件的方式设计,所有功能都是插件,增加自定义和扩展功能非常简单。

  4. 修改编辑器风格很容易,只需修改一个CSS文件。

  5. 支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera。

  以上就是kindeditor入门教学OK,KindEditor官网上的demo又展示出来了,因为这篇是带感兴趣的tx入个门那就到这里了

标签 kindeditor