KindEditor编辑器官方版是一款非常优秀的开源的HTML编辑器,KindEditor编辑器官方版采用JavaScript编写而成,功能强大,简便易用,能完美兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器,KindEditor编辑器官方版非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
快速:体积小,加载速度快
开源:开放源代码,高水平,高品质
底层:内置自定义 DOM 类库,精确操作 DOM
扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能
风格:修改编辑器风格非常容易,只需修改一个 CSS 文件
兼容:支持大部分主流浏览器,比如 IE、firefox、Safari、Chrome、Opera
1、等待Kindeditor下载完成,并且对kindeditor压缩包进行解压
2、在tomcat的webapps目录下新建文件夹kindeditor,然后把下载的KindEditor下的这些文件Copy到上面创建的文件夹jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js
3、因为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目录
4.启动tomcat。
5.在浏览器中输入地址:http://127.0.0.1:8080/kindeditor/jsp/demo.jsp,回车,没有看到KindEditor官网展示的界面
6.查看下源码: ,这个名字与Copy过来的不同,把Copy过来的kindeditor-all.js或kindeditor-all-min.js更改为kindeditor.js
7.重新刷新下浏览器,OK,KindEditor官网上的demo又展示出来了
一、编辑器好像是UTF-8编码的,可以在GB2312页面上使用吗?
1、可以使用。有两种方法,一种方法是引入kindeditor.js文件时将script的charset属性设置成utf-8。
2、还有一种方法是直接将html/js/css文件编码都转换成GB2312编码(用Notepad++++、editPlus等文本编辑器就可以转换编码),不过转换格式后升级比较困难,建议使用第一种方法。
二、我取不到编辑器数据,直接取得textarea的value也没用怎么办?
1、KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要执行 sync() 将HTML数据设置到原来的textarea。
2、在默认情况下自动寻找textarea所属的form元素,找到form后onsubmit事件里添加editor.sync()函数,所以用form方式提交数据,不需要手动执行editor.sync()函数。
三、为什么有些标签被过滤?
KindEditor默认采用白名单过滤方式,可用 htmlTags 参数定义要保留的标签和属性。当然也可以用 filterMode 参数关闭过滤模式,保留所有标签。
同类推荐
2022-09-03
立即下载2022-09-13
立即下载2022-09-10
立即下载2022-09-10
立即下载2022-09-10
立即下载2022-09-10
立即下载相关文章
详解Word表格中序号那点儿事
2022-12-11腾讯动漫App退出登录的方法
2022-12-04极光PDF阅读器进行标注的方法
2022-11-26最新Microsoft office 2021激活密钥(永久激活)
2022-12-18360安全云盘切换账号的方法
2022-12-11360安全卫士关闭主界面缩放功能的技巧
2022-05-21无他相机App自由设置水印的方法
2022-12-04为知笔记APP更改文件夹名称的技巧
2022-11-26AutoCAD 2020密钥下载_永久激活AutoCAD 2020
2021-10-29ArcGIS创建泰森多边形的方法
2022-12-18