KindEditor - 轻量级HTML编辑器

开源免费的HTML可视化编辑器

请点击右上角,选择在浏览器中打开以下载KindEditor

下载KindEditor

更新时间:2023-11-15

核心功能

✏️

可视化编辑

所见即所得的编辑体验,支持HTML源代码与可视化模式切换

🖼️

图片上传

支持本地上传和远程图片插入,可设置图片大小和排版

📋

多格式支持

支持表格、列表、链接、代码等多种内容格式

🌐

多浏览器兼容

兼容IE、Firefox、Chrome、Safari等主流浏览器

⚙️

插件扩展

支持插件机制,可根据需求扩展编辑器功能

📱

响应式设计

适配不同屏幕尺寸,在移动设备上也有良好体验

KindEditor界面

KindEditor - 轻量级HTML编辑器界面截图 KindEditor - 轻量级HTML编辑器界面截图 KindEditor - 轻量级HTML编辑器界面截图

用户评价

★★★★★

"KindEditor简单易用,集成到我们的CMS系统中非常方便,大大提升了内容编辑效率。"

张先生
网站管理员
★★★★★

"作为一款开源编辑器,KindEditor的功能非常全面,而且文档详细,二次开发很方便。"

李女士
前端开发
★★★★★

"图片上传和排版功能特别实用,我们的编辑团队对KindEditor的评价都很高。"

王同学
内容编辑

使用帮助

如何集成KindEditor? +

下载KindEditor后,引入相关JS文件,在页面中创建textarea元素并调用KindEditor.create()方法即可。

如何配置上传功能? +

修改kindeditor.js中的uploadJson配置项,指向您的上传处理程序地址。

如何自定义工具栏? +

在初始化时通过items参数配置工具栏按钮,具体配置参考官方文档。

如何获取编辑器内容? +

调用editor.html()方法获取HTML内容,或editor.text()获取纯文本内容。

如何设置编辑器高度? +

在初始化时通过width和height参数设置编辑器尺寸。

常见问题

KindEditor是否收费? +

KindEditor是完全开源免费的,遵循LGPL协议,可以自由使用和修改。

支持哪些浏览器? +

支持IE7+、Firefox、Chrome、Safari、Opera等主流浏览器。

如何解决XSS安全问题? +

KindEditor内置了XSS过滤功能,同时建议在服务器端也进行内容过滤。

如何扩展新功能? +

可以通过开发插件来扩展功能,参考官方文档中的插件开发指南。

如何设置语言? +

引入对应的语言文件,在初始化时通过langType参数设置语言类型。