kindeditor编辑器(html在线编辑器) v4.1.7中文版(附使用方法)
免费软件- 软件大小：1.05MB
- 软件语言：简体中文
- 更新时间： 2021-12-21
- 软件类型：国产软件
- 运行环境：win系统
- 软件等级 :
大雀下载地址
- 介绍说明
- 下载地址
- 相关推荐
如果你想要制作一个网站那一款实用且好用的html编辑器是非常有必要的，所以小编在这里就为大家推荐一款功能强大的开源在线html编辑器——kindeditor编辑器。该编辑器有着强大的执行功能和跨平台性，它可以无缝的于Java、.NET、PHP、ASP等程序相接合，同时能够完美兼容IE、Firefox、Chrome、Safari、Opera等各种主流浏览器而且本次的更新还新增单元格编辑功能，可以让各种按钮（确定、取消、上传等按钮）在不同浏览器上保持相同外观。此外，开发人员也可以利用这款编辑器把传统的多行文本输入框(textarea)替换为可视化的富文本输入框，并且还基于插件的设计，编辑器所有功能都是插件，用户可以根据需求增减功能，使用起来也是非常地高效快捷。不仅如此，这款编辑器还提供了编辑代码时必备的各种功能，而且修改编辑器风格也是非常的容易只需修改一个CSS文件即可，可以说这款编辑器非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。有需要的小伙伴们欢迎前来3322站免费下载使用。
2、开源：开放源代码，高水平，高品质。
3、底层：内置自定义 DOM 类库，精确操作DOM。
4、扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能。
5、风格：修改编辑器风格非常容易，只需修改一个CSS文件。
6、兼容：支持大部分主流浏览器，比如IE、Firefox、Safari、Chrome、Opera等。
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又展示出来了。
1、首先将工具栏中图片上传的表单name值为imgFile；
2、图片上传前后端接口，必须返回这样格式的 json 字符串，才会回调 afterUpload 属性指定的回调函数。
3、请求参数
1）imgFile：文件form名称
2）ir：上传类型，分别为image、flash、media、file
4、服务器响应数据
5、回调函数
1）url：表示上传成功时返回的文件url地址
2）data：服务器响应的json对象
3）name：上传类型，如：图片上传，多图片上传，文件上传。取值： image multiimage insertfile
注意：参数是按照位置给值的，如果回调只有一个参数，那么就表示 url , 如果回调有2个参数，那么依次表示 (url, data) , 如果回调有3个参数，那么依次表示 (url, data, name)
6、单图片上传交互数据
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 参数关闭过滤模式，保留所有标签。
1、新增单元格编辑功能（右键点击单元格可以看到编辑选项）。
2、各种按钮（确定、取消、上传等按钮）在不同浏览器上保持相同外观。
3、移除table格式的阴影效果，通过CSS3实现dialog阴影，IE6～IE8不显示阴影。
功能特色
1、快速：体积小，加载速度快。2、开源：开放源代码，高水平，高品质。
3、底层：内置自定义 DOM 类库，精确操作DOM。
4、扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能。
5、风格：修改编辑器风格非常容易，只需修改一个CSS文件。
6、兼容：支持大部分主流浏览器，比如IE、Firefox、Safari、Chrome、Opera等。
kindeditor编辑器使用方法
1、将本站下载的压缩包进行解压得到如下文件；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又展示出来了。
kindeditor编辑器图片上传教程
在编辑器中添加上传图片的按钮功能并不是简单的添加按钮即可，需要先进行代码的编辑，在软件中完成表单的制作，图片上传前后端接口的添加，然后和服务器进行连接，一系列的复杂操作之后，才能成功添加该功能，下面小编为大家带来该教程。1、首先将工具栏中图片上传的表单name值为imgFile；
2、图片上传前后端接口，必须返回这样格式的 json 字符串，才会回调 afterUpload 属性指定的回调函数。
3、请求参数
1）imgFile：文件form名称
2）ir：上传类型，分别为image、flash、media、file
4、服务器响应数据
5、回调函数1）url：表示上传成功时返回的文件url地址
2）data：服务器响应的json对象
3）name：上传类型，如：图片上传，多图片上传，文件上传。取值： image multiimage insertfile
注意：参数是按照位置给值的，如果回调只有一个参数，那么就表示 url , 如果回调有2个参数，那么依次表示 (url, data) , 如果回调有3个参数，那么依次表示 (url, data, name)
6、单图片上传交互数据
常见问题
一、编辑器好像是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 参数关闭过滤模式，保留所有标签。
更新日志
html在线编辑器 v4.1.7更新日志（2021-11-3）1、新增单元格编辑功能（右键点击单元格可以看到编辑选项）。
2、各种按钮（确定、取消、上传等按钮）在不同浏览器上保持相同外观。
3、移除table格式的阴影效果，通过CSS3实现dialog阴影，IE6～IE8不显示阴影。
下载地址
- PC版
- 电信高速下载
- 联通高速下载
- 广东电信下载
- 山东电信下载
默认解压密码：www.daque.cn
如需解压，请在本站下载飞压软件进行解压！
