历史记录
清空历史记录
    首页 > 电脑软件 > kindeditor编辑器(html在线编辑器) v4.1.11

    kindeditor编辑器(html在线编辑器)

    v4.1.11

    • 软件大小:795K
    • 软件版本:v4.1.11
    • 软件类型:国产软件
    • 软件分类:电脑软件
    • 软件语言:简体中文
    • 更新时间:2026-01-26
    • 安全检测:无插件360通过腾讯通过金山通过瑞星通过小红伞通过

    • 软件评分:

    普通下载

    手机扫一扫快捷方便下载
    我得说,这款KindEditor编辑器真是个宝藏工具,特别适合咱们这些经常捣鼓网站的人。它开源免费,功能却一点不含糊,跨平台兼容性超强,不管你是用Java、PHP还是ASP,都能无缝对接,浏览器支持也全面,IE、Chrome这些主流货色全都能hold住。最让我心动的是它的插件化设计,功能想加就加、想减就减,灵活得很,不像有些编辑器那么死板。修改风格也简单,改个CSS文件就搞定,省时省力。不过安装过程有点小门槛,尤其是图片上传那块,得自己写代码调接口,新手可能得折腾一会儿。但总体来看,这编辑器在CMS、博客这些场景里用起来特别顺手,加载快、体积小,绝对是提升效率的好帮手。如果你正愁找不到靠谱的HTML编辑器,真心推荐试试这个,免费下载就能上手,绝对不亏!如果你想要制作一个网站那一款实用且好用的html编辑器是非常有必要的,所以小编在这里就为大家推荐一款功能强大的开源在线html编辑器——kindeditor编辑器。该编辑器有着强大的执行功能和跨平台性,它可以无缝的于Java、.NET、PHP、ASP等程序相接合,同时能够完美兼容IE、Firefox、Chrome、Safari、Opera等各种主流浏览器而且本次的更新还新增单元格编辑功能,可以让各种按钮(确定、取消、上传等按钮)在不同浏览器上保持相同外观。此外,开发人员也可以利用这款编辑器把传统的多行文本输入框(textarea)替换为可视化的富文本输入框,并且还基于插件的设计,编辑器所有功能都是插件,用户可以根据需求增减功能,使用起来也是非常地高效快捷。不仅如此,这款编辑器还提供了编辑代码时必备的各种功能,而且修改编辑器风格也是非常的容易只需修改一个CSS文件即可,可以说这款编辑器非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。有需要的小伙伴们欢迎前来3322站免费下载使用。
    kindeditor编辑器

    功能特色

    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 参数关闭过滤模式,保留所有标签。

    更新日志

    v4.1.11版本
    1、新增: 俄语语言包,感谢Valery Votintsev (http://codersclub.org/)。
    2、改善: 语言包文件名标准化,zh_CN -> zh-CN, zh_TW -> zh-TW。
    3、修复: [IE6] 当前页面设置了document.domain,销毁编辑器会报错。
    4、修复: 行首全角空格被过滤。
    5、修复: 修复多语言包的一些小错误。
    6、修复: [IE11] 有些设备报错不能显示,对象不支持attachEvent属性或方法。
    7、修复: retina屏幕上按钮裂开。
    8、修复: 编辑图片后点击插入图片,弹出两个dialog。

    网友评论

    共有 0条评论

    captcha 评论需审核后才能显示

    应用推荐

    游戏推荐