kindeditor是一款非常优秀的在线HTML编辑器,大家可以单独使用,也可以嵌入到php、asp等后台当做编辑器使用,省去了单独开发的麻烦。kindeditor编辑器中文免费版功能丰富齐全,集图片上传、一键排版格式、上传自动加alt属性等众多服务于一体,各种文本编辑功能轻松实现,简单好用。
kindeditor编辑器经过了多年的磨砺,在兼容性和稳定性方面的表现十分优异,能够与Java、.NET、PHP、ASP等程序完美衔接,不会出现任何故障,目前已经被CMS、商城、论坛、博客等场合广泛使用。
体积小,加载速度快,但功能十分丰富。
内置自定义range,完美地支持span标记。
基于插件的方式设计,所有功能都是插件,增加自定义和扩展功能非常简单。
修改编辑器风格很容易,只需修改一个CSS文件。
支持大部分主流浏览器,比如IE、Firefox、Safari、Chrome、Opera。
1、从本站下载kindeditor编辑器,解压文件夹,将整个文件夹添加到项目中去,我这里是添加到项目的plugins文件夹下的,如图:
2、在html页面中,引入相关js、css,如下图所示:
3、在页面中添加textarea控件:
4、编辑javascript代码:
但是这时编辑器的上传文件功能还不能用!如果需要此功能还需做进一步操作。
5、上传文件功能操作:
选择程序语言:我这里使用的是ASP.NET,注意这里的路径问题,根据你当前页面所处的位置来适当调整。
6、理论上到第五步就可以轻轻松松上传图片咯。结果发现还是不行,出现“目录不存在”的问题。原来打开asp.net/upload_json.ashx和asp.net/file_manager_json.ashx两个文件,发现文件保存路径如下:
恍然大悟,原来下载的工具包里面没有包含attached这个目录,所以这需要我们手动添加attached目录,如下所示:
7、大功告成,点击图片上传,选择本地上传,功能正常
8、获得编辑器的html内容: editor1.html();
9、工具栏的自定义:
默认情况下,工具栏中显示了所有操作项。如果你觉得工具栏中有些项是你不需要用到的,那么可以自定义显示项。通过items来设置显示项。
kindeditor编辑器图片上传
1、请求参数
imgFile: 文件form名称
dir: 上传类型,分别为image、flash、media、file
2、服务器响应数据
3、回调函数
注意:参数是按照位置给值的,如果回调只有一个参数,那么就表示 url , 如果回调有2个参数,那么依次表示 (url, data) , 如果回调有3个参数,那么依次表示 (url, data, name)
单图片上传交互数据
多图片上传
通过多次单图片上传实现,afterUpload 上传回调函数被调用多次。
单图片上传返回结果
文件上传后台程序
kindeditor编辑器修改一键排版格式
引用kindeditor-all-min.js 就修改 kindeditor-all-min.js
我是直接引用 kindeditor-all.js,则修改kindeditor-all.js
直接快速搜索 关键词 quickformat
找到 KindEditor.plugin(‘quickformat’, function (K) {}方法
修改其中的代码
注意:其他方法说修改 plugin文件夹下的quickformat的JS文件中,
其中(下图),并没起作用
于是我只得自己探索了,终于在我拖拖拉拉的寻找中,找到了这个方法
以上利用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。
168.49MB|行业软件
115.08MB|行业软件
38.68MB|行业软件
8.51 MB|行业软件
219.1 MB|行业软件
10.3MB|行业软件
91.9 MB|行业软件
84.81MB|行业软件
161 MB|行业软件
14.88MB|行业软件
对于您的问题快深感抱歉,非常感谢您的举报反馈,小编一定会及时处理该问题,同时希望能尽可能的填写全面,方便小编检查具体的问题所在,及时处理,再次感谢!