| 主题: 为KindEditor图片批量上传功能添加排序支持 |
| 作者: S2JH, 发布日期: 2013-11-21 10:13:38, 浏览数: 4582 |
|
KindEditor有个图片批量上传是个很实用的功能，但是在使用过程发现一个问题：组件只提供一个“全部插入”按钮，一次性按照添加文件顺序一次性把所有图片依次插入编辑器，没法方便的调整插入图片的顺序。 经过一些代码分析，考虑采用集成JQuery UI Sortable特性为图片列表元素添加拖拉排序支持，但是由于KindEditor没有提供相关的回调方法，目前只能直接修改代码实现，具体在SWFUpload区域的appendFile方法最后添加如下代码： //FIXED: Add sortable support$("div[data-id='"+file.id+"']").parent().sortable({ items: "> div" });
这样就可以上传窗口界面随意调整图片元素顺序，然后批量插入编辑器了。注意：前提需要引入JQuery UI组件，测试版本：KindEditor 4.1.7，JQuery UI 1.10.0 |
| 作者: 小浪子, 发布日期: 2013-11-21 10:34:43 |
|
谢谢分享。老大不增加。自己改了已经升级又麻烦。哎。批量这块还加个图片描述就好。
|
| 回复 |
| 作者: S2JH, 发布日期: 2013-11-21 11:22:14 |
|
是啊，KindEditor功能还是很不错的，就是回调接口预留太少了，不容易定制化。
另外，顺道推荐一下个人GitHub项目：
S2JH：基于SSH的企业Web应用开发框架 集结最新主流时尚开源技术的面向企业级Web应用的基础开发框架，提供一个J2EE相关主流开源技术架构整合及一些企业应用基础通用功能和组件的设计实现的最佳实践和原型参考。
项目WIKI文档： https://github.com/xautlx/s2jh/wiki/Index
工程源代码库： https://github.com/xautlx/s2jh Features
Snapshot
|
| 回复 |
| 作者: k粉, 发布日期: 2014-01-22 20:41:49 |
|
排序的代码能不能讲详细一点。这么说不太会弄呀！ |
| 回复 |
