博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为KindEditor图片批量上传功能添加排序支持
阅读量:6905 次
发布时间:2019-06-27

本文共 505 字,大约阅读时间需要 1 分钟。

  hot3.png

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:

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

你可能感兴趣的文章
java编写一个小学辅助软件_高分求用Java编写的一个小软件
查看>>
java 现场_面试遇到现场(我哥是李刚 java模型现场)
查看>>
java asm 书_使用ASM来书写Java代码-2(zt)续2
查看>>
java 堆栈的声明_Java 堆栈
查看>>
linux 内存管理 代码,《LINUX3.0内核源代码分析》第四章:内存管理(3)
查看>>
linux 一句话运行多,Linux运维工程师常用一句话脚本,你会几句?
查看>>
linux锁住终端会话命令,Linux终端会话实时共享(kibitz)
查看>>
夏普linux电视软件,夏普电视第三方软件安装方法,使用教程和攻略
查看>>
华为手机linux终端,华为云IoT如何让“哑”终端进化为智能终端?看完这场直播你就明白了...
查看>>
linux特殊权限管理,linux文件访问特殊权限的设置
查看>>
linux 网络编程 51cto,Linux服务器开发,2小时搞定高并发网络编程
查看>>
fork是linux函数吗,关于LINUX中的FORK函数
查看>>
红旗linux 进不去图形界面,进不了红旗Linux6.0的图形界面请高手帮忙
查看>>
linux安装中文语言命令,Centos使用yum命令安装中文语言包(fonts-chinese.noarch,m17n-db-common-cjk)...
查看>>
linux添加Qt的fontconfig,QT__qt SDK------Fontconfig-2.4.2安装 (二)
查看>>
linux 查看io调度策略,磁盘IO调度策略
查看>>
高通笔记本装linux,在华硕畅370(TP370QL)骁龙笔记本上安装Ubuntu 18.04 ARM64的方法...
查看>>
linux sysfs属性,linux-sysfs
查看>>
c语言int speed=1,求大神帮忙看看这个弹弹球消砖块的游戏代码,为什么speed只能15...
查看>>
c语言如何控制误差小于10-n,C语言使用注意事项(二)
查看>>