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

为什么80%的码农都做不了架构师？>>>   

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

转载于:https://my.oschina.net/s2jh/blog/177942