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

只谈情不闲聊 提交于 2019-11-29 19:31:41

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!