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-09-14
立即下载2022-09-14
立即下载2022-09-14
立即下载2022-09-14
立即下载2022-09-14
立即下载2022-09-14
立即下载相关文章
Python使用wx模块创建文本编辑器的技巧
2021-10-27Excel中多层柱形图巧制作
2022-08-02安装激活教程:Office2016安装激活教程
2020-11-18DiskGenius新建硬盘分区的技巧
2022-03-09如何解锁 Microsoft Excel 中的锁定单元格 ?
2022-06-16黑盒工坊怎么用?黑盒工坊的使用方法
2022-02-26CAD迷你画图复制粘贴图形的图文教程
2020-09-03TeamViewer设置自定义邀请的技巧
2022-01-18有道云笔记如何转Word文档?有道云笔记转Word文档的技巧
2021-12-21Bandicam设置定时录制视频图文教程
2022-02-14