KindEditor V4.1.7 绿色版

KindEditor 是一款专为网页编辑者设计的高效 HTML 编辑器，采用 JavaScript 开发，能够兼容 IE、Firefox、Chrome、Safari、Opera 等主流浏览器。其主要特点是功能强大、跨平台，用户可以在网站上实现所见即所得的编辑效果。它能够与 Java、.NET、PHP、ASP 等语言无缝对接，并且可以在多种浏览器环境下提供一致的体验。此次更新加入了单元格编辑功能，确保各种按钮（如确认、取消、上传等）在不同浏览器上显示一致。本文将为大家介绍 KindEditor 的绿色汉化版，想要体验的用户可以通过以下链接下载。

KindEditor 使用步骤

1、首先解压本站提供的压缩包，获取以下文件：

2、在 Tomcat 的 webapps 目录下创建名为 kindeditor 的文件夹，并将下载的 KindEditor 文件（包括 jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js）复制到该文件夹内。

3、由于 JSP 代码依赖于第三方的 JAR 文件，需要将 commons-fileupload-1.2.1.jar、commons-io-1.4.jar、json_simple-1.1.jar 三个 JAR 文件从 jsp/lib 目录中复制到 Tomcat 的 kindeditor/WEB-INF/lib 目录。

4、启动 Tomcat。

5、在浏览器地址栏输入 http://127.0.0.1:8080/kindeditor/jsp/demo.jsp，回车，如果页面没有显示 KindEditor 官网的演示界面，继续执行以下操作。

6、查看源码发现文件名与复制的文件不同，将 kindeditor-all.js 或 kindeditor-all-min.js 改为 kindeditor.js。

7、刷新浏览器，KindEditor 官网的演示界面便成功显示。

KindEditor 上传功能实现

要在编辑器中添加图片上传功能，仅仅添加按钮是不够的。需要进行代码编辑，制作表单，配置图片上传的前后端接口，并与服务器进行连接。经过一系列操作后，上传功能才会正常工作。以下是实现该功能的步骤：

1、首先，在工具栏中设置图片上传表单的 name 值为 imgFile。

2、图片上传的前后端接口必须返回特定格式的 JSON 字符串，才能触发 afterUpload 回调函数。

3、请求参数：

• 1）imgFile：文件表单的名称。
• 2）ir：上传类型，支持 image、flash、media、file。

4、服务器返回的数据示例：

5、回调函数的参数说明：

• 1）url：上传成功后返回的文件 URL 地址。
• 2）data：服务器返回的 JSON 对象。
• 3）name：上传类型，如图片上传、多图上传、文件上传。取值可以是：image、multiimage、insertfile。

请注意，回调函数的参数个数依据情况变化。如果回调只有一个参数，则为 url；如果有两个参数，则为 (url, data)；若有三个参数，则为 (url, data, name)。

6、单图上传交互数据：

KindEditor 特点

• 快速：体积小，加载速度快。
• 开源：源代码开放，质量上乘。
• 底层：内嵌自定义 DOM 类库，操作精准。
• 扩展性：所有功能都通过插件设计，可以根据需求进行定制。
• 样式：编辑器样式易于修改，只需调整一个 CSS 文件。
• 兼容性：支持主流浏览器，包括 IE、Firefox、Safari、Chrome、Opera 等。

更新日志

KindEditor v4.1.7 更新日志（2021-11-3）：

• 新增单元格编辑功能，右键点击单元格即可看到编辑选项。
• 各种按钮（如确认、取消、上传等）在不同浏览器上保持一致的外观。
• 移除表格格式的阴影效果，通过 CSS3 实现 dialog 阴影，IE6-IE8 不支持阴影效果。

以上是 KKX 小编为大家带来的 KindEditor 编辑器相关内容，希望对您有所帮助！