KindEditor是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
1、体积小,加载速度快,但功能十分丰富。
2、内置自定义range,完美地支持span标记。
3、基于插件的方式设计,所有功能都是插件,增加自定义和扩展功能非常简单。
4、修改编辑器风格很容易,只需修改一个CSS文件。
5、支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera。
1、快速
体积小,加载速度快。
2、开源
开放源代码,高水平,高品质。
3、底层
内置自定义 DOM 类库,精确操作 DOM。
4、扩展
基于插件的设计,所有功能都是插件,可根据需求增减功能。
5、风格
修改编辑器风格非常容易,只需修改一个 CSS 文件。
6、兼容
支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera。
KindEditor编辑器的使用方法
你要把所需的文件下载下来。
你要把所需要的文件上传到你的网站,接下来就是引用了。在需要显示编辑器的位置添加textarea输入框,注意ID在页面中应该是唯一的,不说你也知道。
在该HTML页面添加以下脚本,第一个参数可用其它CSS选择器,匹配多个textarea时只在第一个元素上加载编辑器。通过K.create函数的第二个参数,可以对编辑器进行配置,具体参数请参考 编辑器初始化参数 (官网有详细介绍)。
如果你想获得编辑器中的数据,可以用下面的代码。
部署kindeditor编辑器
在“index.jsp”<body></body>中添加textarea输入框,设置其宽度为800,高度为600,并且给其设置id和name属性。
在<head></head>中引入kindeditor的js文件。
并在第一个textarea元素上加载kindeditor编辑器。
在MyEclipse展示窗口中找到“servers”,然后右击“tomcat 8.0”,选择“Add/Remove Deployments”。
进入配置项目界面后,在左侧选中我们的项目“Kindeditor”,然后Add添加到右侧栏中。
然后选择运行该服务器中的项目。
等待服务启动完成。
打开浏览器,输入网址,看是否显示我们需要的编辑器窗口。
注:网址若tomcat端口未更改则为“http://localhost:8080/Kindeditor/”
[修复]:兼容IE11。
[修复]:[IE6-7] 上传按钮界面错乱。
[修复]:引入kindeditor-all.js后开启自动高度插件会报错。
[修复]:来回切换代码模式后变成(R)。
[修复]:字体、文字大小、颜色等操作有toogle效果。
[修复]:非IE设置returnValue和cancelBubble。
[修复]:特定的字符导致浏览器死循环。
同类推荐
2022-06-25
立即下载2022-06-21
立即下载2022-06-24
立即下载2022-06-21
立即下载2022-06-18
立即下载2022-06-28
立即下载相关文章
EditPlus设置自动换行的技巧
2022-11-26EditPlus设置文件窗口顶部显示的技巧
2022-11-26EditPlus更改背景颜色的技巧
2022-11-26Python如何使用wx模块创建文本编辑器?
2022-11-12Python使用wx模块创建文本编辑器的技巧
2021-10-27VMware 14如何激活?VMware Workstation 14密钥下载
2022-12-18游戏加加如何给绝地求生优化画质?
2022-12-11calibre如何将电子书由epub转换为mobi格式?
2021-10-30SAI2把图片导入图层的技巧
2022-11-12Sublime Text 3分屏显示及关闭分屏的方法
2022-12-18