kindeditor使用教程_KindEditor怎
编辑: admin 2017-16-01
- 软件名称: 在线HTML编辑器 KindEditor V1.4.2.9 中文正式绿色版
- 软件大小: 489KB
- 更新时间: 2015-10-25
-
4
逆火下载站软件教程是编辑精选的关于kindeditor使用教程的教程,包括kindeditor使用方法--入门篇的相关软件教程,通过对本教程的学习能够对您关于kindeditor使用教程方面的相关知识能够有所帮助。
KindEditor是一款开源在线html编辑器,可以让用户在网站上获得所见即所得的编辑效果,今天小编就给大家介绍KindEditor编辑器这款软件的使用教程。
1、你要把所需的文件下载下来,下载地址去上面的官网找吧。
2、你要把所需要的文件上传到你的网站,接下来就是引用了。在需要显示编辑器的位置添加textarea输入框,注意ID在页面中应该是唯一的,不说你也知道。
3、在该HTML页面添加以下脚本,第一个参数可用其它CSS选择器,匹配多个textarea时只在第一个元素上加载编辑器。通过K.create函数的第二个参数,可以对编辑器进行配置,具体参数请参考 编辑器初始化参数 (官网有详细介绍)。
4、如果你想获得编辑器中的数据,可以用下面的代码。
KindEditor的使用方法就介绍到这里了,希望对您有用。
与“kindeditor使用教程”的相关教程
kindeditor使用方法--入门篇
KindEditor是一个开源的在线HTML编辑器,可以实现Word文档中编辑时的所见即所得的编辑效果,是TextArea输入框很好的替换组件。
本文简单介绍一下这个组件的使用
操作前的准备
KindEditorTomcatJSPoschina详细操作
本文只是带大家入了KindEditor的门,适合对js和tomcat有一定基础的tx
要使用KindEditor,首先要下载了
如果Github连不上,可以下载放在oschina上的项目
解压缩下载的KindEditor
在tomcat的webapps目录下新建文件夹kindeditor
然后把下载的KindEditor下的这些文件Copy到上面创建的文件夹
jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js
因为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目录
启动tomcat。
关于tomcat的使用,前面已经分享过了,感兴趣的tx可以出门左转
在浏览器中输入地址:
回车
没有看到KindEditor官网展示的界面
查看下源码:
<script charset="utf-8" src="../kindeditor.js"></script>
这个名字与Copy过来的不同,把Copy过来的kindeditor-all.js或kindeditor-all-min.js更改为kindeditor.js
重新刷新下浏览器
OK
KindEditor官网上的demo又展示出来了
因为这篇是带感兴趣的tx入个门
那就到这里了