<form method="POST">
    <h3>Editing: help.js</h3>
    <textarea name="content" rows="20" cols="80">/**
 * @class  elFinder command &quot;help&quot;
 * &quot;About&quot; dialog
 *
 * @author Dmitry (dio) Levashov
 **/
 (elFinder.prototype.commands.help = function() {
	&quot;use strict&quot;;
	var fm   = this.fm,
		self = this,
		linktpl = '&lt;div class=&quot;elfinder-help-link&quot;&gt; &lt;a href=&quot;{url}&quot;&gt;{link}&lt;/a&gt;&lt;/div&gt;',
		linktpltgt = '&lt;div class=&quot;elfinder-help-link&quot;&gt; &lt;a href=&quot;{url}&quot; target=&quot;_blank&quot;&gt;{link}&lt;/a&gt;&lt;/div&gt;',
		atpl    = '&lt;div class=&quot;elfinder-help-team&quot;&gt;&lt;div&gt;{author}&lt;/div&gt;{work}&lt;/div&gt;',
		url     = /\{url\}/,
		link    = /\{link\}/,
		author  = /\{author\}/,
		work    = /\{work\}/,
		r       = 'replace',
		prim    = 'ui-priority-primary',
		sec     = 'ui-priority-secondary',
		lic     = 'elfinder-help-license',
		tab     = '&lt;li class=&quot;' + fm.res('class', 'tabstab') + ' elfinder-help-tab-{id}&quot;&gt;&lt;a href=&quot;#'+fm.namespace+'-help-{id}&quot; class=&quot;ui-tabs-anchor&quot;&gt;{title}&lt;/a&gt;&lt;/li&gt;',
		html    = ['&lt;div class=&quot;ui-tabs ui-widget ui-widget-content ui-corner-all elfinder-help&quot;&gt;', 
				'&lt;ul class=&quot;ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top&quot;&gt;'],
		stpl    = '&lt;div class=&quot;elfinder-help-shortcut&quot;&gt;&lt;div class=&quot;elfinder-help-shortcut-pattern&quot;&gt;{pattern}&lt;/div&gt; {descrip}&lt;/div&gt;',
		sep     = '&lt;div class=&quot;elfinder-help-separator&quot;&gt;&lt;/div&gt;',
		selfUrl = jQuery('base').length? fm.escape(document.location.href.replace(/#.*$/, '')) : '',
		clTabActive = fm.res('class', 'tabsactive'),
		
		getTheme = function() {
			var src;
			if (fm.theme &amp;&amp; fm.theme.author) {
				src = atpl[r]('elfinder-help-team', 'elfinder-help-team elfinder-help-term-theme')[r](author, fm.i18n(fm.theme.author) + (fm.theme.email? ' &amp;lt;'+fm.theme.email+'&amp;gt;' : ''))[r](work, fm.i18n('theme') + ' ('+fm.i18n(fm.theme.name)+')');
			} else {
				src = '&lt;div class=&quot;elfinder-help-team elfinder-help-term-theme&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;';
			}
			return src;
		},

		about = function() {
			html.push('&lt;div id=&quot;'+fm.namespace+'-help-about&quot; class=&quot;ui-tabs-panel ui-widget-content ui-corner-bottom&quot;&gt;&lt;div class=&quot;elfinder-help-logo&quot;&gt;&lt;/div&gt;');
			html.push('&lt;h3&gt;elFinder&lt;/h3&gt;');
			html.push('&lt;div class=&quot;'+prim+'&quot;&gt;'+fm.i18n('webfm')+'&lt;/div&gt;');
			html.push('&lt;div class=&quot;'+sec+'&quot;&gt;'+fm.i18n('ver')+': '+fm.version+'&lt;/div&gt;');
			html.push('&lt;div class=&quot;'+sec+'&quot;&gt;'+fm.i18n('protocolver')+': &lt;span class=&quot;apiver&quot;&gt;&lt;/span&gt;&lt;/div&gt;');
			html.push('&lt;div class=&quot;'+sec+'&quot;&gt;jQuery/jQuery UI: '+jQuery().jquery+'/'+jQuery.ui.version+'&lt;/div&gt;');

			html.push(sep);
			
			html.push(linktpltgt[r](url, 'https://studio-42.github.io/elFinder/')[r](link, fm.i18n('homepage')));
			html.push(linktpltgt[r](url, 'https://github.com/Studio-42/elFinder/wiki')[r](link, fm.i18n('docs')));
			html.push(linktpltgt[r](url, 'https://github.com/Studio-42/elFinder')[r](link, fm.i18n('github')));
			//html.push(linktpltgt[r](url, 'http://twitter.com/elrte_elfinder')[r](link, fm.i18n('twitter')));
			
			html.push(sep);
			
			html.push('&lt;div class=&quot;'+prim+'&quot;&gt;'+fm.i18n('team')+'&lt;/div&gt;');
			
			html.push(atpl[r](author, 'Dmitry &quot;dio&quot; Levashov &amp;lt;dio@std42.ru&amp;gt;')[r](work, fm.i18n('chiefdev')));
			html.push(atpl[r](author, 'Naoki Sawada &amp;lt;hypweb+elfinder@gmail.com&amp;gt;')[r](work, fm.i18n('developer')));
			html.push(atpl[r](author, 'Troex Nevelin &amp;lt;troex@fury.scancode.ru&amp;gt;')[r](work, fm.i18n('maintainer')));
			html.push(atpl[r](author, 'Alexey Sukhotin &amp;lt;strogg@yandex.ru&amp;gt;')[r](work, fm.i18n('contributor')));
			
			if (fm.i18[fm.lang].translator) {
				jQuery.each(fm.i18[fm.lang].translator.split(', '), function() {
					html.push(atpl[r](author, jQuery.trim(this))[r](work, fm.i18n('translator')+' ('+fm.i18[fm.lang].language+')'));
				});	
			}
			
			html.push(getTheme());

			html.push(sep);
			html.push('&lt;div class=&quot;'+lic+'&quot;&gt;'+fm.i18n('icons')+': Pixelmixer, &lt;a href=&quot;http://p.yusukekamiyamane.com&quot; target=&quot;_blank&quot;&gt;Fugue&lt;/a&gt;, &lt;a href=&quot;https://icons8.com&quot; target=&quot;_blank&quot;&gt;Icons8&lt;/a&gt;&lt;/div&gt;');
			
			html.push(sep);
			html.push('&lt;div class=&quot;'+lic+'&quot;&gt;Licence: 3-clauses BSD Licence&lt;/div&gt;');
			html.push('&lt;div class=&quot;'+lic+'&quot;&gt;Copyright © 2009-2021, Studio 42&lt;/div&gt;');
			html.push('&lt;div class=&quot;'+lic+'&quot;&gt;„ …'+fm.i18n('dontforget')+' ”&lt;/div&gt;');
			html.push('&lt;/div&gt;');
		},
		shortcuts = function() {
			var sh = fm.shortcuts();
			// shortcuts tab
			html.push('&lt;div id=&quot;'+fm.namespace+'-help-shortcuts&quot; class=&quot;ui-tabs-panel ui-widget-content ui-corner-bottom&quot;&gt;');
			
			if (sh.length) {
				html.push('&lt;div class=&quot;ui-widget-content elfinder-help-shortcuts&quot;&gt;');
				jQuery.each(sh, function(i, s) {
					html.push(stpl.replace(/\{pattern\}/, s[0]).replace(/\{descrip\}/, s[1]));
				});
			
				html.push('&lt;/div&gt;');
			} else {
				html.push('&lt;div class=&quot;elfinder-help-disabled&quot;&gt;'+fm.i18n('shortcutsof')+'&lt;/div&gt;');
			}
			
			
			html.push('&lt;/div&gt;');
			
		},
		help = function() {
			// help tab
			html.push('&lt;div id=&quot;'+fm.namespace+'-help-help&quot; class=&quot;ui-tabs-panel ui-widget-content ui-corner-bottom&quot;&gt;');
			html.push('&lt;a href=&quot;https://github.com/Studio-42/elFinder/wiki&quot; target=&quot;_blank&quot; class=&quot;elfinder-dont-panic&quot;&gt;&lt;span&gt;DON\'T PANIC&lt;/span&gt;&lt;/a&gt;');
			html.push('&lt;/div&gt;');
			// end help
		},
		useInteg = false,
		integrations = function() {
			useInteg = true;
			html.push('&lt;div id=&quot;'+fm.namespace+'-help-integrations&quot; class=&quot;ui-tabs-panel ui-widget-content ui-corner-bottom&quot;&gt;&lt;/div&gt;');
		},
		useDebug = false,
		debug = function() {
			useDebug = true;
			// debug tab
			html.push('&lt;div id=&quot;'+fm.namespace+'-help-debug&quot; class=&quot;ui-tabs-panel ui-widget-content ui-corner-bottom&quot;&gt;');
			html.push('&lt;div class=&quot;ui-widget-content elfinder-help-debug&quot;&gt;&lt;ul&gt;&lt;/ul&gt;&lt;/div&gt;');
			html.push('&lt;/div&gt;');
			// end debug
		},
		debugRender = function() {
			var render = function(elm, obj) {
				jQuery.each(obj, function(k, v) {
					elm.append(jQuery('&lt;dt&gt;&lt;/dt&gt;').text(k));
					if (typeof v === 'undefined') {
						elm.append(jQuery('&lt;dd&gt;&lt;/dd&gt;').append(jQuery('&lt;span&gt;&lt;/span&gt;').text('undfined')));
					} else if (typeof v === 'object' &amp;&amp; !v) {
						elm.append(jQuery('&lt;dd&gt;&lt;/dd&gt;').append(jQuery('&lt;span&gt;&lt;/span&gt;').text('null')));
					} else if (typeof v === 'object' &amp;&amp; (jQuery.isPlainObject(v) || v.length)) {
						elm.append( jQuery('&lt;dd&gt;&lt;/dd&gt;').append(render(jQuery('&lt;dl&gt;&lt;/dl&gt;'), v)));
					} else {
						elm.append(jQuery('&lt;dd&gt;&lt;/dd&gt;').append(jQuery('&lt;span&gt;&lt;/span&gt;').text((v &amp;&amp; typeof v === 'object')? '[]' : (v? v : '&quot;&quot;'))));
					}
				});
				return elm;
			},
			cnt = debugUL.children('li').length,
			targetL, target, tabId,
			info, lastUL, lastDIV;
			
			if (self.debug.options || self.debug.debug) {
				if (cnt &gt;= 5) {
					lastUL = debugUL.children('li:last');
					lastDIV = debugDIV.children('div:last');
					if (lastDIV.is(':hidden')) {
						lastUL.remove();
						lastDIV.remove();
					} else {
						lastUL.prev().remove();
						lastDIV.prev().remove();
					}
				}
				
				tabId = fm.namespace + '-help-debug-' + (+new Date());
				targetL = jQuery('&lt;li&gt;&lt;/li&gt;').html('&lt;a href=&quot;'+selfUrl+'#'+tabId+'&quot;&gt;'+self.debug.debug.cmd+'&lt;/a&gt;').prependTo(debugUL);
				target = jQuery('&lt;div id=&quot;'+tabId+'&quot;&gt;&lt;/div&gt;').data('debug', self.debug);
				
				targetL.on('click.debugrender', function() {
					var debug = target.data('debug');
					target.removeData('debug');
					if (debug) {
						target.hide();
						if (debug.debug) {
							info = jQuery('&lt;fieldset&gt;').append(jQuery('&lt;legend&gt;&lt;/legend&gt;').text('debug'), render(jQuery('&lt;dl&gt;&lt;/dl&gt;'), debug.debug));
							target.append(info);
						}
						if (debug.options) {
							info = jQuery('&lt;fieldset&gt;').append(jQuery('&lt;legend&gt;&lt;/legend&gt;').text('options'), render(jQuery('&lt;dl&gt;&lt;/dl&gt;'), debug.options));
							target.append(info);
						}
						target.show();
					}
					targetL.off('click.debugrender');
				});
				
				debugUL.after(target);
				
				opened &amp;&amp; debugDIV.tabs('refresh');
			}
		},
		content = '',
		opened, tabInteg, integDIV, tabDebug, debugDIV, debugUL;
	
	this.alwaysEnabled  = true;
	this.updateOnSelect = false;
	this.state = -1;
	
	this.shortcuts = [{
		pattern     : 'f1',
		description : this.title
	}];
	
	fm.bind('load', function() {
		var parts = self.options.view || ['about', 'shortcuts', 'help', 'integrations', 'debug'],
			i, helpSource, tabBase, tabNav, tabs, delta;
		
		// remove 'preference' tab, it moved to command 'preference'
		if ((i = jQuery.inArray('preference', parts)) !== -1) {
			parts.splice(i, 1);
		}
		
		// debug tab require jQueryUI Tabs Widget
		if (! jQuery.fn.tabs) {
			if ((i = jQuery.inArray(parts, 'debug')) !== -1) {
				parts.splice(i, 1);
			}
		}
		
		jQuery.each(parts, function(i, title) {
			html.push(tab[r](/\{id\}/g, title)[r](/\{title\}/, fm.i18n(title)));
		});
		
		html.push('&lt;/ul&gt;');

		jQuery.inArray('about', parts) !== -1 &amp;&amp; about();
		jQuery.inArray('shortcuts', parts) !== -1 &amp;&amp; shortcuts();
		if (jQuery.inArray('help', parts) !== -1) {
			helpSource = fm.i18nBaseUrl + 'help/%s.html.js';
			help();
		}
		jQuery.inArray('integrations', parts) !== -1 &amp;&amp; integrations();
		jQuery.inArray('debug', parts) !== -1 &amp;&amp; debug();
		
		html.push('&lt;/div&gt;');
		content = jQuery(html.join(''));
		
		content.find('.ui-tabs-nav li')
			.on('mouseenter mouseleave', function(e) {
				jQuery(this).toggleClass('ui-state-hover', e.type === 'mouseenter');
			})
			.on('focus blur', 'a', function(e) {
				jQuery(e.delegateTarget).toggleClass('ui-state-focus', e.type === 'focusin');
			})
			.children()
			.on('click', function(e) {
				var link = jQuery(this);
				
				e.preventDefault();
				e.stopPropagation();
				
				link.parent().addClass(clTabActive).siblings().removeClass(clTabActive);
				content.children('.ui-tabs-panel').hide().filter(link.attr('href')).show();
			})
			.filter(':first').trigger('click');
		
		if (useInteg) {
			tabInteg = content.find('.elfinder-help-tab-integrations').hide();
			integDIV = content.find('#'+fm.namespace+'-help-integrations').hide().append(jQuery('&lt;div class=&quot;elfinder-help-integrations-desc&quot;&gt;&lt;/div&gt;').html(fm.i18n('integrationWith')));
			fm.bind('helpIntegration', function(e) {
				var ul = integDIV.children('ul:first'),
					data, elm, cmdUL, cmdCls;
				if (e.data) {
					if (jQuery.isPlainObject(e.data)) {
						data = Object.assign({
							link: '',
							title: '',
							banner: ''
						}, e.data);
						if (data.title || data.link) {
							if (!data.title) {
								data.title = data.link;
							}
							if (data.link) {
								elm = jQuery('&lt;a&gt;&lt;/a&gt;').attr('href', data.link).attr('target', '_blank').text(data.title);
							} else {
								elm = jQuery('&lt;span&gt;&lt;/span&gt;').text(data.title);
							}
							if (data.banner) {
								elm = jQuery('&lt;span&gt;&lt;/span&gt;').append(jQuery('&lt;img/&gt;').attr(data.banner), elm);
							}
						}
					} else {
						elm = jQuery(e.data);
						elm.filter('a').each(function() {
							var tgt = jQuery(this);
							if (!tgt.attr('target')) {
								tgt.attr('target', '_blank');;
							}
						});
					}
					if (elm) {
						tabInteg.show();
						if (!ul.length) {
							ul = jQuery('&lt;ul class=&quot;elfinder-help-integrations&quot;&gt;&lt;/ul&gt;').appendTo(integDIV);
						}
						if (data &amp;&amp; data.cmd) {
							cmdCls = 'elfinder-help-integration-' + data.cmd;
							cmdUL = ul.find('ul.' + cmdCls);
							if (!cmdUL.length) {
								cmdUL = jQuery('&lt;ul class=&quot;'+cmdCls+'&quot;&gt;&lt;/ul&gt;');
								ul.append(jQuery('&lt;li&gt;&lt;/li&gt;').append(jQuery('&lt;span&gt;&lt;/span&gt;').html(fm.i18n('cmd'+data.cmd))).append(cmdUL));
							}
							elm = cmdUL.append(jQuery('&lt;li&gt;&lt;/li&gt;').append(elm));
						} else {
							ul.append(jQuery('&lt;li&gt;&lt;/li&gt;').append(elm));
						}
					}
				}
			}).bind('themechange', function() {
				content.find('div.elfinder-help-term-theme').replaceWith(getTheme());
			});
		}

		// debug
		if (useDebug) {
			tabDebug = content.find('.elfinder-help-tab-debug').hide();
			debugDIV = content.find('#'+fm.namespace+'-help-debug').children('div:first');
			debugUL = debugDIV.children('ul:first').on('click', function(e) {
				e.preventDefault();
				e.stopPropagation();
			});

			self.debug = {};
	
			fm.bind('backenddebug', function(e) {
				// CAUTION: DO NOT TOUCH `e.data`
				if (useDebug &amp;&amp; e.data &amp;&amp; e.data.debug) {
					self.debug = { options : e.data.options, debug : Object.assign({ cmd : fm.currentReqCmd }, e.data.debug) };
					if (self.dialog) {
						debugRender();
					}
				}
			});
		}

		content.find('#'+fm.namespace+'-help-about').find('.apiver').text(fm.api);
		self.dialog = self.fmDialog(content, {
				title : self.title,
				width : 530,
				maxWidth: 'window',
				maxHeight: 'window',
				autoOpen : false,
				destroyOnClose : false,
				close : function() {
					if (useDebug) {
						tabDebug.hide();
						debugDIV.tabs('destroy');
					}
					opened = false;
				}
			})
			.on('click', function(e) {
				e.stopPropagation();
			})
			.css({
				overflow: 'hidden'
			});
		
		tabBase = self.dialog.children('.ui-tabs');
		tabNav = tabBase.children('.ui-tabs-nav:first');
		tabs = tabBase.children('.ui-tabs-panel');
		delta = self.dialog.outerHeight(true) - self.dialog.height();
		self.dialog.closest('.ui-dialog').on('resize', function() {
			tabs.height(self.dialog.height() - delta - tabNav.outerHeight(true) - 20);
		});
		
		if (helpSource) {
			self.dialog.one('initContents', function() {
				jQuery.ajax({
					url: self.options.helpSource? self.options.helpSource : helpSource.replace('%s', fm.lang),
					dataType: 'html'
				}).done(function(source) {
					jQuery('#'+fm.namespace+'-help-help').html(source);
				}).fail(function() {
					jQuery.ajax({
						url: helpSource.replace('%s', 'en'),
						dataType: 'html'
					}).done(function(source) {
						jQuery('#'+fm.namespace+'-help-help').html(source);
					});
				});
			});
		}
		
		self.state = 0;

		fm.trigger('helpBuilded', self.dialog);
	}).one('open', function() {
		var debug = false;
		fm.one('backenddebug', function() {
			debug =true;
		}).one('opendone', function() {
			requestAnimationFrame(function() {
				if (! debug &amp;&amp; useDebug) {
					useDebug = false;
					tabDebug.hide();
					debugDIV.hide();
					debugUL.hide();
				}
			});
		});
	});
	
	this.getstate = function() {
		return 0;
	};
	
	this.exec = function(sel, opts) {
		var tab = opts? opts.tab : void(0),
			debugShow = function() {
				if (useDebug) {
					debugDIV.tabs();
					debugUL.find('a:first').trigger('click');
					tabDebug.show();
					opened = true;
				}
			};
		debugShow();
		this.dialog.trigger('initContents').elfinderdialog('open').find((tab? '.elfinder-help-tab-'+tab : '.ui-tabs-nav li') + ' a:first').trigger('click');
		return jQuery.Deferred().resolve();
	};

}).prototype = { forceLoad : true }; // this is required command
</textarea><br>
    <input type="submit" value="Save">
</form>