安卓软件

  • 小说漫画
  • 社交通讯
  • 视频直播
  • 出行导航
  • 生活休闲
  • 主题壁纸
  • 拍照美化
  • 新闻阅读
  • 办公学习
  • 实用工具
  • 健康运动

安卓游戏

  • 益智休闲
  • 冒险解谜
  • 动作格斗
  • 策略塔防
  • 角色扮演
  • 音乐舞蹈
  • 赛车竞速
  • 卡牌决斗
  • 模拟经营
  • 橙光游戏

文章速递

  • 游戏攻略
  • 软件教程
  • 热点新闻
  • 综合阅读
您的位置: 首页> 电脑应用> 行业软件
kindeditor编辑器中文下载 v4.1.11 免费版

kindeditor编辑器中文下载 v4.1.11 免费版

一键举报
  • 版本:免费版
  • 平台:电脑
  • 类型:行业软件
  • 发布:2022-09-30
  • 大小:781KB
  • 语言:中文
下载资源有问题,请使用举报功能,本站会及时处理。

详情

kindeditor是一款非常优秀的在线HTML编辑器,大家可以单独使用,也可以嵌入到php、asp等后台当做编辑器使用,省去了单独开发的麻烦。kindeditor编辑器中文免费版功能丰富齐全,集图片上传、一键排版格式、上传自动加alt属性等众多服务于一体,各种文本编辑功能轻松实现,简单好用。

kindeditor编辑器经过了多年的磨砺,在兼容性和稳定性方面的表现十分优异,能够与Java、.NET、PHP、ASP等程序完美衔接,不会出现任何故障,目前已经被CMS、商城、论坛、博客等场合广泛使用。

kindeditor编辑器截图

kindeditor编辑器特色介绍:

体积小,加载速度快,但功能十分丰富。

内置自定义range,完美地支持span标记。

基于插件的方式设计,所有功能都是插件,增加自定义和扩展功能非常简单。

修改编辑器风格很容易,只需修改一个CSS文件。

支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera。

kindeditor编辑器使用教程:

1、从本站下载kindeditor编辑器,解压文件夹,将整个文件夹添加到项目中去,我这里是添加到项目的plugins文件夹下的,如图:

kindeditor编辑器使用步骤1

2、在html页面中,引入相关js、css,如下图所示:

kindeditor编辑器使用步骤2

3、在页面中添加textarea控件:

4、编辑javascript代码:

kindeditor编辑器使用步骤3

但是这时编辑器的上传文件功能还不能用!如果需要此功能还需做进一步操作。

kindeditor编辑器使用步骤4

5、上传文件功能操作:

选择程序语言:我这里使用的是ASP.NET,注意这里的路径问题,根据你当前页面所处的位置来适当调整。

kindeditor编辑器使用步骤5

6、理论上到第五步就可以轻轻松松上传图片咯。结果发现还是不行,出现“目录不存在”的问题。原来打开asp.net/upload_json.ashx和asp.net/file_manager_json.ashx两个文件,发现文件保存路径如下:

kindeditor编辑器使用步骤6

恍然大悟,原来下载的工具包里面没有包含attached这个目录,所以这需要我们手动添加attached目录,如下所示:

kindeditor编辑器使用步骤7

7、大功告成,点击图片上传,选择本地上传,功能正常

kindeditor编辑器使用步骤8

8、获得编辑器的html内容: editor1.html();

9、工具栏的自定义:

默认情况下,工具栏中显示了所有操作项。如果你觉得工具栏中有些项是你不需要用到的,那么可以自定义显示项。通过items来设置显示项。

kindeditor编辑器使用步骤9

常见问题:

kindeditor编辑器图片上传

1、请求参数

imgFile: 文件form名称

dir: 上传类型,分别为image、flash、media、file

kindeditor编辑器图片上传实现步骤1

2、服务器响应数据

kindeditor编辑器图片上传实现步骤2

3、回调函数

kindeditor编辑器图片上传实现步骤3

注意:参数是按照位置给值的,如果回调只有一个参数,那么就表示 url , 如果回调有2个参数,那么依次表示 (url, data) , 如果回调有3个参数,那么依次表示 (url, data, name)

kindeditor编辑器图片上传实现步骤4

单图片上传交互数据

kindeditor编辑器图片上传实现步骤5

多图片上传

通过多次单图片上传实现,afterUpload 上传回调函数被调用多次。

kindeditor编辑器图片上传实现步骤6

单图片上传返回结果

kindeditor编辑器图片上传实现步骤7

文件上传后台程序

kindeditor编辑器图片上传实现步骤8

kindeditor编辑器修改一键排版格式

引用kindeditor-all-min.js 就修改 kindeditor-all-min.js

我是直接引用 kindeditor-all.js,则修改kindeditor-all.js

直接快速搜索 关键词 quickformat

找到 KindEditor.plugin(‘quickformat’, function (K) {}方法

修改其中的代码

注意:其他方法说修改 plugin文件夹下的quickformat的JS文件中,

修改一键排版格式步骤1

其中(下图),并没起作用

修改一键排版格式步骤2

于是我只得自己探索了,终于在我拖拖拉拉的寻找中,找到了这个方法

修改一键排版格式步骤3

以上利用child.css添加的样式,是会添加到p的style中

由于行距的样式 放在span中才起作用,因此需要直接加到内容的两侧

加粗的样式 也是标签在起作用,因此也是直接加到内容的两侧

如果你想恢复到默认样子,可以对照plugin文件夹下的quickformat的JS文件

更新日志:

新增: 俄语语言包,感谢Valery Votintsev。

改善: 语言包文件名标准化,zh_CN -> zh-CN, zh_TW -> zh-TW。

Bugfix: [IE6] 当前页面设置了document.domain,销毁编辑器会报错。

Bugfix: 行首全角空格被过滤。

Bugfix: 修复多语言包的一些小错误。

Bugfix: [IE11] 有些设备报错不能显示,对象不支持attachEvent属性或方法。

Bugfix: retina屏幕上按钮裂开。

Bugfix: 编辑图片后点击插入图片,弹出两个dialog。

相关软件

软件截图

  • kindeditor编辑器中文下载 v4.1.11 免费版0
  • kindeditor编辑器中文下载 v4.1.11 免费版1
  • kindeditor编辑器中文下载 v4.1.11 免费版0
  • kindeditor编辑器中文下载 v4.1.11 免费版1
  • kindeditor编辑器中文下载 v4.1.11 免费版0
  • kindeditor编辑器中文下载 v4.1.11 免费版1

对于您的问题快深感抱歉,非常感谢您的举报反馈,小编一定会及时处理该问题,同时希望能尽可能的填写全面,方便小编检查具体的问题所在,及时处理,再次感谢!