kindeditor使用方法--入门篇

2025-10-26 04:28:12

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

要使用KindEditor,首先要下载了

kindeditor使用方法--入门篇

kindeditor使用方法--入门篇

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

kindeditor使用方法--入门篇

kindeditor使用方法--入门篇

3、解压缩下载的KindEditor

kindeditor使用方法--入门篇

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

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

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

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、在浏览器中输入地址:

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

回车

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

kindeditor使用方法--入门篇

8、查看下源码:

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

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

kindeditor使用方法--入门篇

kindeditor使用方法--入门篇

9、重新刷新下浏览器

OK

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

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

那就到这里了

kindeditor使用方法--入门篇

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢