Kindeditor是一款优秀的在线HTML编辑器,可以独立使用,也可以嵌入php、asp等的后台。作为编辑,从而省去独立开发的麻烦。kindeditor编辑器中文免费版功能丰富齐全,集成了图片上传、一键排版格式、上传并自动添加alt属性等多项服务。各种文字编辑功能实现简单,使用方便。
Kindeditor经过多年的磨练,在兼容性和稳定性方面的表现非常出色。可以和Java完美对接,NET,PHP,ASP等程序没有任何故障。目前已经广泛应用于CMS、商场、论坛、博客等场合。
kindeditor编辑器特色介绍:
体积小,加载快,但功能丰富。
内置自定义范围,完美支持span标签。
基于插件设计,所有功能都是插件,添加自定义和扩展功能非常简单。
修改编辑器样式很简单,只需修改一个CSS文件。
支持大部分主流浏览器,如IE、Firefox、Safari、Chrome、Opera。
:
kindeditor编辑器使用教程:
1.从这个站点下载kindeditor,解压文件夹,并将整个文件夹添加到项目中。我在这里把它添加到项目的plugins文件夹中,如下图所示:
2.在html页面中引入相关的js和css,如下图所示:
3.向页面添加textarea控件:
textarea id=' textarea _ id ' style=' width:700 px;高度:300px可见性:隐藏;'/textarea
4.编辑javascript代码:
但是编辑器的上传文件功能还不能用!如果需要这个功能,需要做进一步的操作。
5、上传文件功能操作:
选择编程语言:我这里用ASP.NET,注意这里的路径问题,根据你当前页面的位置进行调整。
6.理论上,你可以在第五步轻松上传图片。结果还是不行,出现了“目录不存在”的问题。原来,我打开了asp.net/upload_json.ashx和asp.net/file_manager_json.ashx,两个文件,发现文件的存储路径如下:
我恍然大悟,原来下载的工具包里没有附带的目录,需要手动添加附带的目录,如下图:
7、大功告成,点击图片上传,选择本地上传,功能正常。
8.获取编辑器的html内容:editor1.html();
9、工具栏定制:
默认情况下,所有操作项都显示在工具栏中。如果您认为工具栏中有一些您不需要的项目,您可以自定义显示项目。通过项目设置显示项目。
常见问题:
kindeditor图片上传
1.请求参数
ImgFile:文档表单名称
目录:上传类型,即图像、flash、媒体和文件。
2.服务器响应数据
3.回调函数
注:参数由位置给出。如果回调只有一个参数,表示url如果回调有两个参数,依次表示(url,data);如果回调有三个参数,依次表示(url,data,name)。
单张图片上传互动数据
多图片上传
AfterUpload回调函数通过多次单个图像上传被多次调用。
单一图像上传返回结果
文件上传后台程序
Kindeditor编辑器修改一键排版格式
引用kindeditor-all-min.js会修改kind editor-all-min.js。
我直接引用kindeditor-all.js,然后修改kind editor-all.js。
直接快速搜索关键词quickformat。
找到善良的编辑。插件('快速格式'函数(k) {}方法。
修改其中的代码
注意:其他方法说如果在plugin文件夹中修改quickformat的JS文件,
其中(下图),没起作用。
于是只好自己摸索,终于在我旷日持久的寻找中找到了这个方法。
以上使用child.css添加的样式将被添加到P的样式中。
因为行距样式只有在span中放置时才起作用,所以需要直接添加到内容的两侧。
粗体样式也是标签,所以直接加在内容的两边。
如果想恢复到默认的样子,可以对比一下plugin文件夹中quickformat的JS文件。
更新日志:
添加:俄语语言包,感谢Valery Votintsev。
改进:语言包文件名标准化,zh_CN-zh-CN,zh_TW-zh-TW。
Bugfix: [IE6] document.domain设置在当前页面,销毁编辑器会出错。
错误修复:行首的全角空格被过滤。
Bugfix:修复多语言包中的一些小错误。
错误修复:[IE11]一些设备报告错误,无法显示。该对象不支持attachEvent属性或方法。
错误修复:视网膜屏幕上的按钮破裂。
错误修复:编辑完图片后点击插入图片,会弹出两个对话框。
上面给大家详细的介绍了kindeditor编辑器 ,以上内容仅2u手游网小编个人理解,最后希望大家喜欢!