爲KindEditor圖片批量上傳功能添加排序支持

KindEditor有個圖片批量上傳是個很實用的功能,可是在使用過程發現一個問題:組件只提供一個「所有插入」按鈕,一次性按照添加文件順序一次性把全部圖片依次插入編輯器,無法方便的調整插入圖片的順序。 app

通過一些代碼分析,考慮採用集成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 測試

相關文章
相關標籤/搜索