为KindEditor图片批量上传功能添加排序支持

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

BTW,此特性已集成到S2JH框架:基于SSH的企业Web应用开发框架S2JH:http://www.oschina.net/p/s2jh

你可能感兴趣的:(排序,图片,批量,kindeditor)