editors.default.js 92 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050
  1. (function(editors, elFinder) {
  2. if (typeof define === 'function' && define.amd) {
  3. define(['elfinder'], editors);
  4. } else if (elFinder) {
  5. var optEditors = elFinder.prototype._options.commandsOptions.edit.editors;
  6. elFinder.prototype._options.commandsOptions.edit.editors = optEditors.concat(editors(elFinder));
  7. }
  8. }(function(elFinder) {
  9. "use strict";
  10. var apps = {},
  11. // get query of getfile
  12. getfile = window.location.search.match(/getfile=([a-z]+)/),
  13. useRequire = elFinder.prototype.hasRequire,
  14. hasFlash = (function() {
  15. var hasFlash;
  16. try {
  17. hasFlash = !!(new ActiveXObject('ShockwaveFlash.ShockwaveFlash'));
  18. } catch (e) {
  19. hasFlash = !!(typeof window.orientation === 'undefined' || (navigator && navigator.mimeTypes["application/x-shockwave-flash"]));
  20. }
  21. return hasFlash;
  22. })(),
  23. ext2mime = {
  24. bmp: 'image/x-ms-bmp',
  25. dng: 'image/x-adobe-dng',
  26. gif: 'image/gif',
  27. jpeg: 'image/jpeg',
  28. jpg: 'image/jpeg',
  29. pdf: 'application/pdf',
  30. png: 'image/png',
  31. ppm: 'image/x-portable-pixmap',
  32. psd: 'image/vnd.adobe.photoshop',
  33. pxd: 'image/x-pixlr-data',
  34. svg: 'image/svg+xml',
  35. tiff: 'image/tiff',
  36. webp: 'image/webp',
  37. xcf: 'image/x-xcf',
  38. sketch: 'application/x-sketch'
  39. },
  40. mime2ext,
  41. getExtention = function(mime, fm) {
  42. if (!mime2ext) {
  43. mime2ext = fm.arrayFlip(ext2mime);
  44. }
  45. var ext = mime2ext[mime] || fm.mimeTypes[mime];
  46. if (ext === 'jpeg') {
  47. ext = 'jpg';
  48. }
  49. return ext;
  50. },
  51. changeImageType = function(src, toMime) {
  52. var dfd = $.Deferred();
  53. try {
  54. var canvas = document.createElement('canvas'),
  55. ctx = canvas.getContext('2d'),
  56. img = new Image(),
  57. conv = function() {
  58. var url = canvas.toDataURL(toMime),
  59. mime, m;
  60. if (m = url.match(/^data:([a-z0-9]+\/[a-z0-9.+-]+)/i)) {
  61. mime = m[1];
  62. } else {
  63. mime = '';
  64. }
  65. if (mime.toLowerCase() === toMime.toLowerCase()) {
  66. dfd.resolve(canvas.toDataURL(toMime), canvas);
  67. } else {
  68. dfd.reject();
  69. }
  70. };
  71. img.src = src;
  72. $(img).on('load', function() {
  73. try {
  74. canvas.width = img.width;
  75. canvas.height = img.height;
  76. ctx.drawImage(img, 0, 0);
  77. conv();
  78. } catch(e) {
  79. dfd.reject();
  80. }
  81. }).on('error', function () {
  82. dfd.reject();
  83. });
  84. return dfd;
  85. } catch(e) {
  86. return dfd.reject();
  87. }
  88. },
  89. initImgTag = function(id, file, content, fm) {
  90. var node = $(this).children('img:first').data('ext', getExtention(file.mime, fm)),
  91. spnr = $('<div class="elfinder-edit-spinner elfinder-edit-image"/>')
  92. .html('<span class="elfinder-spinner-text">' + fm.i18n('ntfloadimg') + '</span><span class="elfinder-spinner"/>')
  93. .hide()
  94. .appendTo(this),
  95. url;
  96. if (!content.match(/^data:/)) {
  97. url = fm.openUrl(file.hash);
  98. node.attr('_src', content);
  99. }
  100. node.attr('id', id+'-img')
  101. .attr('src', url || content)
  102. .css({'height':'', 'max-width':'100%', 'max-height':'100%', 'cursor':'pointer'})
  103. .data('loading', function(done) {
  104. var btns = node.closest('.elfinder-dialog').find('button,.elfinder-titlebar-button');
  105. btns.prop('disabled', !done)[done? 'removeClass' : 'addClass']('ui-state-disabled');
  106. node.css('opacity', done? '' : '0.3');
  107. spnr[done? 'hide' : 'show']();
  108. return node;
  109. });
  110. },
  111. imgBase64 = function(node, mime) {
  112. var style = node.attr('style'),
  113. img, canvas, ctx, data;
  114. try {
  115. // reset css for getting image size
  116. node.attr('style', '');
  117. // img node
  118. img = node.get(0);
  119. // New Canvas
  120. canvas = document.createElement('canvas');
  121. canvas.width = img.width;
  122. canvas.height = img.height;
  123. // restore css
  124. node.attr('style', style);
  125. // Draw Image
  126. canvas.getContext('2d').drawImage(img, 0, 0);
  127. // To Base64
  128. data = canvas.toDataURL(mime);
  129. } catch(e) {
  130. data = node.attr('src');
  131. }
  132. return data;
  133. },
  134. pixlrCallBack = function() {
  135. if (!hasFlash || window.parent === window) {
  136. return;
  137. }
  138. var pixlr = window.location.search.match(/[?&]pixlr=([^&]+)/),
  139. image = window.location.search.match(/[?&]image=([^&]+)/),
  140. p, ifm, url, node, ext;
  141. if (pixlr) {
  142. // case of redirected from pixlr.com
  143. p = window.parent;
  144. ifm = p.$('#'+pixlr[1]+'iframe').hide();
  145. node = p.$('#'+pixlr[1]).data('resizeoff')();
  146. if (image[1].substr(0, 4) === 'http') {
  147. url = image[1];
  148. ext = url.replace(/.+\.([^.]+)$/, '$1');
  149. if (node.data('ext') !== ext) {
  150. node.closest('.ui-dialog').trigger('changeType', {
  151. extention: ext,
  152. mime : ext2mime[ext]
  153. });
  154. }
  155. if (window.location.protocol === 'https:') {
  156. url = url.replace(/^http:/, 'https:');
  157. }
  158. node.on('load error', function() {
  159. node.data('loading')(true);
  160. })
  161. .attr('src', url)
  162. .data('loading')();
  163. } else {
  164. node.data('loading')(true);
  165. }
  166. ifm.trigger('destroy').remove();
  167. }
  168. },
  169. pixlrSetup = function(opts, fm) {
  170. if (!hasFlash || fm.UA.ltIE8) {
  171. this.disabled = true;
  172. }
  173. },
  174. pixlrLoad = function(mode, base) {
  175. var self = this,
  176. fm = this.fm,
  177. clPreventBack = fm.res('class', 'preventback'),
  178. node = $(base).children('img:first')
  179. .data('loading')()
  180. .data('resizeoff', function() {
  181. $(window).off('resize.'+node.attr('id'));
  182. dialog.addClass(clPreventBack);
  183. return node;
  184. })
  185. .on('click', function() {
  186. launch();
  187. }),
  188. dialog = $(base).closest('.ui-dialog'),
  189. elfNode = fm.getUI(),
  190. uiToast = fm.getUI('toast'),
  191. container = $('<iframe class="ui-front" allowtransparency="true">'),
  192. file = this.file,
  193. timeout = 15,
  194. error = function(error) {
  195. if (error) {
  196. container.trigger('destroy').remove();
  197. node.data('loading')(true);
  198. fm.error(error);
  199. } else {
  200. uiToast.appendTo(dialog.closest('.ui-dialog'));
  201. fm.toast({
  202. mode: 'info',
  203. msg: 'Can not launch Pixlr yet. Waiting ' + timeout + ' seconds.',
  204. button: {
  205. text: 'Abort',
  206. click: function() {
  207. container.trigger('destroy').remove();
  208. node.data('loading')(true);
  209. }
  210. },
  211. onHidden: function() {
  212. uiToast.children().length === 1 && uiToast.appendTo(fm.getUI());
  213. }
  214. });
  215. errtm = setTimeout(error, timeout * 1000);
  216. }
  217. },
  218. launch = function() {
  219. var src = 'https://pixlr.com/'+mode+'/?s=c',
  220. myurl = window.location.href.toString().replace(/#.*$/, ''),
  221. opts = {};
  222. errtm = setTimeout(error, timeout * 1000);
  223. myurl += (myurl.indexOf('?') === -1? '?' : '&') + 'pixlr='+node.attr('id');
  224. src += '&referrer=elFinder&locktitle=true';
  225. src += '&exit='+encodeURIComponent(myurl+'&image=0');
  226. src += '&target='+encodeURIComponent(myurl);
  227. src += '&title='+encodeURIComponent(file.name);
  228. src += '&image='+encodeURIComponent(node.attr('_src'));
  229. opts.src = src;
  230. opts.css = {
  231. width: '100%',
  232. height: $(window).height()+'px',
  233. position: 'fixed',
  234. display: 'block',
  235. backgroundColor: 'transparent',
  236. border: 'none',
  237. top: 0,
  238. right: 0
  239. };
  240. // trigger event 'editEditorPrepare'
  241. self.trigger('Prepare', {
  242. node: base,
  243. editorObj: void(0),
  244. instance: container,
  245. opts: opts
  246. });
  247. container
  248. .attr('id', node.attr('id')+'iframe')
  249. .attr('src', opts.src)
  250. .css(opts.css)
  251. .one('load', function() {
  252. errtm && clearTimeout(errtm);
  253. setTimeout(function() {
  254. if (container.is(':hidden')) {
  255. error('Please disable your ad blocker.');
  256. }
  257. }, 1000);
  258. dialog.addClass(clPreventBack);
  259. fm.toggleMaximize(container, true);
  260. fm.toFront(container);
  261. })
  262. .on('destroy', function() {
  263. fm.toggleMaximize(container, false);
  264. })
  265. .on('error', error)
  266. .appendTo(elfNode.hasClass('elfinder-fullscreen')? elfNode : 'body');
  267. },
  268. errtm;
  269. $(base).on('saveAsFail', launch);
  270. launch();
  271. },
  272. iframeClose = function(ifm) {
  273. var $ifm = $(ifm),
  274. dfd = $.Deferred().always(function() {
  275. $ifm.off('load', load);
  276. }),
  277. ab = 'about:blank',
  278. chk = function() {
  279. tm = setTimeout(function() {
  280. var src;
  281. try {
  282. src = base.contentWindow.location.href;
  283. } catch(e) {
  284. src = null;
  285. }
  286. if (src === ab) {
  287. dfd.resolve();
  288. } else if (--cnt > 0){
  289. chk();
  290. } else {
  291. dfd.reject();
  292. }
  293. }, 500);
  294. },
  295. load = function() {
  296. tm && clearTimeout(tm);
  297. dfd.resolve();
  298. },
  299. cnt = 20, // 500ms * 20 = 10sec wait
  300. tm;
  301. $ifm.one('load', load);
  302. ifm.src = ab;
  303. chk();
  304. return dfd;
  305. };
  306. // check callback from pixlr
  307. pixlrCallBack();
  308. // check getfile callback function
  309. if (getfile) {
  310. getfile = getfile[1];
  311. if (getfile === 'ckeditor') {
  312. elFinder.prototype._options.getFileCallback = function(file, fm) {
  313. window.opener.CKEDITOR.tools.callFunction((function() {
  314. var reParam = new RegExp('(?:[\?&]|&amp;)CKEditorFuncNum=([^&]+)', 'i'),
  315. match = window.location.search.match(reParam);
  316. return (match && match.length > 1) ? match[1] : '';
  317. })(), fm.convAbsUrl(file.url));
  318. fm.destroy();
  319. window.close();
  320. };
  321. }
  322. }
  323. // return editors Array
  324. return [
  325. {
  326. // tui.image-editor - https://github.com/nhnent/tui.image-editor
  327. info : {
  328. id: 'tuiimgedit',
  329. name: 'TUI Image Editor',
  330. iconImg: 'img/editor-icons.png 0 -48',
  331. dataScheme: true,
  332. schemeContent: true,
  333. openMaximized: true,
  334. canMakeEmpty: false,
  335. integrate: {
  336. title: 'TOAST UI Image Editor',
  337. link: 'http://ui.toast.com/tui-image-editor/'
  338. }
  339. },
  340. // MIME types to accept
  341. mimes : ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml', 'image/x-ms-bmp'],
  342. // HTML of this editor
  343. html : '<div class="elfinder-edit-imageeditor"><canvas></canvas></div>',
  344. // called on initialization of elFinder cmd edit (this: this editor's config object)
  345. setup : function(opts, fm) {
  346. if (fm.UA.ltIE8 || fm.UA.Mobile) {
  347. this.disabled = true;
  348. } else {
  349. this.opts = Object.assign({
  350. version: 'v3.5.1'
  351. }, opts.extraOptions.tuiImgEditOpts || {}, {
  352. iconsPath : fm.baseUrl + 'img/tui-',
  353. theme : {}
  354. });
  355. if (!fm.isSameOrigin(this.opts.iconsPath)) {
  356. this.disabled = true;
  357. fm.debug('warning', 'Setting `commandOptions.edit.extraOptions.tuiImgEditOpts.iconsPath` MUST follow the same origin policy.');
  358. }
  359. }
  360. },
  361. // Initialization of editing node (this: this editors HTML node)
  362. init : function(id, file, content, fm) {
  363. this.data('url', content);
  364. },
  365. load : function(base) {
  366. var self = this,
  367. fm = this.fm,
  368. dfrd = $.Deferred(),
  369. cdns = fm.options.cdns,
  370. ver = self.confObj.opts.version,
  371. init = function(editor) {
  372. var $base = $(base),
  373. bParent = $base.parent(),
  374. opts = self.confObj.opts,
  375. iconsPath = opts.iconsPath,
  376. tmpContainer = $('<div class="tui-image-editor-container">').appendTo(bParent),
  377. tmpDiv = [
  378. $('<div class="tui-image-editor-submenu"/>').appendTo(tmpContainer),
  379. $('<div class="tui-image-editor-controls"/>').appendTo(tmpContainer)
  380. ],
  381. iEditor = new editor(base, {
  382. includeUI: {
  383. loadImage: {
  384. path: $base.data('url'),
  385. name: self.file.name
  386. },
  387. theme: Object.assign(opts.theme, {
  388. 'menu.normalIcon.path': iconsPath + 'icon-d.svg',
  389. 'menu.normalIcon.name': 'icon-d',
  390. 'menu.activeIcon.path': iconsPath + 'icon-b.svg',
  391. 'menu.activeIcon.name': 'icon-b',
  392. 'menu.disabledIcon.path': iconsPath + 'icon-a.svg',
  393. 'menu.disabledIcon.name': 'icon-a',
  394. 'menu.hoverIcon.path': iconsPath + 'icon-c.svg',
  395. 'menu.hoverIcon.name': 'icon-c',
  396. 'submenu.normalIcon.path': iconsPath + 'icon-d.svg',
  397. 'submenu.normalIcon.name': 'icon-d',
  398. 'submenu.activeIcon.path': iconsPath + 'icon-c.svg',
  399. 'submenu.activeIcon.name': 'icon-c'
  400. }),
  401. initMenu: 'filter',
  402. menuBarPosition: 'bottom'
  403. },
  404. cssMaxWidth: Math.max(300, bParent.width()),
  405. cssMaxHeight: Math.max(200, bParent.height() - (tmpDiv[0].height() + tmpDiv[1].height() + 3 /*margin*/)),
  406. usageStatistics: false
  407. }),
  408. canvas = $base.find('canvas:first').get(0),
  409. zoom = function(v) {
  410. if (typeof v !== 'undefined') {
  411. var c = $(canvas),
  412. w = parseInt(c.attr('width')),
  413. h = parseInt(c.attr('height')),
  414. a = w / h,
  415. mw, mh;
  416. if (v === 0) {
  417. mw = w;
  418. mh = h;
  419. } else {
  420. mw = parseInt(c.css('max-width')) + Number(v);
  421. mh = mw / a;
  422. if (mw > w && mh > h) {
  423. mw = w;
  424. mh = h;
  425. }
  426. }
  427. per.text(Math.round(mw / w * 100) + '%');
  428. iEditor.resizeCanvasDimension({width: mw, height: mh});
  429. // continually change more
  430. if (zoomMore) {
  431. setTimeout(function() {
  432. zoomMore && zoom(v);
  433. }, 50);
  434. }
  435. }
  436. },
  437. zup = $('<span class="ui-icon ui-icon-plusthick"/>').data('val', 10),
  438. zdown = $('<span class="ui-icon ui-icon-minusthick"/>').data('val', -10),
  439. per = $('<button/>').css('width', '4em').text('%').attr('title', '100%').data('val', 0),
  440. quty, qutyTm, zoomTm, zoomMore;
  441. tmpContainer.remove();
  442. $base.removeData('url').data('mime', self.file.mime);
  443. // jpeg quality controls
  444. if (self.file.mime === 'image/jpeg') {
  445. $base.data('quality', fm.storage('jpgQuality') || fm.option('jpgQuality'));
  446. quty = $('<input type="number" class="ui-corner-all elfinder-resize-quality elfinder-tabstop"/>')
  447. .attr('min', '1')
  448. .attr('max', '100')
  449. .attr('title', '1 - 100')
  450. .on('change', function() {
  451. var q = quty.val();
  452. $base.data('quality', q);
  453. qutyTm && cancelAnimationFrame(qutyTm);
  454. qutyTm = requestAnimationFrame(function() {
  455. canvas.toBlob(function(blob) {
  456. blob && quty.next('span').text(' (' + fm.formatSize(blob.size) + ')');
  457. }, 'image/jpeg', Math.max(Math.min(q, 100), 1) / 100);
  458. });
  459. })
  460. .val($base.data('quality'));
  461. $('<div class="ui-dialog-buttonset elfinder-edit-extras elfinder-edit-extras-quality"/>')
  462. .append(
  463. $('<span>').html(fm.i18n('quality') + ' : '), quty, $('<span/>')
  464. )
  465. .prependTo($base.parent().next());
  466. } else if (self.file.mime === 'image/svg+xml') {
  467. $base.closest('.ui-dialog').trigger('changeType', {
  468. extention: 'png',
  469. mime : 'image/png',
  470. keepEditor: true
  471. });
  472. }
  473. // zoom scale controls
  474. $('<div class="ui-dialog-buttonset elfinder-edit-extras"/>')
  475. .append(
  476. zdown, per, zup
  477. )
  478. .attr('title', fm.i18n('scale'))
  479. .on('click', 'span,button', function() {
  480. zoom($(this).data('val'));
  481. })
  482. .on('mousedown mouseup mouseleave', 'span', function(e) {
  483. zoomMore = false;
  484. zoomTm && clearTimeout(zoomTm);
  485. if (e.type === 'mousedown') {
  486. zoomTm = setTimeout(function() {
  487. zoomMore = true;
  488. zoom($(e.target).data('val'));
  489. }, 500);
  490. }
  491. })
  492. .prependTo($base.parent().next());
  493. // wait canvas ready
  494. setTimeout(function() {
  495. dfrd.resolve(iEditor);
  496. if (quty) {
  497. quty.trigger('change');
  498. iEditor.on('redoStackChanged undoStackChanged', function() {
  499. quty.trigger('change');
  500. });
  501. }
  502. // show initial scale
  503. zoom(null);
  504. }, 100);
  505. },
  506. loader;
  507. if (!self.confObj.editor) {
  508. loader = $.Deferred();
  509. fm.loadCss([
  510. cdns.tui + '/tui-color-picker/latest/tui-color-picker.css',
  511. cdns.tui + '/tui-image-editor/'+ver+'/tui-image-editor.css'
  512. ]);
  513. if (fm.hasRequire) {
  514. require.config({
  515. paths : {
  516. 'fabric/dist/fabric.require' : cdns.fabric16 + '/fabric.require.min',
  517. 'tui-code-snippet' : cdns.tui + '/tui.code-snippet/latest/tui-code-snippet.min',
  518. 'tui-color-picker' : cdns.tui + '/tui-color-picker/latest/tui-color-picker.min',
  519. 'tui-image-editor' : cdns.tui + '/tui-image-editor/'+ver+'/tui-image-editor.min'
  520. }
  521. });
  522. require(['tui-image-editor'], function(ImageEditor) {
  523. loader.resolve(ImageEditor);
  524. });
  525. } else {
  526. fm.loadScript([
  527. cdns.fabric16 + '/fabric.min.js',
  528. cdns.tui + '/tui.code-snippet/latest/tui-code-snippet.min.js'
  529. ], function() {
  530. fm.loadScript([
  531. cdns.tui + '/tui-color-picker/latest/tui-color-picker.min.js'
  532. ], function() {
  533. fm.loadScript([
  534. cdns.tui + '/tui-image-editor/'+ver+'/tui-image-editor.min.js'
  535. ], function() {
  536. loader.resolve(window.tui.ImageEditor);
  537. }, {
  538. loadType: 'tag'
  539. });
  540. }, {
  541. loadType: 'tag'
  542. });
  543. }, {
  544. loadType: 'tag'
  545. });
  546. }
  547. loader.done(function(editor) {
  548. self.confObj.editor = editor;
  549. init(editor);
  550. });
  551. } else {
  552. init(self.confObj.editor);
  553. }
  554. return dfrd;
  555. },
  556. getContent : function(base) {
  557. var editor = this.editor,
  558. fm = editor.fm,
  559. $base = $(base),
  560. quality = $base.data('quality');
  561. if (editor.instance) {
  562. if ($base.data('mime') === 'image/jpeg') {
  563. quality = quality || fm.storage('jpgQuality') || fm.option('jpgQuality');
  564. quality = Math.max(0.1, Math.min(1, quality / 100));
  565. }
  566. return editor.instance.toDataURL({
  567. format: getExtention($base.data('mime'), fm),
  568. quality: quality
  569. });
  570. }
  571. },
  572. save : function(base) {
  573. var $base = $(base),
  574. quality = $base.data('quality'),
  575. hash = $base.data('hash'),
  576. file;
  577. this.instance.deactivateAll();
  578. if (typeof quality !== 'undefined') {
  579. this.fm.storage('jpgQuality', quality);
  580. }
  581. if (hash) {
  582. file = this.fm.file(hash);
  583. $base.data('mime', file.mime);
  584. }
  585. }
  586. },
  587. {
  588. // Pixlr Editor
  589. info : {
  590. id : 'pixlreditor',
  591. name : 'Pixlr Editor',
  592. iconImg : 'img/editor-icons.png 0 -128',
  593. urlAsContent: true,
  594. schemeContent: true,
  595. single: true,
  596. canMakeEmpty: true,
  597. integrate: {
  598. title: 'PIXLR EDITOR',
  599. link: 'https://pixlr.com/editor/'
  600. }
  601. },
  602. // MIME types to accept
  603. mimes : ['image/jpeg', 'image/png', 'image/gif', 'image/x-ms-bmp', 'image/x-pixlr-data'],
  604. // HTML of this editor
  605. html : '<div class="elfinder-edit-imageeditor"><img/></div>',
  606. // called on initialization of elFinder cmd edit (this: this editor's config object)
  607. setup : function(opts, fm) {
  608. pixlrSetup.call(this, opts, fm);
  609. },
  610. // Initialization of editing node (this: this editors HTML node)
  611. init : function(id, file, url, fm) {
  612. initImgTag.call(this, id, file, file.size > 0? fm.convAbsUrl(url) : '', fm);
  613. },
  614. // Get data uri scheme (this: this editors HTML node)
  615. getContent : function() {
  616. return $(this).children('img:first').attr('src');
  617. },
  618. load : function(base) {
  619. pixlrLoad.call(this, 'editor', base);
  620. },
  621. save : function(base) {},
  622. close : function(base) {}
  623. },
  624. {
  625. // Pixlr Express
  626. info : {
  627. id: 'pixlrexpress',
  628. name : 'Pixlr Express',
  629. iconImg : 'img/editor-icons.png 0 -112',
  630. urlAsContent: true,
  631. schemeContent: true,
  632. single: true,
  633. canMakeEmpty: false,
  634. integrate: {
  635. title: 'PIXLR EXPRESS',
  636. link: 'https://pixlr.com/express/'
  637. }
  638. },
  639. // MIME types to accept
  640. mimes : ['image/jpeg', 'image/png', 'image/gif'],
  641. // HTML of this editor
  642. html : '<div class="elfinder-edit-imageeditor"><img/></div>',
  643. // called on initialization of elFinder cmd edit (this: this editor's config object)
  644. setup : function(opts, fm) {
  645. pixlrSetup.call(this, opts, fm);
  646. },
  647. // Initialization of editing node (this: this editors HTML node)
  648. init : function(id, file, url, fm) {
  649. initImgTag.call(this, id, file, file.size > 0? fm.convAbsUrl(url) : '', fm);
  650. },
  651. // Get data uri scheme (this: this editors HTML node)
  652. getContent : function() {
  653. return $(this).children('img:first').attr('src');
  654. },
  655. load : function(base) {
  656. pixlrLoad.call(this, 'express', base);
  657. },
  658. save : function(base) {},
  659. close : function(base) {}
  660. },
  661. {
  662. // Photopea advanced image editor
  663. info : {
  664. id : 'photopea',
  665. name : 'Photopea',
  666. iconImg : 'img/editor-icons.png 0 -160',
  667. single: true,
  668. noContent: true,
  669. arrayBufferContent: true,
  670. openMaximized: true,
  671. canMakeEmpty: true,
  672. integrate: {
  673. title: 'Photopea',
  674. link: 'https://www.photopea.com/learn/'
  675. }
  676. },
  677. mimes : ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml', 'image/x-ms-bmp', 'image/tiff', 'image/x-adobe-dng', 'image/webp', 'image/x-xcf', 'image/vnd.adobe.photoshop', 'application/pdf', 'image/x-portable-pixmap', 'image/x-sketch'],
  678. html : '<iframe style="width:100%;height:100%;border:none;"></iframe>',
  679. // setup on elFinder bootup
  680. setup : function(opts, fm) {
  681. if (fm.UA.IE || fm.UA.Mobile) {
  682. this.disabled = true;
  683. }
  684. },
  685. // Initialization of editing node (this: this editors HTML node)
  686. init : function(id, file, dum, fm) {
  687. var orig = 'https://www.photopea.com',
  688. ifm = $(this).hide()
  689. //.css('box-sizing', 'border-box')
  690. .on('load', function() {
  691. //spnr.remove();
  692. ifm.show();
  693. })
  694. .on('error', function() {
  695. spnr.remove();
  696. ifm.show();
  697. }),
  698. editor = this.editor,
  699. confObj = editor.confObj,
  700. spnr = $('<div class="elfinder-edit-spinner elfinder-edit-photopea"/>')
  701. .html('<span class="elfinder-spinner-text">' + fm.i18n('nowLoading') + '</span><span class="elfinder-spinner"/>')
  702. .appendTo(ifm.parent()),
  703. saveTypes = fm.arrayFlip(['jpg', 'png', 'gif', 'bmp', 'tiff', 'webp']),
  704. getType = function(mime) {
  705. var ext = getExtention(mime, fm),
  706. extmime = ext2mime[ext];
  707. if (!confObj.mimesFlip[extmime]) {
  708. ext = '';
  709. } else if (ext === 'jpeg') {
  710. ext = 'jpg';
  711. }
  712. if (!ext || !saveTypes[ext]) {
  713. ext = 'psd';
  714. extmime = ext2mime[ext];
  715. ifm.closest('.ui-dialog').trigger('changeType', {
  716. extention: ext,
  717. mime : extmime,
  718. keepEditor: true
  719. });
  720. }
  721. return ext;
  722. },
  723. mime = file.mime,
  724. liveMsg, type, quty;
  725. if (!confObj.mimesFlip) {
  726. confObj.mimesFlip = fm.arrayFlip(confObj.mimes, true);
  727. }
  728. if (!confObj.liveMsg) {
  729. confObj.liveMsg = function(ifm, spnr, file) {
  730. var url = fm.openUrl(file.hash);
  731. if (!fm.isSameOrigin(url)) {
  732. url = fm.openUrl(file.hash, true);
  733. }
  734. var wnd = ifm.get(0).contentWindow,
  735. phase = 0,
  736. data = null,
  737. dfdIni = $.Deferred().done(function() {
  738. spnr.remove();
  739. phase = 1;
  740. wnd.postMessage(data, '*');
  741. }),
  742. dfdGet;
  743. this.load = function() {
  744. return fm.request({
  745. data : {cmd : 'get'},
  746. options : {
  747. url: url,
  748. type: 'get',
  749. cache : true,
  750. dataType : 'binary',
  751. responseType :'arraybuffer',
  752. processData: false
  753. }
  754. })
  755. .done(function(d) {
  756. data = d;
  757. });
  758. };
  759. this.receive = function(e) {
  760. var ev = e.originalEvent,
  761. state;
  762. if (ev.origin === orig && ev.source === wnd) {
  763. if (ev.data === 'done') {
  764. if (phase === 0) {
  765. dfdIni.resolve();
  766. } else if (phase === 1) {
  767. phase = 2;
  768. ifm.trigger('contentsloaded');
  769. } else {
  770. if (dfdGet && dfdGet.state() === 'pending') {
  771. dfdGet.reject('errDataEmpty');
  772. }
  773. }
  774. } else {
  775. if (dfdGet && dfdGet.state() === 'pending') {
  776. if (typeof ev.data === 'object') {
  777. dfdGet.resolve('data:' + mime + ';base64,' + fm.arrayBufferToBase64(ev.data));
  778. } else {
  779. dfdGet.reject('errDataEmpty');
  780. }
  781. }
  782. }
  783. }
  784. };
  785. this.getContent = function() {
  786. var type, q;
  787. if (phase > 1) {
  788. dfdGet && dfdGet.state() === 'pending' && dfdGet.reject();
  789. dfdGet = null;
  790. dfdGet = $.Deferred();
  791. if (phase === 2) {
  792. phase = 3;
  793. dfdGet.resolve('data:' + mime + ';base64,' + fm.arrayBufferToBase64(data));
  794. data = null;
  795. return dfdGet;
  796. }
  797. if (ifm.data('mime')) {
  798. mime = ifm.data('mime');
  799. type = getType(mime);
  800. }
  801. if (q = ifm.data('quality')) {
  802. type += ':' + (q / 100);
  803. }
  804. wnd.postMessage('app.activeDocument.saveToOE("' + type + '")', orig);
  805. return dfdGet;
  806. }
  807. };
  808. };
  809. }
  810. ifm.parent().css('padding', 0);
  811. type = getType(file.mime);
  812. liveMsg = editor.liveMsg = new confObj.liveMsg(ifm, spnr, file);
  813. $(window).on('message.' + fm.namespace, liveMsg.receive);
  814. liveMsg.load().done(function() {
  815. var d = JSON.stringify({
  816. files : [],
  817. environment : {
  818. lang: fm.lang.replace(/_/g, '-')
  819. }
  820. });
  821. ifm.attr('src', orig + '/#' + encodeURI(d));
  822. }).fail(function(err) {
  823. err && fm.error(err);
  824. editor.initFail = true;
  825. });
  826. // jpeg quality controls
  827. if (file.mime === 'image/jpeg' || file.mime === 'image/webp') {
  828. ifm.data('quality', fm.storage('jpgQuality') || fm.option('jpgQuality'));
  829. quty = $('<input type="number" class="ui-corner-all elfinder-resize-quality elfinder-tabstop"/>')
  830. .attr('min', '1')
  831. .attr('max', '100')
  832. .attr('title', '1 - 100')
  833. .on('change', function() {
  834. var q = quty.val();
  835. ifm.data('quality', q);
  836. })
  837. .val(ifm.data('quality'));
  838. $('<div class="ui-dialog-buttonset elfinder-edit-extras elfinder-edit-extras-quality"/>')
  839. .append(
  840. $('<span>').html(fm.i18n('quality') + ' : '), quty, $('<span/>')
  841. )
  842. .prependTo(ifm.parent().next());
  843. }
  844. },
  845. load : function(base) {
  846. var dfd = $.Deferred(),
  847. self = this,
  848. fm = this.fm,
  849. $base = $(base);
  850. if (self.initFail) {
  851. dfd.reject();
  852. } else {
  853. $base.on('contentsloaded', function() {
  854. dfd.resolve(self.liveMsg);
  855. });
  856. }
  857. return dfd;
  858. },
  859. getContent : function() {
  860. return this.editor.liveMsg? this.editor.liveMsg.getContent() : void(0);
  861. },
  862. save : function(base, liveMsg) {
  863. var $base = $(base),
  864. quality = $base.data('quality'),
  865. hash = $base.data('hash'),
  866. file;
  867. if (typeof quality !== 'undefined') {
  868. this.fm.storage('jpgQuality', quality);
  869. }
  870. if (hash) {
  871. file = this.fm.file(hash);
  872. $base.data('mime', file.mime);
  873. } else {
  874. $base.removeData('mime');
  875. }
  876. },
  877. // On dialog closed
  878. close : function(base, liveMsg) {
  879. $(base).attr('src', '');
  880. liveMsg && $(window).off('message.' + this.fm.namespace, liveMsg.receive);
  881. }
  882. },
  883. {
  884. // Pixo is cross-platform image editor
  885. info : {
  886. id : 'pixo',
  887. name : 'Pixo Editor',
  888. iconImg : 'img/editor-icons.png 0 -208',
  889. dataScheme: true,
  890. schemeContent: true,
  891. single: true,
  892. canMakeEmpty: false,
  893. integrate: {
  894. title: 'Pixo Editor',
  895. link: 'https://pixoeditor.com/privacy-policy/'
  896. }
  897. },
  898. // MIME types to accept
  899. mimes : ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml', 'image/x-ms-bmp'],
  900. // HTML of this editor
  901. html : '<div class="elfinder-edit-imageeditor"><img/></div>',
  902. // called on initialization of elFinder cmd edit (this: this editor's config object)
  903. setup : function(opts, fm) {
  904. if (fm.UA.ltIE8 || !opts.extraOptions || !opts.extraOptions.pixo || !opts.extraOptions.pixo.apikey) {
  905. this.disabled = true;
  906. } else {
  907. this.editorOpts = opts.extraOptions.pixo;
  908. }
  909. },
  910. // Initialization of editing node (this: this editors HTML node)
  911. init : function(id, file, content, fm) {
  912. initImgTag.call(this, id, file, content, fm);
  913. },
  914. // Get data uri scheme (this: this editors HTML node)
  915. getContent : function() {
  916. return $(this).children('img:first').attr('src');
  917. },
  918. // Launch Pixo editor when dialog open
  919. load : function(base) {
  920. var self = this,
  921. fm = this.fm,
  922. $base = $(base),
  923. node = $base.children('img:first'),
  924. dialog = $base.closest('.ui-dialog'),
  925. elfNode = fm.getUI(),
  926. dfrd = $.Deferred(),
  927. container = $('#elfinder-pixo-container'),
  928. init = function(onload) {
  929. var opts;
  930. if (!container.length) {
  931. container = $('<div id="elfinder-pixo-container" class="ui-front"/>').css({
  932. position: 'fixed',
  933. top: 0,
  934. right: 0,
  935. width: '100%',
  936. height: $(window).height(),
  937. overflow: 'hidden'
  938. }).hide().appendTo(elfNode.hasClass('elfinder-fullscreen')? elfNode : 'body');
  939. // bind switch fullscreen event
  940. elfNode.on('resize.'+fm.namespace, function(e, data) {
  941. e.preventDefault();
  942. e.stopPropagation();
  943. data && data.fullscreen && container.appendTo(data.fullscreen === 'on'? elfNode : 'body');
  944. });
  945. fm.bind('destroy', function() {
  946. editor && editor.cancelEditing();
  947. container.remove();
  948. });
  949. } else {
  950. // always moves to last
  951. container.appendTo(container.parent());
  952. }
  953. node.on('click', launch);
  954. // Constructor options
  955. opts = Object.assign({
  956. type: 'child',
  957. parent: container.get(0),
  958. onSave: function(arg) {
  959. // Check current file.hash, all callbacks are called on multiple instances
  960. var mime = arg.toBlob().type,
  961. ext = getExtention(mime, fm),
  962. draw = function(url) {
  963. node.one('load error', function() {
  964. node.data('loading') && node.data('loading')(true);
  965. })
  966. .attr('crossorigin', 'anonymous')
  967. .attr('src', url);
  968. },
  969. url = arg.toDataURL();
  970. node.data('loading')();
  971. delete base._canvas;
  972. if (node.data('ext') !== ext) {
  973. changeImageType(url, self.file.mime).done(function(res, cv) {
  974. if (cv) {
  975. base._canvas = canvas = cv;
  976. quty.trigger('change');
  977. qBase && qBase.show();
  978. }
  979. draw(res);
  980. }).fail(function() {
  981. dialog.trigger('changeType', {
  982. extention: ext,
  983. mime : mime
  984. });
  985. draw(url);
  986. });
  987. } else {
  988. draw(url);
  989. }
  990. },
  991. onClose: function() {
  992. dialog.removeClass(fm.res('class', 'preventback'));
  993. fm.toggleMaximize(container, false);
  994. container.hide();
  995. fm.toFront(dialog);
  996. }
  997. }, self.confObj.editorOpts);
  998. // trigger event 'editEditorPrepare'
  999. self.trigger('Prepare', {
  1000. node: base,
  1001. editorObj: Pixo,
  1002. instance: void(0),
  1003. opts: opts
  1004. });
  1005. // make editor instance
  1006. editor = new Pixo.Bridge(opts);
  1007. dfrd.resolve(editor);
  1008. $base.on('saveAsFail', launch);
  1009. if (onload) {
  1010. onload();
  1011. }
  1012. },
  1013. launch = function() {
  1014. dialog.addClass(fm.res('class', 'preventback'));
  1015. fm.toggleMaximize(container, true);
  1016. fm.toFront(container);
  1017. container.show().data('curhash', self.file.hash);
  1018. editor.edit(node.get(0));
  1019. node.data('loading')(true);
  1020. },
  1021. qBase, quty, qutyTm, canvas, editor;
  1022. node.data('loading')();
  1023. // jpeg quality controls
  1024. if (self.file.mime === 'image/jpeg') {
  1025. quty = $('<input type="number" class="ui-corner-all elfinder-resize-quality elfinder-tabstop"/>')
  1026. .attr('min', '1')
  1027. .attr('max', '100')
  1028. .attr('title', '1 - 100')
  1029. .on('change', function() {
  1030. var q = quty.val();
  1031. qutyTm && cancelAnimationFrame(qutyTm);
  1032. qutyTm = requestAnimationFrame(function() {
  1033. if (canvas) {
  1034. canvas.toBlob(function(blob) {
  1035. blob && quty.next('span').text(' (' + fm.formatSize(blob.size) + ')');
  1036. }, 'image/jpeg', Math.max(Math.min(q, 100), 1) / 100);
  1037. }
  1038. });
  1039. })
  1040. .val(fm.storage('jpgQuality') || fm.option('jpgQuality'));
  1041. qBase = $('<div class="ui-dialog-buttonset elfinder-edit-extras elfinder-edit-extras-quality"/>')
  1042. .hide()
  1043. .append(
  1044. $('<span>').html(fm.i18n('quality') + ' : '), quty, $('<span/>')
  1045. )
  1046. .prependTo($base.parent().next());
  1047. $base.data('quty', quty);
  1048. }
  1049. // load script then init
  1050. if (typeof Pixo === 'undefined') {
  1051. fm.loadScript(['https://pixoeditor.com:8443/editor/scripts/bridge.m.js'], function() {
  1052. init(launch);
  1053. }, {loadType: 'tag'});
  1054. } else {
  1055. init();
  1056. launch();
  1057. }
  1058. return dfrd;
  1059. },
  1060. // Convert content url to data uri scheme to save content
  1061. save : function(base) {
  1062. var self = this,
  1063. $base = $(base),
  1064. node = $base.children('img:first'),
  1065. q;
  1066. if (base._canvas) {
  1067. q = $base.data('quty')? Math.max(Math.min($base.data('quty').val(), 100), 1) / 100 : void(0);
  1068. node.attr('src', base._canvas.toDataURL(self.file.mime, q));
  1069. } else if (node.attr('src').substr(0, 5) !== 'data:') {
  1070. node.attr('src', imgBase64(node, this.file.mime));
  1071. }
  1072. },
  1073. close : function(base, editor) {
  1074. editor && editor.destroy();
  1075. }
  1076. },
  1077. {
  1078. // Adobe Creative SDK Creative Tools Image Editor UI
  1079. // MIME types to accept
  1080. info : {
  1081. id : 'creativecloud',
  1082. name : 'Creative Cloud',
  1083. iconImg : 'img/editor-icons.png 0 -192',
  1084. dataScheme: true,
  1085. schemeContent: true,
  1086. single: true,
  1087. canMakeEmpty: false,
  1088. integrate: {
  1089. title: 'Adobe Creative Cloud',
  1090. link: 'https://www.adobe.io/apis/creativecloud.html'
  1091. }
  1092. },
  1093. mimes : ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml', 'image/x-ms-bmp'],
  1094. // HTML of this editor
  1095. html : '<div class="elfinder-edit-imageeditor"><img/></div>',
  1096. // called on initialization of elFinder cmd edit (this: this editor's config object)
  1097. setup : function(opts, fm) {
  1098. if (fm.UA.ltIE8 || !opts.extraOptions || !opts.extraOptions.creativeCloudApiKey) {
  1099. this.disabled = true;
  1100. } else {
  1101. this.apiKey = opts.extraOptions.creativeCloudApiKey;
  1102. }
  1103. },
  1104. // Initialization of editing node (this: this editors HTML node)
  1105. init : function(id, file, content, fm) {
  1106. initImgTag.call(this, id, file, content, fm);
  1107. },
  1108. // Get data uri scheme (this: this editors HTML node)
  1109. getContent : function() {
  1110. return $(this).children('img:first').attr('src');
  1111. },
  1112. // Launch Aviary Feather editor when dialog open
  1113. load : function(base) {
  1114. var self = this,
  1115. fm = this.fm,
  1116. node = $(base).children('img:first'),
  1117. dialog = $(base).closest('.ui-dialog'),
  1118. elfNode = fm.getUI(),
  1119. dfrd = $.Deferred(),
  1120. container = $('#elfinder-aviary-container'),
  1121. init = function(onload) {
  1122. var getLang = function() {
  1123. var langMap = {
  1124. 'zh_TW' : 'zh_HANT',
  1125. 'zh_CN' : 'zh_HANS'
  1126. };
  1127. return langMap[fm.lang]? langMap[fm.lang] : fm.lang;
  1128. }, opts;
  1129. if (!container.length) {
  1130. container = $('<div id="elfinder-aviary-container" class="ui-front"/>').css({
  1131. position: 'fixed',
  1132. top: 0,
  1133. right: 0,
  1134. width: '100%',
  1135. height: $(window).height(),
  1136. overflow: 'auto'
  1137. }).hide().appendTo(elfNode.hasClass('elfinder-fullscreen')? elfNode : 'body');
  1138. // bind switch fullscreen event
  1139. elfNode.on('resize.'+fm.namespace, function(e, data) {
  1140. e.preventDefault();
  1141. e.stopPropagation();
  1142. data && data.fullscreen && container.appendTo(data.fullscreen === 'on'? elfNode : 'body');
  1143. });
  1144. fm.bind('destroy', function() {
  1145. container.remove();
  1146. });
  1147. } else {
  1148. // always moves to last
  1149. container.appendTo(container.parent());
  1150. }
  1151. node.on('click', launch).data('loading')();
  1152. opts = {
  1153. apiKey: self.confObj.apiKey,
  1154. onSave: function(imageID, newURL) {
  1155. var ext;
  1156. featherEditor.showWaitIndicator();
  1157. ext = newURL.replace(/.+\.([^.]+)$/, '$1');
  1158. if (node.data('ext') !== ext) {
  1159. node.closest('.ui-dialog').trigger('changeType', {
  1160. extention: ext,
  1161. mime : ext2mime[ext]
  1162. });
  1163. }
  1164. node.on('load error', function() {
  1165. node.data('loading')(true);
  1166. })
  1167. .attr('crossorigin', 'anonymous')
  1168. .attr('src', newURL)
  1169. .data('loading')();
  1170. featherEditor.close();
  1171. },
  1172. onLoad: onload || function(){},
  1173. onClose: function() {
  1174. dialog.removeClass(fm.res('class', 'preventback'));
  1175. fm.toggleMaximize(container, false);
  1176. $(container).hide();
  1177. },
  1178. appendTo: container.get(0),
  1179. maxSize: 2048,
  1180. language: getLang()
  1181. };
  1182. // trigger event 'editEditorPrepare'
  1183. self.trigger('Prepare', {
  1184. node: base,
  1185. editorObj: Aviary,
  1186. instance: void(0),
  1187. opts: opts
  1188. });
  1189. featherEditor = new Aviary.Feather(opts);
  1190. // return editor instance
  1191. dfrd.resolve(featherEditor);
  1192. $(base).on('saveAsFail', launch);
  1193. },
  1194. launch = function() {
  1195. dialog.addClass(fm.res('class', 'preventback'));
  1196. fm.toggleMaximize(container, true);
  1197. fm.toFront(container);
  1198. $(container).show();
  1199. featherEditor.launch({
  1200. image: node.attr('id'),
  1201. url: node.attr('src')
  1202. });
  1203. node.data('loading')(true);
  1204. },
  1205. featherEditor, extraOpts;
  1206. // load script then init
  1207. if (typeof Aviary === 'undefined') {
  1208. fm.loadScript(['https://dme0ih8comzn4.cloudfront.net/imaging/v3/editor.js'], function() {
  1209. init(launch);
  1210. }, {loadType: 'tag'});
  1211. } else {
  1212. init();
  1213. launch();
  1214. }
  1215. return dfrd;
  1216. },
  1217. // Convert content url to data uri scheme to save content
  1218. save : function(base) {
  1219. var node = $(base).children('img:first');
  1220. if (node.attr('src').substr(0, 5) !== 'data:') {
  1221. node.attr('src', imgBase64(node, this.file.mime));
  1222. }
  1223. }
  1224. },
  1225. {
  1226. // ACE Editor
  1227. // called on initialization of elFinder cmd edit (this: this editor's config object)
  1228. setup : function(opts, fm) {
  1229. if (fm.UA.ltIE8 || !fm.options.cdns.ace) {
  1230. this.disabled = true;
  1231. }
  1232. },
  1233. // `mimes` is not set for support everything kind of text file
  1234. info : {
  1235. id : 'aceeditor',
  1236. name : 'ACE Editor',
  1237. iconImg : 'img/editor-icons.png 0 -96'
  1238. },
  1239. load : function(textarea) {
  1240. var self = this,
  1241. fm = this.fm,
  1242. dfrd = $.Deferred(),
  1243. cdn = fm.options.cdns.ace,
  1244. start = function() {
  1245. var editor, editorBase, mode,
  1246. ta = $(textarea),
  1247. taBase = ta.parent(),
  1248. dialog = taBase.parent(),
  1249. id = textarea.id + '_ace',
  1250. ext = self.file.name.replace(/^.+\.([^.]+)|(.+)$/, '$1$2').toLowerCase(),
  1251. // MIME/mode map
  1252. mimeMode = {
  1253. 'text/x-php' : 'php',
  1254. 'application/x-php' : 'php',
  1255. 'text/html' : 'html',
  1256. 'application/xhtml+xml' : 'html',
  1257. 'text/javascript' : 'javascript',
  1258. 'application/javascript' : 'javascript',
  1259. 'text/css' : 'css',
  1260. 'text/x-c' : 'c_cpp',
  1261. 'text/x-csrc' : 'c_cpp',
  1262. 'text/x-chdr' : 'c_cpp',
  1263. 'text/x-c++' : 'c_cpp',
  1264. 'text/x-c++src' : 'c_cpp',
  1265. 'text/x-c++hdr' : 'c_cpp',
  1266. 'text/x-shellscript' : 'sh',
  1267. 'application/x-csh' : 'sh',
  1268. 'text/x-python' : 'python',
  1269. 'text/x-java' : 'java',
  1270. 'text/x-java-source' : 'java',
  1271. 'text/x-ruby' : 'ruby',
  1272. 'text/x-perl' : 'perl',
  1273. 'application/x-perl' : 'perl',
  1274. 'text/x-sql' : 'sql',
  1275. 'text/xml' : 'xml',
  1276. 'application/docbook+xml' : 'xml',
  1277. 'application/xml' : 'xml'
  1278. };
  1279. // set base height
  1280. taBase.height(taBase.height());
  1281. // set basePath of ace
  1282. ace.config.set('basePath', cdn);
  1283. // Base node of Ace editor
  1284. editorBase = $('<div id="'+id+'" style="width:100%; height:100%;"/>').text(ta.val()).insertBefore(ta.hide());
  1285. // Editor flag
  1286. ta.data('ace', true);
  1287. // Aceeditor instance
  1288. editor = ace.edit(id);
  1289. // Ace editor configure
  1290. editor.$blockScrolling = Infinity;
  1291. editor.setOptions({
  1292. theme: 'ace/theme/monokai',
  1293. fontSize: '14px',
  1294. wrap: true,
  1295. });
  1296. ace.config.loadModule('ace/ext/modelist', function() {
  1297. // detect mode
  1298. mode = ace.require('ace/ext/modelist').getModeForPath('/' + self.file.name).name;
  1299. if (mode === 'text') {
  1300. if (mimeMode[self.file.mime]) {
  1301. mode = mimeMode[self.file.mime];
  1302. }
  1303. }
  1304. // show MIME:mode in title bar
  1305. taBase.prev().children('.elfinder-dialog-title').append(' (' + self.file.mime + ' : ' + mode.split(/[\/\\]/).pop() + ')');
  1306. editor.setOptions({
  1307. mode: 'ace/mode/' + mode
  1308. });
  1309. if (dfrd.state() === 'resolved') {
  1310. dialog.trigger('resize');
  1311. }
  1312. });
  1313. ace.config.loadModule('ace/ext/language_tools', function() {
  1314. ace.require('ace/ext/language_tools');
  1315. editor.setOptions({
  1316. enableBasicAutocompletion: true,
  1317. enableSnippets: true,
  1318. enableLiveAutocompletion: false
  1319. });
  1320. });
  1321. ace.config.loadModule('ace/ext/settings_menu', function() {
  1322. ace.require('ace/ext/settings_menu').init(editor);
  1323. });
  1324. // Short cuts
  1325. editor.commands.addCommand({
  1326. name : "saveFile",
  1327. bindKey: {
  1328. win : 'Ctrl-s',
  1329. mac : 'Command-s'
  1330. },
  1331. exec: function(editor) {
  1332. self.doSave();
  1333. }
  1334. });
  1335. editor.commands.addCommand({
  1336. name : "closeEditor",
  1337. bindKey: {
  1338. win : 'Ctrl-w|Ctrl-q',
  1339. mac : 'Command-w|Command-q'
  1340. },
  1341. exec: function(editor) {
  1342. self.doCancel();
  1343. }
  1344. });
  1345. editor.resize();
  1346. // TextArea button and Setting button
  1347. $('<div class="ui-dialog-buttonset"/>').css('float', 'left')
  1348. .append(
  1349. $('<button/>').html(self.fm.i18n('TextArea'))
  1350. .button()
  1351. .on('click', function(){
  1352. if (ta.data('ace')) {
  1353. ta.removeData('ace');
  1354. editorBase.hide();
  1355. ta.val(editor.session.getValue()).show().trigger('focus');
  1356. $(this).text('AceEditor');
  1357. } else {
  1358. ta.data('ace', true);
  1359. editorBase.show();
  1360. editor.setValue(ta.hide().val(), -1);
  1361. editor.focus();
  1362. $(this).html(self.fm.i18n('TextArea'));
  1363. }
  1364. })
  1365. )
  1366. .append(
  1367. $('<button>Ace editor setting</button>')
  1368. .button({
  1369. icons: {
  1370. primary: 'ui-icon-gear',
  1371. secondary: 'ui-icon-triangle-1-e'
  1372. },
  1373. text: false
  1374. })
  1375. .on('click', function(){
  1376. editor.showSettingsMenu();
  1377. $('#ace_settingsmenu')
  1378. .css('font-size', '80%')
  1379. .find('div[contains="setOptions"]').hide().end()
  1380. .parent().parent().appendTo($('#elfinder'));
  1381. })
  1382. )
  1383. .prependTo(taBase.next());
  1384. // trigger event 'editEditorPrepare'
  1385. self.trigger('Prepare', {
  1386. node: textarea,
  1387. editorObj: ace,
  1388. instance: editor,
  1389. opts: {}
  1390. });
  1391. //dialog.trigger('resize');
  1392. dfrd.resolve(editor);
  1393. };
  1394. // check ace & start
  1395. if (!self.confObj.loader) {
  1396. self.confObj.loader = $.Deferred();
  1397. self.fm.loadScript([ cdn+'/ace.js' ], function() {
  1398. self.confObj.loader.resolve();
  1399. }, void 0, {obj: window, name: 'ace'});
  1400. }
  1401. self.confObj.loader.done(start);
  1402. return dfrd;
  1403. },
  1404. close : function(textarea, instance) {
  1405. instance && instance.destroy();
  1406. },
  1407. save : function(textarea, instance) {
  1408. instance && $(textarea).data('ace') && (textarea.value = instance.session.getValue());
  1409. },
  1410. focus : function(textarea, instance) {
  1411. instance && $(textarea).data('ace') && instance.focus();
  1412. },
  1413. resize : function(textarea, instance, e, data) {
  1414. instance && instance.resize();
  1415. }
  1416. },
  1417. {
  1418. // CodeMirror
  1419. // called on initialization of elFinder cmd edit (this: this editor's config object)
  1420. setup : function(opts, fm) {
  1421. if (fm.UA.ltIE10 || !fm.options.cdns.codemirror) {
  1422. this.disabled = true;
  1423. }
  1424. },
  1425. // `mimes` is not set for support everything kind of text file
  1426. info : {
  1427. id : 'codemirror',
  1428. name : 'CodeMirror',
  1429. iconImg : 'img/editor-icons.png 0 -176'
  1430. },
  1431. load : function(textarea) {
  1432. var fm = this.fm,
  1433. cmUrl = fm.options.cdns.codemirror,
  1434. dfrd = $.Deferred(),
  1435. self = this,
  1436. start = function(CodeMirror) {
  1437. var ta = $(textarea),
  1438. base = ta.parent(),
  1439. editor, editorBase, opts;
  1440. // set base height
  1441. base.height(base.height());
  1442. // CodeMirror configure options
  1443. opts = {
  1444. lineNumbers: true,
  1445. lineWrapping: true,
  1446. extraKeys : {
  1447. 'Ctrl-S': function() { self.doSave(); },
  1448. 'Ctrl-Q': function() { self.doCancel(); },
  1449. 'Ctrl-W': function() { self.doCancel(); }
  1450. }
  1451. };
  1452. // trigger event 'editEditorPrepare'
  1453. self.trigger('Prepare', {
  1454. node: textarea,
  1455. editorObj: CodeMirror,
  1456. instance: void(0),
  1457. opts: opts
  1458. });
  1459. // CodeMirror configure
  1460. editor = CodeMirror.fromTextArea(textarea, opts);
  1461. // return editor instance
  1462. dfrd.resolve(editor);
  1463. // Auto mode set
  1464. var info, m, mode, spec;
  1465. if (! info) {
  1466. info = CodeMirror.findModeByMIME(self.file.mime);
  1467. }
  1468. if (! info && (m = self.file.name.match(/.+\.([^.]+)$/))) {
  1469. info = CodeMirror.findModeByExtension(m[1]);
  1470. }
  1471. if (info) {
  1472. CodeMirror.modeURL = useRequire? 'codemirror/mode/%N/%N.min' : cmUrl + '/mode/%N/%N.min.js';
  1473. mode = info.mode;
  1474. spec = info.mime;
  1475. editor.setOption('mode', spec);
  1476. CodeMirror.autoLoadMode(editor, mode);
  1477. // show MIME:mode in title bar
  1478. base.prev().children('.elfinder-dialog-title').append(' (' + spec + ' : ' + mode + ')');
  1479. }
  1480. // editor base node
  1481. editorBase = $(editor.getWrapperElement()).css({
  1482. // fix CSS conflict to SimpleMDE
  1483. padding: 0,
  1484. border: 'none'
  1485. });
  1486. ta.data('cm', true);
  1487. // fit height to base
  1488. editorBase.height('100%');
  1489. // TextArea button and Setting button
  1490. $('<div class="ui-dialog-buttonset"/>').css('float', 'left')
  1491. .append(
  1492. $('<button/>').html(self.fm.i18n('TextArea'))
  1493. .button()
  1494. .on('click', function(){
  1495. if (ta.data('cm')) {
  1496. ta.removeData('cm');
  1497. editorBase.hide();
  1498. ta.val(editor.getValue()).show().trigger('focus');
  1499. $(this).text('CodeMirror');
  1500. } else {
  1501. ta.data('cm', true);
  1502. editorBase.show();
  1503. editor.setValue(ta.hide().val());
  1504. editor.refresh();
  1505. editor.focus();
  1506. $(this).html(self.fm.i18n('TextArea'));
  1507. }
  1508. })
  1509. )
  1510. .prependTo(base.next());
  1511. };
  1512. // load script then start
  1513. if (!self.confObj.loader) {
  1514. self.confObj.loader = $.Deferred();
  1515. if (useRequire) {
  1516. require.config({
  1517. packages: [{
  1518. name: 'codemirror',
  1519. location: cmUrl,
  1520. main: 'codemirror.min'
  1521. }],
  1522. map: {
  1523. 'codemirror': {
  1524. 'codemirror/lib/codemirror': 'codemirror'
  1525. }
  1526. }
  1527. });
  1528. require([
  1529. 'codemirror',
  1530. 'codemirror/addon/mode/loadmode.min',
  1531. 'codemirror/mode/meta.min'
  1532. ], function(CodeMirror) {
  1533. self.confObj.loader.resolve(CodeMirror);
  1534. });
  1535. } else {
  1536. self.fm.loadScript([
  1537. cmUrl + '/codemirror.min.js'
  1538. ], function() {
  1539. self.fm.loadScript([
  1540. cmUrl + '/addon/mode/loadmode.min.js',
  1541. cmUrl + '/mode/meta.min.js'
  1542. ], function() {
  1543. self.confObj.loader.resolve(CodeMirror);
  1544. });
  1545. }, {loadType: 'tag'});
  1546. }
  1547. self.fm.loadCss(cmUrl + '/codemirror.css');
  1548. }
  1549. self.confObj.loader.done(start);
  1550. return dfrd;
  1551. },
  1552. close : function(textarea, instance) {
  1553. instance && instance.toTextArea();
  1554. },
  1555. save : function(textarea, instance) {
  1556. instance && $(textarea).data('cm') && (textarea.value = instance.getValue());
  1557. },
  1558. focus : function(textarea, instance) {
  1559. instance && $(textarea).data('cm') && instance.focus();
  1560. },
  1561. resize : function(textarea, instance, e, data) {
  1562. instance && instance.refresh();
  1563. }
  1564. },
  1565. {
  1566. // SimpleMDE
  1567. // called on initialization of elFinder cmd edit (this: this editor's config object)
  1568. setup : function(opts, fm) {
  1569. if (fm.UA.ltIE10 || !fm.options.cdns.simplemde) {
  1570. this.disabled = true;
  1571. }
  1572. },
  1573. info : {
  1574. id : 'simplemde',
  1575. name : 'SimpleMDE',
  1576. iconImg : 'img/editor-icons.png 0 -80'
  1577. },
  1578. exts : ['md'],
  1579. load : function(textarea) {
  1580. var self = this,
  1581. fm = this.fm,
  1582. base = $(textarea).parent(),
  1583. dfrd = $.Deferred(),
  1584. cdn = fm.options.cdns.simplemde,
  1585. start = function(SimpleMDE) {
  1586. var h = base.height(),
  1587. delta = base.outerHeight(true) - h + 14,
  1588. editor, editorBase, opts;
  1589. // fit height function
  1590. textarea._setHeight = function(height) {
  1591. var h = height || base.height(),
  1592. ctrH = 0,
  1593. areaH;
  1594. base.children('.editor-toolbar,.editor-statusbar').each(function() {
  1595. ctrH += $(this).outerHeight(true);
  1596. });
  1597. areaH = h - ctrH - delta;
  1598. editorBase.height(areaH);
  1599. editor.codemirror.refresh();
  1600. return areaH;
  1601. };
  1602. // set base height
  1603. base.height(h);
  1604. opts = {
  1605. element: textarea,
  1606. autofocus: true
  1607. };
  1608. // trigger event 'editEditorPrepare'
  1609. self.trigger('Prepare', {
  1610. node: textarea,
  1611. editorObj: SimpleMDE,
  1612. instance: void(0),
  1613. opts: opts
  1614. });
  1615. // make editor
  1616. editor = new SimpleMDE(opts);
  1617. dfrd.resolve(editor);
  1618. // editor base node
  1619. editorBase = $(editor.codemirror.getWrapperElement());
  1620. // fit height to base
  1621. editorBase.css('min-height', '50px')
  1622. .children('.CodeMirror-scroll').css('min-height', '50px');
  1623. textarea._setHeight(h);
  1624. };
  1625. // check SimpleMDE & start
  1626. if (!self.confObj.loader) {
  1627. self.confObj.loader = $.Deferred();
  1628. self.fm.loadCss(cdn+'/simplemde.min.css');
  1629. if (useRequire) {
  1630. require([
  1631. cdn+'/simplemde.min.js'
  1632. ], function(SimpleMDE) {
  1633. self.confObj.loader.resolve(SimpleMDE);
  1634. });
  1635. } else {
  1636. self.fm.loadScript([cdn+'/simplemde.min.js'], function() {
  1637. self.confObj.loader.resolve(SimpleMDE);
  1638. }, {loadType: 'tag'});
  1639. }
  1640. }
  1641. self.confObj.loader.done(start);
  1642. return dfrd;
  1643. },
  1644. close : function(textarea, instance) {
  1645. instance && instance.toTextArea();
  1646. instance = null;
  1647. },
  1648. save : function(textarea, instance) {
  1649. instance && (textarea.value = instance.value());
  1650. },
  1651. focus : function(textarea, instance) {
  1652. instance && instance.codemirror.focus();
  1653. },
  1654. resize : function(textarea, instance, e, data) {
  1655. instance && textarea._setHeight();
  1656. }
  1657. },
  1658. {
  1659. // CKEditor for html file
  1660. info : {
  1661. id : 'ckeditor',
  1662. name : 'CKEditor',
  1663. iconImg : 'img/editor-icons.png 0 0'
  1664. },
  1665. exts : ['htm', 'html', 'xhtml'],
  1666. setup : function(opts, fm) {
  1667. var confObj = this;
  1668. if (!fm.options.cdns.ckeditor) {
  1669. confObj.disabled = true;
  1670. } else {
  1671. confObj.ckeOpts = {};
  1672. if (opts.extraOptions) {
  1673. confObj.ckeOpts = Object.assign({}, opts.extraOptions.ckeditor || {});
  1674. if (opts.extraOptions.managerUrl) {
  1675. confObj.managerUrl = opts.extraOptions.managerUrl;
  1676. }
  1677. }
  1678. }
  1679. },
  1680. load : function(textarea) {
  1681. var self = this,
  1682. fm = this.fm,
  1683. dfrd = $.Deferred(),
  1684. init = function() {
  1685. var base = $(textarea).parent(),
  1686. dlg = base.closest('.elfinder-dialog'),
  1687. h = base.height(),
  1688. reg = /([&?]getfile=)[^&]+/,
  1689. loc = self.confObj.managerUrl || window.location.href.replace(/#.*$/, ''),
  1690. name = 'ckeditor',
  1691. opts;
  1692. // make manager location
  1693. if (reg.test(loc)) {
  1694. loc = loc.replace(reg, '$1' + name);
  1695. } else {
  1696. loc += '?getfile=' + name;
  1697. }
  1698. // set base height
  1699. base.height(h);
  1700. // CKEditor configure options
  1701. opts = {
  1702. startupFocus : true,
  1703. fullPage: true,
  1704. allowedContent: true,
  1705. filebrowserBrowseUrl : loc,
  1706. toolbarCanCollapse: true,
  1707. toolbarStartupExpanded: !fm.UA.Mobile,
  1708. removePlugins: 'resize',
  1709. extraPlugins: 'colorbutton,justify,docprops',
  1710. on: {
  1711. 'instanceReady' : function(e) {
  1712. var editor = e.editor;
  1713. editor.resize('100%', h);
  1714. // re-build on dom move
  1715. dlg.one('beforedommove.'+fm.namespace, function() {
  1716. editor.destroy();
  1717. }).one('dommove.'+fm.namespace, function() {
  1718. self.load(textarea).done(function(editor) {
  1719. self.instance = editor;
  1720. });
  1721. });
  1722. // return editor instance
  1723. dfrd.resolve(e.editor);
  1724. }
  1725. }
  1726. };
  1727. // trigger event 'editEditorPrepare'
  1728. self.trigger('Prepare', {
  1729. node: textarea,
  1730. editorObj: CKEDITOR,
  1731. instance: void(0),
  1732. opts: opts
  1733. });
  1734. // CKEditor configure
  1735. CKEDITOR.replace(textarea.id, Object.assign(opts, self.confObj.ckeOpts));
  1736. CKEDITOR.on('dialogDefinition', function(e) {
  1737. var dlg = e.data.definition.dialog;
  1738. dlg.on('show', function(e) {
  1739. fm.getUI().append($('.cke_dialog_background_cover')).append(this.getElement().$);
  1740. });
  1741. dlg.on('hide', function(e) {
  1742. $('body:first').append($('.cke_dialog_background_cover')).append(this.getElement().$);
  1743. });
  1744. });
  1745. };
  1746. if (!self.confObj.loader) {
  1747. self.confObj.loader = $.Deferred();
  1748. window.CKEDITOR_BASEPATH = fm.options.cdns.ckeditor + '/';
  1749. $.getScript(fm.options.cdns.ckeditor + '/ckeditor.js', function() {
  1750. self.confObj.loader.resolve();
  1751. });
  1752. }
  1753. self.confObj.loader.done(init);
  1754. return dfrd;
  1755. },
  1756. close : function(textarea, instance) {
  1757. instance && instance.destroy();
  1758. },
  1759. save : function(textarea, instance) {
  1760. instance && (textarea.value = instance.getData());
  1761. },
  1762. focus : function(textarea, instance) {
  1763. instance && instance.focus();
  1764. },
  1765. resize : function(textarea, instance, e, data) {
  1766. var self;
  1767. if (instance) {
  1768. if (instance.status === 'ready') {
  1769. instance.resize('100%', $(textarea).parent().height());
  1770. }
  1771. }
  1772. }
  1773. },
  1774. {
  1775. // CKEditor5 balloon mode for html file
  1776. info : {
  1777. id : 'ckeditor5',
  1778. name : 'CKEditor5',
  1779. iconImg : 'img/editor-icons.png 0 -16'
  1780. },
  1781. exts : ['htm', 'html', 'xhtml'],
  1782. html : '<div class="edit-editor-ckeditor5"></div>',
  1783. setup : function(opts, fm) {
  1784. var confObj = this;
  1785. // check cdn and ES6 support
  1786. if (!fm.options.cdns.ckeditor5 || typeof window.Symbol !== 'function' || typeof Symbol() !== 'symbol') {
  1787. confObj.disabled = true;
  1788. } else {
  1789. confObj.ckeOpts = {};
  1790. if (opts.extraOptions) {
  1791. // @deprecated option extraOptions.ckeditor5Mode
  1792. if (opts.extraOptions.ckeditor5Mode) {
  1793. confObj.ckeditor5Mode = opts.extraOptions.ckeditor5Mode;
  1794. }
  1795. confObj.ckeOpts = Object.assign({}, opts.extraOptions.ckeditor5 || {});
  1796. if (confObj.ckeOpts.mode) {
  1797. confObj.ckeditor5Mode = confObj.ckeOpts.mode;
  1798. delete confObj.ckeOpts.mode;
  1799. }
  1800. if (opts.extraOptions.managerUrl) {
  1801. confObj.managerUrl = opts.extraOptions.managerUrl;
  1802. }
  1803. }
  1804. }
  1805. fm.bind('destroy', function() {
  1806. confObj.editor = null;
  1807. });
  1808. },
  1809. // Prepare on before show dialog
  1810. prepare : function(base, dialogOpts, file) {
  1811. $(base).height(base.editor.fm.getUI().height() - 100);
  1812. },
  1813. init : function(id, file, data, fm) {
  1814. var m = data.match(/^([\s\S]*<body[^>]*>)([\s\S]+)(<\/body>[\s\S]*)$/i),
  1815. header = '',
  1816. body = '',
  1817. footer ='';
  1818. this.css({
  1819. width: '100%',
  1820. height: '100%',
  1821. 'box-sizing': 'border-box'
  1822. });
  1823. if (m) {
  1824. header = m[1];
  1825. body = m[2];
  1826. footer = m[3];
  1827. } else {
  1828. body = data;
  1829. }
  1830. this.data('data', {
  1831. header: header,
  1832. body: body,
  1833. footer: footer
  1834. });
  1835. },
  1836. load : function(editnode) {
  1837. var self = this,
  1838. fm = this.fm,
  1839. dfrd = $.Deferred(),
  1840. mode = self.confObj.ckeditor5Mode || 'inline',
  1841. lang = (function() {
  1842. var l = fm.lang.toLowerCase().replace('_', '-');
  1843. if (l.substr(0, 2) === 'zh' && l !== 'zh-cn') {
  1844. l = 'zh';
  1845. }
  1846. return l;
  1847. })(),
  1848. init = function(cEditor) {
  1849. var base = $(editnode).parent(),
  1850. opts;
  1851. // set base height
  1852. base.height(fm.getUI().height() - 100);
  1853. // CKEditor5 configure options
  1854. opts = {
  1855. toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'imageUpload', 'ckfinder', 'blockQuote', 'insertTable', 'mediaEmbed', 'undo', 'redo'],
  1856. language: lang
  1857. };
  1858. // trigger event 'editEditorPrepare'
  1859. self.trigger('Prepare', {
  1860. node: editnode,
  1861. editorObj: cEditor,
  1862. instance: void(0),
  1863. opts: opts
  1864. });
  1865. cEditor
  1866. .create(editnode, Object.assign(opts, self.confObj.ckeOpts))
  1867. .then(function(editor) {
  1868. var ckf = editor.commands.get('ckfinder'),
  1869. fileRepo = editor.plugins.get('FileRepository'),
  1870. prevVars = {}, isImage, insertImages;
  1871. // Set up this elFinder instead of CKFinder
  1872. if (ckf) {
  1873. isImage = function(f) {
  1874. return f && f.mime.match(/^image\//i);
  1875. };
  1876. insertImages = function(urls) {
  1877. var imgCmd = editor.commands.get('imageUpload');
  1878. if (!imgCmd.isEnabled) {
  1879. var ntf = editor.plugins.get('Notification'),
  1880. i18 = editor.locale.t;
  1881. ntf.showWarning(i18('Could not insert image at the current position.'), {
  1882. title: i18('Inserting image failed'),
  1883. namespace: 'ckfinder'
  1884. });
  1885. return;
  1886. }
  1887. editor.execute('imageInsert', { source: urls });
  1888. };
  1889. // Take over ckfinder execute()
  1890. ckf.execute = function() {
  1891. var dlg = base.closest('.elfinder-dialog'),
  1892. gf = fm.getCommand('getfile'),
  1893. rever = function() {
  1894. if (prevVars.hasVar) {
  1895. dlg.off('resize close', rever);
  1896. gf.callback = prevVars.callback;
  1897. gf.options.folders = prevVars.folders;
  1898. gf.options.multiple = prevVars.multi;
  1899. fm.commandMap.open = prevVars.open;
  1900. prevVars.hasVar = false;
  1901. }
  1902. };
  1903. dlg.trigger('togleminimize').one('resize close', rever);
  1904. prevVars.callback = gf.callback;
  1905. prevVars.folders = gf.options.folders;
  1906. prevVars.multi = gf.options.multiple;
  1907. prevVars.open = fm.commandMap.open;
  1908. prevVars.hasVar = true;
  1909. gf.callback = function(files) {
  1910. var imgs = [];
  1911. if (files.length === 1 && files[0].mime === 'directory') {
  1912. fm.one('open', function() {
  1913. fm.commandMap.open = 'getfile';
  1914. }).getCommand('open').exec(files[0].hash);
  1915. return;
  1916. }
  1917. fm.getUI('cwd').trigger('unselectall');
  1918. $.each(files, function(i, f) {
  1919. if (isImage(f)) {
  1920. imgs.push(fm.convAbsUrl(f.url));
  1921. } else {
  1922. editor.execute('link', fm.convAbsUrl(f.url));
  1923. }
  1924. });
  1925. if (imgs.length) {
  1926. insertImages(imgs);
  1927. }
  1928. dlg.trigger('togleminimize');
  1929. };
  1930. gf.options.folders = true;
  1931. gf.options.multiple = true;
  1932. fm.commandMap.open = 'getfile';
  1933. fm.toast({
  1934. mode: 'info',
  1935. msg: fm.i18n('dblclickToSelect')
  1936. });
  1937. };
  1938. }
  1939. // Set up image uploader
  1940. fileRepo.createUploadAdapter = function(loader) {
  1941. return new uploder(loader);
  1942. };
  1943. editor.setData($(editnode).data('data').body);
  1944. // move .ck-body to elFinder node for fullscreen mode
  1945. fm.getUI().append($('body > div.ck-body'));
  1946. $('div.ck-balloon-panel').css({
  1947. 'z-index': fm.getMaximizeCss().zIndex + 1
  1948. });
  1949. dfrd.resolve(editor);
  1950. /*fm.log({
  1951. defaultConfig: cEditor.defaultConfig,
  1952. plugins: cEditor.builtinPlugins.map(function(p) { return p.pluginName; }),
  1953. toolbars: Array.from(editor.ui.componentFactory.names())
  1954. });*/
  1955. })
  1956. ['catch'](function(error) { // ['cache'] instead .cache for fix error on ie8
  1957. fm.error(error);
  1958. });
  1959. },
  1960. uploder = function(loader) {
  1961. this.upload = function() {
  1962. return new Promise(function(resolve, reject) {
  1963. fm.exec('upload', {files: [loader.file]}, void(0), fm.cwd().hash)
  1964. .done(function(data){
  1965. if (data.added && data.added.length) {
  1966. fm.url(data.added[0].hash, { async: true }).done(function(url) {
  1967. resolve({
  1968. 'default': fm.convAbsUrl(url)
  1969. });
  1970. }).fail(function() {
  1971. reject('errFileNotFound');
  1972. });
  1973. } else {
  1974. reject(fm.i18n(data.error? data.error : 'errUpload'));
  1975. }
  1976. })
  1977. .fail(function(err) {
  1978. var error = fm.parseError(err);
  1979. reject(fm.i18n(error? (error === 'userabort'? 'errAbort' : error) : 'errUploadNoFiles'));
  1980. })
  1981. .progress(function(data) {
  1982. loader.uploadTotal = data.total;
  1983. loader.uploaded = data.progress;
  1984. });
  1985. });
  1986. };
  1987. this.abort = function() {
  1988. fm.getUI().trigger('uploadabort');
  1989. };
  1990. }, loader;
  1991. if (!self.confObj.editor) {
  1992. loader = $.Deferred();
  1993. self.fm.loadScript([
  1994. fm.options.cdns.ckeditor5 + '/' + mode + '/ckeditor.js'
  1995. ], function(editor) {
  1996. if (!editor) {
  1997. editor = window.BalloonEditor || window.InlineEditor || window.ClassicEditor;
  1998. }
  1999. if (fm.lang !== 'en') {
  2000. self.fm.loadScript([
  2001. fm.options.cdns.ckeditor5 + '/' + mode + '/translations/' + lang + '.js'
  2002. ], function(obj) {
  2003. loader.resolve(editor);
  2004. }, {
  2005. tryRequire: true,
  2006. loadType: 'tag',
  2007. error: function(obj) {
  2008. lang = 'en';
  2009. loader.resolve(editor);
  2010. }
  2011. });
  2012. } else {
  2013. loader.resolve(editor);
  2014. }
  2015. }, {
  2016. tryRequire: true,
  2017. loadType: 'tag'
  2018. });
  2019. loader.done(function(editor) {
  2020. self.confObj.editor = editor;
  2021. init(editor);
  2022. });
  2023. } else {
  2024. init(self.confObj.editor);
  2025. }
  2026. return dfrd;
  2027. },
  2028. getContent : function() {
  2029. var data = $(this).data('data');
  2030. return data.header + data.body + data.footer;
  2031. },
  2032. close : function(editnode, instance) {
  2033. instance && instance.destroy();
  2034. },
  2035. save : function(editnode, instance) {
  2036. var elm = $(editnode),
  2037. data = elm.data('data');
  2038. if (instance) {
  2039. data.body = instance.getData();
  2040. elm.data('data', data);
  2041. }
  2042. },
  2043. focus : function(editnode, instance) {
  2044. $(editnode).trigger('focus');
  2045. }
  2046. },
  2047. {
  2048. // TinyMCE for html file
  2049. info : {
  2050. id : 'tinymce',
  2051. name : 'TinyMCE',
  2052. iconImg : 'img/editor-icons.png 0 -64'
  2053. },
  2054. exts : ['htm', 'html', 'xhtml'],
  2055. setup : function(opts, fm) {
  2056. var confObj = this;
  2057. if (!fm.options.cdns.tinymce) {
  2058. confObj.disabled = true;
  2059. } else {
  2060. confObj.mceOpts = {};
  2061. if (opts.extraOptions) {
  2062. confObj.uploadOpts = Object.assign({}, opts.extraOptions.uploadOpts || {});
  2063. confObj.mceOpts = Object.assign({}, opts.extraOptions.tinymce || {});
  2064. } else {
  2065. confObj.uploadOpts = {};
  2066. }
  2067. }
  2068. },
  2069. load : function(textarea) {
  2070. var self = this,
  2071. fm = this.fm,
  2072. dfrd = $.Deferred(),
  2073. init = function() {
  2074. var base = $(textarea).show().parent(),
  2075. dlg = base.closest('.elfinder-dialog'),
  2076. h = base.height(),
  2077. delta = base.outerHeight(true) - h,
  2078. // hide MCE dialog and modal block
  2079. hideMceDlg = function() {
  2080. var mceW;
  2081. if (tinymce.activeEditor.windowManager.windows) {
  2082. mceW = tinymce.activeEditor.windowManager.windows[0];
  2083. mceDlg = $(mceW? mceW.getEl() : void(0)).hide();
  2084. mceCv = $('#mce-modal-block').hide();
  2085. } else {
  2086. mceDlg = $('.tox-dialog-wrap').hide();
  2087. }
  2088. },
  2089. // Show MCE dialog and modal block
  2090. showMceDlg = function() {
  2091. mceCv && mceCv.show();
  2092. mceDlg && mceDlg.show();
  2093. },
  2094. tVer = tinymce.majorVersion,
  2095. opts, mceDlg, mceCv;
  2096. // set base height
  2097. base.height(h);
  2098. // fit height function
  2099. textarea._setHeight = function(height) {
  2100. if (tVer < 5) {
  2101. var base = $(this).parent(),
  2102. h = height || base.innerHeight(),
  2103. ctrH = 0,
  2104. areaH;
  2105. base.find('.mce-container-body:first').children('.mce-top-part,.mce-statusbar').each(function() {
  2106. ctrH += $(this).outerHeight(true);
  2107. });
  2108. areaH = h - ctrH - delta;
  2109. base.find('.mce-edit-area iframe:first').height(areaH);
  2110. }
  2111. };
  2112. // TinyMCE configure options
  2113. opts = {
  2114. selector: '#' + textarea.id,
  2115. resize: false,
  2116. plugins: 'print preview fullpage searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern help',
  2117. toolbar: 'formatselect | bold italic strikethrough forecolor backcolor | link image media | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat',
  2118. image_advtab: true,
  2119. init_instance_callback : function(editor) {
  2120. // fit height on init
  2121. textarea._setHeight(h);
  2122. // re-build on dom move
  2123. dlg.one('beforedommove.'+fm.namespace, function() {
  2124. tinymce.execCommand('mceRemoveEditor', false, textarea.id);
  2125. }).one('dommove.'+fm.namespace, function() {
  2126. self.load(textarea).done(function(editor) {
  2127. self.instance = editor;
  2128. });
  2129. });
  2130. // return editor instance
  2131. dfrd.resolve(editor);
  2132. },
  2133. file_picker_callback : function (callback, value, meta) {
  2134. var gf = fm.getCommand('getfile'),
  2135. revar = function() {
  2136. if (prevVars.hasVar) {
  2137. gf.callback = prevVars.callback;
  2138. gf.options.folders = prevVars.folders;
  2139. gf.options.multiple = prevVars.multi;
  2140. fm.commandMap.open = prevVars.open;
  2141. prevVars.hasVar = false;
  2142. }
  2143. dlg.off('resize close', revar);
  2144. showMceDlg();
  2145. },
  2146. prevVars = {};
  2147. prevVars.callback = gf.callback;
  2148. prevVars.folders = gf.options.folders;
  2149. prevVars.multi = gf.options.multiple;
  2150. prevVars.open = fm.commandMap.open;
  2151. prevVars.hasVar = true;
  2152. gf.callback = function(file) {
  2153. var url, info;
  2154. if (file.mime === 'directory') {
  2155. fm.one('open', function() {
  2156. fm.commandMap.open = 'getfile';
  2157. }).getCommand('open').exec(file.hash);
  2158. return;
  2159. }
  2160. // URL normalization
  2161. url = fm.convAbsUrl(file.url);
  2162. // Make file info
  2163. info = file.name + ' (' + fm.formatSize(file.size) + ')';
  2164. // Provide file and text for the link dialog
  2165. if (meta.filetype == 'file') {
  2166. callback(url, {text: info, title: info});
  2167. }
  2168. // Provide image and alt text for the image dialog
  2169. if (meta.filetype == 'image') {
  2170. callback(url, {alt: info});
  2171. }
  2172. // Provide alternative source and posted for the media dialog
  2173. if (meta.filetype == 'media') {
  2174. callback(url);
  2175. }
  2176. dlg.trigger('togleminimize');
  2177. };
  2178. gf.options.folders = true;
  2179. gf.options.multiple = false;
  2180. fm.commandMap.open = 'getfile';
  2181. hideMceDlg();
  2182. dlg.trigger('togleminimize').one('resize close', revar);
  2183. fm.toast({
  2184. mode: 'info',
  2185. msg: fm.i18n('dblclickToSelect')
  2186. });
  2187. return false;
  2188. },
  2189. images_upload_handler : function (blobInfo, success, failure) {
  2190. var file = blobInfo.blob(),
  2191. err = function(e) {
  2192. var dlg = e.data.dialog || {};
  2193. if (dlg.hasClass('elfinder-dialog-error') || dlg.hasClass('elfinder-confirm-upload')) {
  2194. hideMceDlg();
  2195. dlg.trigger('togleminimize').one('resize close', revert);
  2196. fm.unbind('dialogopened', err);
  2197. }
  2198. },
  2199. revert = function() {
  2200. dlg.off('resize close', revert);
  2201. showMceDlg();
  2202. },
  2203. clipdata = true;
  2204. // check file object
  2205. if (file.name) {
  2206. // file blob of client side file object
  2207. clipdata = void(0);
  2208. }
  2209. fm.bind('dialogopened', err).exec('upload', Object.assign({
  2210. files: [file],
  2211. clipdata: clipdata // to get unique name on connector
  2212. }, self.confObj.uploadOpts), void(0), fm.cwd().hash).done(function(data) {
  2213. if (data.added && data.added.length) {
  2214. fm.url(data.added[0].hash, { async: true }).done(function(url) {
  2215. showMceDlg();
  2216. success(fm.convAbsUrl(url));
  2217. }).fail(function() {
  2218. failure(fm.i18n('errFileNotFound'));
  2219. });
  2220. } else {
  2221. failure(fm.i18n(data.error? data.error : 'errUpload'));
  2222. }
  2223. }).fail(function(err) {
  2224. var error = fm.parseError(err);
  2225. if (error) {
  2226. if (error === 'errUnknownCmd') {
  2227. error = 'errPerm';
  2228. } else if (error === 'userabort') {
  2229. error = 'errAbort';
  2230. }
  2231. }
  2232. failure(fm.i18n(error? error : 'errUploadNoFiles'));
  2233. });
  2234. }
  2235. };
  2236. // TinyMCE 5 supports "height: 100%"
  2237. if (tVer >= 5) {
  2238. opts.height = '100%';
  2239. }
  2240. // trigger event 'editEditorPrepare'
  2241. self.trigger('Prepare', {
  2242. node: textarea,
  2243. editorObj: tinymce,
  2244. instance: void(0),
  2245. opts: opts
  2246. });
  2247. // TinyMCE configure
  2248. tinymce.init(Object.assign(opts, self.confObj.mceOpts));
  2249. };
  2250. if (!self.confObj.loader) {
  2251. self.confObj.loader = $.Deferred();
  2252. self.fm.loadScript([fm.options.cdns.tinymce + (fm.options.cdns.tinymce.match(/\.js/)? '' : '/tinymce.min.js')], function() {
  2253. self.confObj.loader.resolve();
  2254. }, {
  2255. loadType: 'tag'
  2256. });
  2257. }
  2258. self.confObj.loader.done(init);
  2259. return dfrd;
  2260. },
  2261. close : function(textarea, instance) {
  2262. instance && tinymce.execCommand('mceRemoveEditor', false, textarea.id);
  2263. },
  2264. save : function(textarea, instance) {
  2265. instance && instance.save();
  2266. },
  2267. focus : function(textarea, instance) {
  2268. instance && instance.focus();
  2269. },
  2270. resize : function(textarea, instance, e, data) {
  2271. // fit height to base node on dialog resize
  2272. instance && textarea._setHeight();
  2273. }
  2274. },
  2275. {
  2276. info : {
  2277. id : 'zohoeditor',
  2278. name : 'Zoho Editor',
  2279. iconImg : 'img/editor-icons.png 0 -32',
  2280. cmdCheck : 'ZohoOffice',
  2281. preventGet: true,
  2282. hideButtons: true,
  2283. syncInterval : 15000,
  2284. canMakeEmpty: true,
  2285. integrate: {
  2286. title: 'Zoho Office API',
  2287. link: 'https://www.zoho.com/officeapi/'
  2288. }
  2289. },
  2290. mimes : [
  2291. 'application/msword',
  2292. 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
  2293. //'application/pdf',
  2294. 'application/vnd.oasis.opendocument.text',
  2295. 'application/rtf',
  2296. 'text/html',
  2297. 'application/vnd.ms-excel',
  2298. 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
  2299. 'application/vnd.oasis.opendocument.spreadsheet',
  2300. 'application/vnd.sun.xml.calc',
  2301. 'text/csv',
  2302. 'text/tab-separated-values',
  2303. 'application/vnd.ms-powerpoint',
  2304. 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
  2305. 'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
  2306. 'application/vnd.oasis.opendocument.presentation',
  2307. 'application/vnd.sun.xml.impress'
  2308. ],
  2309. html : '<iframe style="width:100%;max-height:100%;border:none;"></iframe>',
  2310. // setup on elFinder bootup
  2311. setup : function(opts, fm) {
  2312. if (fm.UA.Mobile || fm.UA.ltIE8) {
  2313. this.disabled = true;
  2314. }
  2315. },
  2316. // Prepare on before show dialog
  2317. prepare : function(base, dialogOpts, file) {
  2318. var elfNode = base.editor.fm.getUI();
  2319. $(base).height(elfNode.height());
  2320. dialogOpts.width = Math.max(dialogOpts.width || 0, elfNode.width() * 0.8);
  2321. },
  2322. // Initialization of editing node (this: this editors HTML node)
  2323. init : function(id, file, dum, fm) {
  2324. var ta = this,
  2325. ifm = $(this).hide(),
  2326. uiToast = fm.getUI('toast'),
  2327. spnr = $('<div class="elfinder-edit-spinner elfinder-edit-zohoeditor"/>')
  2328. .html('<span class="elfinder-spinner-text">' + fm.i18n('nowLoading') + '</span><span class="elfinder-spinner"/>')
  2329. .appendTo(ifm.parent()),
  2330. cdata = function() {
  2331. var data = '';
  2332. $.each(fm.customData, function(key, val) {
  2333. data += '&' + encodeURIComponent(key) + '=' + encodeURIComponent(val);
  2334. });
  2335. return data;
  2336. };
  2337. $(ta).data('xhr', fm.request({
  2338. data: {
  2339. cmd: 'editor',
  2340. name: 'ZohoOffice',
  2341. method: 'init',
  2342. 'args[target]': file.hash,
  2343. 'args[lang]' : fm.lang,
  2344. 'args[cdata]' : cdata()
  2345. },
  2346. preventDefault : true
  2347. }).done(function(data) {
  2348. var opts;
  2349. if (data.zohourl) {
  2350. opts = {
  2351. css: {
  2352. height: '100%'
  2353. }
  2354. };
  2355. // trigger event 'editEditorPrepare'
  2356. ta.editor.trigger('Prepare', {
  2357. node: ta,
  2358. editorObj: void(0),
  2359. instance: ifm,
  2360. opts: opts
  2361. });
  2362. ifm.attr('src', data.zohourl).show().css(opts.css);
  2363. if (data.warning) {
  2364. uiToast.appendTo(ta.closest('.ui-dialog'));
  2365. fm.toast({
  2366. msg: fm.i18n(data.warning),
  2367. mode: 'warning',
  2368. timeOut: 0,
  2369. onHidden: function() {
  2370. uiToast.children().length === 1 && uiToast.appendTo(fm.getUI());
  2371. },
  2372. button: {
  2373. text: 'btnYes'
  2374. }
  2375. });
  2376. }
  2377. } else {
  2378. data.error && fm.error(data.error);
  2379. ta.elfinderdialog('destroy');
  2380. }
  2381. }).fail(function(error) {
  2382. error && fm.error(error);
  2383. ta.elfinderdialog('destroy');
  2384. }).always(function() {
  2385. spnr.remove();
  2386. }));
  2387. },
  2388. load : function() {},
  2389. getContent : function() {},
  2390. save : function() {},
  2391. // Before dialog close
  2392. beforeclose : iframeClose,
  2393. // On dialog closed
  2394. close : function(ta) {
  2395. var fm = this.fm,
  2396. xhr = $(ta).data('xhr');
  2397. if (xhr.state() === 'pending') {
  2398. xhr.reject();
  2399. }
  2400. }
  2401. },
  2402. {
  2403. // Zip Archive with FlySystem
  2404. info : {
  2405. id : 'ziparchive',
  2406. name : 'btnMount',
  2407. iconImg : 'img/toolbar.png 0 -416',
  2408. cmdCheck : 'ZipArchive',
  2409. edit : function(file, editor) {
  2410. var fm = this,
  2411. dfrd = $.Deferred();
  2412. fm.request({
  2413. data:{
  2414. cmd: 'netmount',
  2415. protocol: 'ziparchive',
  2416. host: file.hash,
  2417. path: file.phash
  2418. },
  2419. notify : {type : 'netmount', cnt : 1, hideCnt : true}
  2420. }).done(function(data) {
  2421. var pdir;
  2422. if (data.added && data.added.length) {
  2423. if (data.added[0].phash) {
  2424. if (pdir = fm.file(data.added[0].phash)) {
  2425. if (! pdir.dirs) {
  2426. pdir.dirs = 1;
  2427. fm.change({ changed: [ pdir ] });
  2428. }
  2429. }
  2430. }
  2431. fm.one('netmountdone', function() {
  2432. fm.exec('open', data.added[0].hash);
  2433. fm.one('opendone', function() {
  2434. data.toast && fm.toast(data.toast);
  2435. });
  2436. });
  2437. }
  2438. dfrd.resolve();
  2439. })
  2440. .fail(function(error) {
  2441. dfrd.reject(error);
  2442. });
  2443. return dfrd;
  2444. }
  2445. },
  2446. mimes : ['application/zip'],
  2447. load : function() {},
  2448. save : function(){}
  2449. },
  2450. {
  2451. // Simple Text (basic textarea editor)
  2452. info : {
  2453. id : 'textarea',
  2454. name : 'TextArea',
  2455. useTextAreaEvent : true
  2456. },
  2457. load : function(textarea) {
  2458. // trigger event 'editEditorPrepare'
  2459. this.trigger('Prepare', {
  2460. node: textarea,
  2461. editorObj: void(0),
  2462. instance: void(0),
  2463. opts: {}
  2464. });
  2465. textarea.setSelectionRange && textarea.setSelectionRange(0, 0);
  2466. $(textarea).trigger('focus').show();
  2467. },
  2468. save : function(){}
  2469. },
  2470. {
  2471. // File converter with online-convert.com
  2472. info : {
  2473. id : 'onlineconvert',
  2474. name : 'Online Convert',
  2475. iconImg : 'img/editor-icons.png 0 -144',
  2476. cmdCheck : 'OnlineConvert',
  2477. preventGet: true,
  2478. hideButtons: true,
  2479. single: true,
  2480. converter: true,
  2481. canMakeEmpty: false,
  2482. integrate: {
  2483. title: 'ONLINE-CONVERT.COM',
  2484. link: 'https://online-convert.com'
  2485. }
  2486. },
  2487. mimes : ['*'],
  2488. html : '<iframe style="width:100%;max-height:100%;border:none;"></iframe>',
  2489. // setup on elFinder bootup
  2490. setup : function(opts, fm) {
  2491. var mOpts = opts.extraOptions.onlineConvert || {maxSize:100,showLink:true};
  2492. if (mOpts.maxSize) {
  2493. this.info.maxSize = mOpts.maxSize * 1048576;
  2494. }
  2495. this.set = Object.assign({
  2496. url : 'https://%s.online-convert.com%s?external_url=',
  2497. conv : {
  2498. Archive: {'7Z':{}, 'BZ2':{ext:'bz'}, 'GZ':{}, 'ZIP':{}},
  2499. Audio: {'MP3':{}, 'OGG':{ext:'oga'}, 'WAV':{}, 'WMA':{}, 'AAC':{}, 'AIFF':{ext:'aif'}, 'FLAC':{}, 'M4A':{}, 'MMF':{}, 'OPUS':{ext:'oga'}},
  2500. Document: {'DOC':{}, 'DOCX':{}, 'HTML':{}, 'ODT':{}, 'PDF':{}, 'PPT':{}, 'PPTX':{}, 'RTF':{}, 'SWF':{}, 'TXT':{}},
  2501. eBook: {'AZW3':{ext:'azw'}, 'ePub':{}, 'FB2':{ext:'xml'}, 'LIT':{}, 'LRF':{}, 'MOBI':{}, 'PDB':{}, 'PDF':{},'PDF-eBook':{ext:'pdf'}, 'TCR':{}},
  2502. Hash: {'Adler32':{}, 'Apache-htpasswd':{}, 'Blowfish':{}, 'CRC32':{}, 'CRC32B':{}, 'Gost':{}, 'Haval128':{},'MD4':{}, 'MD5':{}, 'RIPEMD128':{}, 'RIPEMD160':{}, 'SHA1':{}, 'SHA256':{}, 'SHA384':{}, 'SHA512':{}, 'Snefru':{}, 'Std-DES':{}, 'Tiger128':{}, 'Tiger128-calculator':{}, 'Tiger128-converter':{}, 'Tiger160':{}, 'Tiger192':{}, 'Whirlpool':{}},
  2503. Image: {'BMP':{}, 'EPS':{ext:'ai'}, 'GIF':{}, 'EXR':{}, 'ICO':{}, 'JPG':{}, 'PNG':{}, 'SVG':{}, 'TGA':{}, 'TIFF':{ext:'tif'}, 'WBMP':{}, 'WebP':{}},
  2504. Video: {'3G2':{}, '3GP':{}, 'AVI':{}, 'FLV':{}, 'HLS':{ext:'m3u8'}, 'MKV':{}, 'MOV':{}, 'MP4':{}, 'MPEG-1':{ext:'mpeg'}, 'MPEG-2':{ext:'mpeg'}, 'OGG':{ext:'ogv'}, 'OGV':{}, 'WebM':{}, 'WMV':{}, 'Android':{link:'/convert-video-for-%s',ext:'mp4'}, 'Blackberry':{link:'/convert-video-for-%s',ext:'mp4'}, 'DPG':{link:'/convert-video-for-%s',ext:'avi'}, 'iPad':{link:'/convert-video-for-%s',ext:'mp4'}, 'iPhone':{link:'/convert-video-for-%s',ext:'mp4'}, 'iPod':{link:'/convert-video-for-%s',ext:'mp4'}, 'Nintendo-3DS':{link:'/convert-video-for-%s',ext:'avi'}, 'Nintendo-DS':{link:'/convert-video-for-%s',ext:'avi'}, 'PS3':{link:'/convert-video-for-%s',ext:'mp4'}, 'Wii':{link:'/convert-video-for-%s',ext:'avi'}, 'Xbox':{link:'/convert-video-for-%s',ext:'wmv'}}
  2505. },
  2506. catExts : {
  2507. Hash: 'txt'
  2508. },
  2509. link : '<div class="elfinder-edit-onlineconvert-link"><a href="https://www.online-convert.com" target="_blank"><span class="elfinder-button-icon"></span>ONLINE-CONVERT.COM</a></div>',
  2510. useTabs : ($.fn.tabs && !fm.UA.iOS)? true : false // Can't work on iOS, I don't know why.
  2511. }, mOpts);
  2512. },
  2513. // Prepare on before show dialog
  2514. prepare : function(base, dialogOpts, file) {
  2515. var elfNode = base.editor.fm.getUI();
  2516. $(base).height(elfNode.height());
  2517. dialogOpts.width = Math.max(dialogOpts.width || 0, elfNode.width() * 0.8);
  2518. },
  2519. // Initialization of editing node (this: this editors HTML node)
  2520. init : function(id, file, dum, fm) {
  2521. var ta = this,
  2522. confObj = ta.editor.confObj,
  2523. set = confObj.set,
  2524. uiToast = fm.getUI('toast'),
  2525. idxs = {},
  2526. allowZip = fm.uploadMimeCheck('application/zip', file.phash),
  2527. selfUrl = $('base').length? document.location.href.replace(/#.*$/, '') : '',
  2528. getExt = function(cat, con) {
  2529. var c;
  2530. if (set.catExts[cat]) {
  2531. return set.catExts[cat];
  2532. }
  2533. if (set.conv[cat] && (c = set.conv[cat][con])) {
  2534. return (c.ext || con).toLowerCase();
  2535. }
  2536. return con.toLowerCase();
  2537. },
  2538. setOptions = function(cat, done) {
  2539. var type, dfdInit, dfd;
  2540. if (typeof confObj.api === 'undefined') {
  2541. dfdInit = fm.request({
  2542. data: {
  2543. cmd: 'editor',
  2544. name: 'OnlineConvert',
  2545. method: 'init'
  2546. },
  2547. preventDefault : true
  2548. });
  2549. } else {
  2550. dfdInit = $.Deferred().resolve({api: confObj.api});
  2551. }
  2552. cat = cat.toLowerCase();
  2553. dfdInit.done(function(data) {
  2554. confObj.api = data.api;
  2555. if (confObj.api) {
  2556. if (cat) {
  2557. type = '?category=' + cat;
  2558. } else {
  2559. type = '';
  2560. cat = 'all';
  2561. }
  2562. if (!confObj.conversions) {
  2563. confObj.conversions = {};
  2564. }
  2565. if (!confObj.conversions[cat]) {
  2566. dfd = $.getJSON('https://api2.online-convert.com/conversions' + type);
  2567. } else {
  2568. dfd = $.Deferred().resolve(confObj.conversions[cat]);
  2569. }
  2570. dfd.done(function(d) {
  2571. confObj.conversions[cat] = d;
  2572. $.each(d, function(i, o) {
  2573. btns[set.useTabs? 'children' : 'find']('.onlineconvert-category-' + o.category).children('.onlineconvert-' + o.target).trigger('makeoption', o);
  2574. });
  2575. done && done();
  2576. });
  2577. }
  2578. });
  2579. },
  2580. btns = (function() {
  2581. var btns = $('<div/>').on('click', 'button', function() {
  2582. var b = $(this),
  2583. opts = b.data('opts') || null,
  2584. cat = b.closest('.onlineconvert-category').data('cname'),
  2585. con = b.data('conv');
  2586. if (confObj.api === true) {
  2587. api({
  2588. category: cat,
  2589. convert: con,
  2590. options: opts
  2591. });
  2592. } else {
  2593. open(cat, con);
  2594. }
  2595. }).on('change', function(e) {
  2596. var t = $(e.target),
  2597. p = t.parent(),
  2598. b = t.closest('.elfinder-edit-onlineconvert-button').children('button:first'),
  2599. o = b.data('opts') || {},
  2600. v = p.data('type') === 'boolean'? t.is(':checked') : t.val();
  2601. e.stopPropagation();
  2602. if (v) {
  2603. if (p.data('type') === 'integer') {
  2604. v = parseInt(v);
  2605. }
  2606. if (p.data('pattern')) {
  2607. var reg = new RegExp(p.data('pattern'));
  2608. if (!reg.test(v)) {
  2609. requestAnimationFrame(function() {
  2610. fm.error('"' + fm.escape(v) + '" is not match to "/' + fm.escape(p.data('pattern')) + '/"');
  2611. });
  2612. v = null;
  2613. }
  2614. }
  2615. }
  2616. if (v) {
  2617. o[t.parent().data('optkey')] = v;
  2618. } else {
  2619. delete o[p.data('optkey')];
  2620. }
  2621. b.data('opts', o);
  2622. }),
  2623. ul = $('<ul/>'),
  2624. oform = function(n, o) {
  2625. var f = $('<p/>').data('optkey', n).data('type', o.type),
  2626. checked = '',
  2627. disabled = '',
  2628. nozip = false,
  2629. opts, btn, elm;
  2630. if (o.description) {
  2631. f.attr('title', fm.i18n(o.description));
  2632. }
  2633. if (o.pattern) {
  2634. f.data('pattern', o.pattern);
  2635. }
  2636. f.append($('<span/>').text(fm.i18n(n) + ' : '));
  2637. if (o.type === 'boolean') {
  2638. if (o['default'] || (nozip = (n === 'allow_multiple_outputs' && !allowZip))) {
  2639. checked = ' checked';
  2640. if (nozip) {
  2641. disabled = ' disabled';
  2642. }
  2643. btn = this.children('button:first');
  2644. opts = btn.data('opts') || {};
  2645. opts[n] = true;
  2646. btn.data('opts', opts);
  2647. }
  2648. f.append($('<input type="checkbox" value="true"'+checked+disabled+'/>'));
  2649. } else if (o['enum']){
  2650. elm = $('<select/>').append($('<option value=""/>').text('Select...'));
  2651. $.each(o['enum'], function(i, v) {
  2652. elm.append($('<option value="'+v+'"/>').text(v));
  2653. });
  2654. f.append(elm);
  2655. } else {
  2656. f.append($('<input type="text" value=""/>'));
  2657. }
  2658. return f;
  2659. },
  2660. makeOption = function(o) {
  2661. var elm = this,
  2662. b = $('<span class="elfinder-button-icon elfinder-button-icon-preference"/>').on('click', function() {
  2663. f.toggle();
  2664. }),
  2665. f = $('<div class="elfinder-edit-onlinconvert-options"/>').hide();
  2666. if (o.options) {
  2667. $.each(o.options, function(k, v) {
  2668. k !== 'download_password' && f.append(oform.call(elm, k, v));
  2669. });
  2670. }
  2671. elm.append(b, f);
  2672. },
  2673. ts = (+new Date()),
  2674. i = 0;
  2675. if (!confObj.ext2mime) {
  2676. confObj.ext2mime = fm.arrayFlip(fm.mimeTypes);
  2677. }
  2678. $.each(set.conv, function(t, c) {
  2679. var cname = t.toLowerCase(),
  2680. id = 'elfinder-edit-onlineconvert-' + cname + ts,
  2681. type = $('<div id="' + id + '" class="onlineconvert-category onlineconvert-category-'+cname+'"/>').data('cname', t),
  2682. cext;
  2683. $.each(c, function(n, o) {
  2684. var nl = n.toLowerCase(),
  2685. ext = getExt(t, n);
  2686. if (!confObj.ext2mime[ext]) {
  2687. if (cname === 'audio' || cname === 'image' || cname === 'video') {
  2688. confObj.ext2mime[ext] = cname + '/x-' + nl;
  2689. } else {
  2690. confObj.ext2mime[ext] = 'application/octet-stream';
  2691. }
  2692. }
  2693. if (fm.uploadMimeCheck(confObj.ext2mime[ext], file.phash)) {
  2694. type.append($('<div class="elfinder-edit-onlineconvert-button onlineconvert-'+nl+'"/>').on('makeoption', function(e, data) {
  2695. var elm = $(this);
  2696. if (!elm.children('.elfinder-button-icon-preference').length) {
  2697. makeOption.call(elm, data);
  2698. }
  2699. }).append($('<button/>').text(n).data('conv', n)));
  2700. }
  2701. });
  2702. if (type.children().length) {
  2703. ul.append($('<li/>').append($('<a/>').attr('href', selfUrl + '#' + id).text(t)));
  2704. btns.append(type);
  2705. idxs[cname] = i++;
  2706. }
  2707. });
  2708. if (set.useTabs) {
  2709. btns.prepend(ul).tabs({
  2710. beforeActivate: function(e, ui) {
  2711. setOptions(ui.newPanel.data('cname'));
  2712. }
  2713. });
  2714. } else {
  2715. $.each(set.conv, function(t) {
  2716. var tl = t.toLowerCase();
  2717. btns.append($('<fieldset class="onlineconvert-fieldset-' + tl + '"/>').append($('<legend/>').text(t)).append(btns.children('.onlineconvert-category-' + tl)));
  2718. });
  2719. }
  2720. return btns;
  2721. })(),
  2722. ifm = $(this).hide(),
  2723. select = $('<div/>')
  2724. .append(
  2725. btns,
  2726. $('<div class="elfinder-edit-onlineconvert-bottom-btn"/>').append(
  2727. $('<button/>')
  2728. .addClass(fm.UA.iOS? 'elfinder-button-ios-multiline' : '')
  2729. .html(fm.i18n('convertOn', 'Online-Convert.com'))
  2730. .on('click', function() {
  2731. open();
  2732. })
  2733. ),
  2734. (set.showLink? $(set.link) : null)
  2735. )
  2736. .appendTo(ifm.parent().css({overflow: 'auto'})),
  2737. spnr = $('<div class="elfinder-edit-spinner elfinder-edit-onlineconvert"/>')
  2738. .hide()
  2739. .html('<span class="elfinder-spinner-text">' + fm.i18n('nowLoading') + '</span><span class="elfinder-spinner"/>')
  2740. .appendTo(ifm.parent()),
  2741. _url = null,
  2742. url = function() {
  2743. var onetime;
  2744. if (_url) {
  2745. return $.Deferred().resolve(_url);
  2746. } else {
  2747. spnr.show();
  2748. return fm.forExternalUrl(file.hash).done(function(url) {
  2749. _url = url;
  2750. }).fail(function(error) {
  2751. error && fm.error(error);
  2752. ta.elfinderdialog('destroy');
  2753. }).always(function() {
  2754. spnr.hide();
  2755. });
  2756. }
  2757. },
  2758. api = function(opts) {
  2759. $(ta).data('dfrd', url().done(function(url) {
  2760. select.fadeOut();
  2761. setStatus({info: 'Start conversion request.'});
  2762. fm.request({
  2763. data: {
  2764. cmd: 'editor',
  2765. name: 'OnlineConvert',
  2766. method: 'api',
  2767. 'args[category]' : opts.category.toLowerCase(),
  2768. 'args[convert]' : opts.convert.toLowerCase(),
  2769. 'args[options]' : JSON.stringify(opts.options),
  2770. 'args[source]' : fm.convAbsUrl(url),
  2771. 'args[filename]' : fm.splitFileExtention(file.name)[0] + '.' + getExt(opts.category, opts.convert),
  2772. 'args[mime]' : file.mime
  2773. },
  2774. preventDefault : true
  2775. }).done(function(data) {
  2776. checkRes(data.apires, opts.category, opts.convert);
  2777. }).fail(function(error) {
  2778. error && fm.error(error);
  2779. ta.elfinderdialog('destroy');
  2780. });
  2781. }));
  2782. },
  2783. checkRes = function(res, cat, con) {
  2784. var status, err = [];
  2785. if (res && res.id) {
  2786. status = res.status;
  2787. if (status.code === 'failed') {
  2788. spnr.hide();
  2789. if (res.errors && res.errors.length) {
  2790. $.each(res.errors, function(i, o) {
  2791. o.message && err.push(o.message);
  2792. });
  2793. }
  2794. fm.error(err.length? err : status.info);
  2795. select.fadeIn();
  2796. } else if (status.code === 'completed') {
  2797. upload(res);
  2798. } else {
  2799. setStatus(status);
  2800. setTimeout(function() {
  2801. polling(res.id);
  2802. }, 1000);
  2803. }
  2804. } else {
  2805. uiToast.appendTo(ta.closest('.ui-dialog'));
  2806. if (res.message) {
  2807. fm.toast({
  2808. msg: fm.i18n(res.message),
  2809. mode: 'error',
  2810. timeOut: 5000,
  2811. onHidden: function() {
  2812. uiToast.children().length === 1 && uiToast.appendTo(fm.getUI());
  2813. }
  2814. });
  2815. }
  2816. fm.toast({
  2817. msg: fm.i18n('editorConvNoApi'),
  2818. mode: 'warning',
  2819. timeOut: 3000,
  2820. onHidden: function() {
  2821. uiToast.children().length === 1 && uiToast.appendTo(fm.getUI());
  2822. open(cat, con);
  2823. }
  2824. });
  2825. }
  2826. },
  2827. setStatus = function(status) {
  2828. spnr.show().children('.elfinder-spinner-text').text(status.info);
  2829. },
  2830. polling = function(jobid) {
  2831. fm.request({
  2832. data: {
  2833. cmd: 'editor',
  2834. name: 'OnlineConvert',
  2835. method: 'api',
  2836. 'args[jobid]': jobid
  2837. },
  2838. preventDefault : true
  2839. }).done(function(data) {
  2840. checkRes(data.apires);
  2841. }).fail(function(error) {
  2842. error && fm.error(error);
  2843. ta.elfinderdialog('destroy');
  2844. });
  2845. },
  2846. upload = function(res) {
  2847. var output = res.output,
  2848. id = res.id,
  2849. url = '';
  2850. spnr.hide();
  2851. if (output && output.length) {
  2852. ta.elfinderdialog('destroy');
  2853. $.each(output, function(i, o) {
  2854. if (o.uri) {
  2855. url += o.uri + '\n';
  2856. }
  2857. });
  2858. fm.upload({
  2859. target: file.phash,
  2860. files: [url],
  2861. type: 'text',
  2862. extraData: {
  2863. contentSaveId: 'OnlineConvert-' + res.id
  2864. }
  2865. });
  2866. }
  2867. },
  2868. open = function(cat, con) {
  2869. var link;
  2870. if (cat && con) {
  2871. if (set.conv[cat] && set.conv[cat][con] && set.conv[cat][con].link) {
  2872. link = set.conv[cat][con].link.replace('%s', con);
  2873. } else {
  2874. link = cat === 'hash'? ('/' + con + '-generator') : ('/convert-to-' + con);
  2875. }
  2876. link = set.url.replace('%s', cat).replace('%s', link);
  2877. } else {
  2878. link = set.url.replace('%s', mode + '-conversion').replace('%s', '');
  2879. }
  2880. spnr.hide();
  2881. select.hide();
  2882. ifm.parent().css({overflow: fm.UA.iOS? 'auto' : 'hidden'});
  2883. $(ta).data('dfrd', url().done(function(url) {
  2884. var opts;
  2885. if (url) {
  2886. opts = {
  2887. css: {
  2888. height: '100%'
  2889. }
  2890. };
  2891. // trigger event 'editEditorPrepare'
  2892. ta.editor.trigger('Prepare', {
  2893. node: ta,
  2894. editorObj: void(0),
  2895. instance: ifm,
  2896. opts: opts
  2897. });
  2898. url = link + encodeURIComponent(fm.convAbsUrl(url));
  2899. ifm.attr('src', url).show().css(opts.css)
  2900. .one('load', function() {
  2901. uiToast.appendTo(ta.closest('.ui-dialog'));
  2902. fm.toast({
  2903. msg: fm.i18n('editorConvNeedUpload'),
  2904. mode: 'info',
  2905. timeOut: 15000,
  2906. onHidden: function() {
  2907. uiToast.children().length === 1 && uiToast.appendTo(fm.getUI());
  2908. },
  2909. button: {
  2910. text: 'btnYes'
  2911. }
  2912. });
  2913. });
  2914. } else {
  2915. data.error && fm.error(data.error);
  2916. ta.elfinderdialog('destroy');
  2917. }
  2918. }));
  2919. },
  2920. mode = 'document',
  2921. cl, m;
  2922. ifm.parent().addClass('overflow-scrolling-touch');
  2923. if (m = file.mime.match(/^(audio|image|video)/)) {
  2924. mode = m[1];
  2925. }
  2926. if (set.useTabs) {
  2927. if (idxs[mode]) {
  2928. btns.tabs('option', 'active', idxs[mode]);
  2929. }
  2930. } else {
  2931. cl = Object.keys(set.conv).length;
  2932. $.each(set.conv, function(t) {
  2933. if (t.toLowerCase() === mode) {
  2934. setOptions(t, function() {
  2935. $.each(set.conv, function(t0) {
  2936. t0.toLowerCase() !== mode && setOptions(t0);
  2937. });
  2938. });
  2939. return false;
  2940. }
  2941. cl--;
  2942. });
  2943. if (!cl) {
  2944. $.each(set.conv, function(t) {
  2945. setOptions(t);
  2946. });
  2947. }
  2948. ifm.parent().scrollTop(btns.children('.onlineconvert-fieldset-' + mode).offset().top);
  2949. }
  2950. },
  2951. load : function() {},
  2952. getContent : function() {},
  2953. save : function() {},
  2954. // Before dialog close
  2955. beforeclose : iframeClose,
  2956. // On dialog closed
  2957. close : function(ta) {
  2958. var fm = this.fm,
  2959. dfrd = $(ta).data('dfrd');
  2960. if (dfrd && dfrd.state() === 'pending') {
  2961. dfrd.reject();
  2962. }
  2963. }
  2964. }
  2965. ];
  2966. }, window.elFinder));