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

(相关资料图)

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

工具/原料

• KindEditor
• Tomcat
• JSP
• oschina

方法/步骤

1. 1

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

   要使用KindEditor,首先要下载了

2. 2

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

3. 3

   解压缩下载的KindEditor

4. 4

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

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

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

5. 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目录

6. 6

   启动tomcat。

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

7. 7

   在浏览器中输入地址：

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

   回车

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

8. 8

   查看下源码：

   <script charset="utf-8" src="../kindeditor.js"></script>

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

9. 9

   重新刷新下浏览器

   OK

   KindEditor官网上的demo又展示出来了

   因为这篇是带感兴趣的tx入个门

   那就到这里了

   END

关键词： kindeditor使用方法--入门篇 kindeditor 游戏/数码