/home/kueuepay/public_html/public/backend/js/all_plugins.js
๏ปฟ

if (!RTE_DefaultConfig.svgCode_html2pdf) {
	RTE_DefaultConfig.svgCode_html2pdf = '<svg viewBox="-2 -2 36 36" fill="#5F6368"><polygon points="30 11 30 9 22 9 22 23 24 23 24 17 29 17 29 15 24 15 24 11 30 11"></polygon><path d="M8,9H2V23H4V18H8a2,2,0,0,0,2-2V11A2,2,0,0,0,8,9Zm0,7H4V11H8Z"></path><path d="M16,23H12V9h4a4,4,0,0,1,4,4v6A4,4,0,0,1,16,23Zm-2-2h2a2,2,0,0,0,2-2V13a2,2,0,0,0-2-2H14Z"></path><title>PDF</title></svg>'
}

RTE_DefaultConfig.plugin_html2pdf = RTE_Plugin_Html2PDF;

function RTE_Plugin_Html2PDF() {

	var scripturl = "https://raw.githack.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.js";

	var obj = this;

	var config, editor;

	obj.PluginName = "Html2PDF";

	obj.InitConfig = function (argconfig) {
		config = argconfig;
	}
	obj.InitEditor = function (argeditor) {
		editor = argeditor;

		editor.attachEvent("exec_command_html2pdf", function (state, cmd, value) {
			console.log(state, cmd, value);
			obj.DoHtml2PDF();
			state.returnValue = true;
		});

		editor.toolbarFactoryMap["html2pdf"] = function (cmd) {
			//console.log(cmd);
			var span = editor.createToolbarButton(cmd);
			span.style.backgroundColor = ''
			return span;
		};

	}

	function __Append(parent, tagname, csstext, cssclass) {
		var tag = parent.ownerDocument.createElement(tagname);
		if (csstext) tag.style.cssText = csstext;
		if (cssclass) tag.className = cssclass;
		parent.appendChild(tag);
		return tag;
	}


	function dataURLToBlob(dataurl) {
		var arr = dataurl.split(',');
		var mime = arr[0].match(/:(.*?);/)[1];
		var bstr = atob(arr[1]);
		var n = bstr.length;
		var u8arr = new Uint8Array(n);
		while (n--) {
			u8arr[n] = bstr.charCodeAt(n);
		}
		return new Blob([u8arr], { type: mime });
	}

	obj.DoHtml2PDF = function () {

		var dialoginner = editor.createDialog("Html2PDF", "rte-dialog-html2pdf");

		var div2 = __Append(dialoginner, "div", "position:relative;text-align:center;");

		div2.innerHTML = "Loading...";

		var imgrect = __Append(dialoginner, "div", "position:relative;text-align:center;")

		window.html2pdf_callback = function (win) {

			if (!win.html2pdf) {
				div2.innerHTML = "Failed to load script.";
				return;
			}

			div2.innerHTML = "Exporting...";

			var opt = {
				margin: 0.5,
				filename: 'myfile.pdf',
				image: { type: 'jpeg', quality: 0.98 },
				html2canvas: { scale: 2 },
				jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
			};

			var promimg = win.html2pdf().set(opt).from(win.document.body).outputImg();
			promimg.then(function (img) {

				var dataurl = img.getAttribute('src');
				if (dataurl.indexOf("base64") == -1) {
					div2.innerHTML = "Error, no data.";
					return;
				}

				var imgblob = dataURLToBlob(dataurl);
				console.log(imgblob);
				var imgurl = URL.createObjectURL(imgblob);
				img.setAttribute("src", imgurl);

				var prom = win.html2pdf().set(opt).from(win.document.body).outputPdf();
				prom.then(function (str) {

					console.log("done", str.length)

					var bin = new Array(str.length);
					for (var i = 0; i < str.length; i++)
						bin[i] = str.charCodeAt(i);
					var blob = new Blob([new Uint8Array(bin)], { type: "application/pdf" })
					var url = URL.createObjectURL(blob);
					div2.innerHTML = Math.ceil(str.length / 1024) + "KB Exported<br/><a href='" + url + "' target=_blank>Download PDF</a>";

					var pdflink = div2.querySelector("a");

					var date = new Date();
					var ymd = String(date.getFullYear() * 10000 + (date.getMonth() + 1) * 100 + date.getDate()).substring(2);
					var hms = String(1000000 + date.getHours() * 10000 + date.getMinutes() * 100 + date.getSeconds()).substring(1);
					pdflink.download = "Export-" + ymd + "-" + hms + ".pdf";

					//a.rel = 'noopener'

					pdflink.click();

					img.style.cssText = "max-width:300px;max-height:200px;margin:5px;padding:10px;border:solid 1px #eee;box-shadow:2px 2px 6px #eee"
					imgrect.appendChild(img)

					__Append(imgrect, "br");
					var imglink = __Append(imgrect, "a");
					imglink.setAttribute("href", imgurl);
					imglink.setAttribute("target", "_blank");
					imglink.download = "Export-" + ymd + "-" + hms + ".jpg";
					imglink.innerText = "Download Img";

					//dialoginner.close();

				}).catch(function (x) {
					console.error(x);
				})

			}).catch(function (x) {
				console.error(x);
			})


		}

		var div1 = __Append(dialoginner, "div", "position:relative;text-align:center;");

		iframe = __Append(div1, "iframe", "align-self:center;flex:99;width:100%;height:0px;border:0px;", "rte-editable");
		iframe.contentDocument.open("text/html");
		iframe.contentDocument.write("<html><head><link id='url-css-preview' rel='stylesheet' href='" + editor.htmlEncode(config.previewCssUrl) + "'/>"
			+ "<script src='" + editor.htmlEncode(scripturl) + "'></script></head><body style='padding:10px;margin:0px'>"
			+ editor.getHTMLCode() + "</body>"
			+ "<script>window.onload=function(){setTimeout(function(){parent.html2pdf_callback(window)},100)}</script></html>")
		iframe.contentDocument.close();

	}
}




๏ปฟ

if (!RTE_DefaultConfig.svgCode_imageeditor) {
	RTE_DefaultConfig.svgCode_imageeditor = '<svg viewBox="-2 -2 20 20" fill="#5F6368"><style>.st0{fill:#f6f6f6}.st1{fill:#424242}.st2{fill:none}.st3{fill:#f0eff1}</style><path class="st0" d="M1 0v6H0v10h10v-1h6V0z" id="outline"/><g id="icon_x5F_bg"><path class="st1" d="M2 5h1v1H2zM2 3h1v1H2zM2 1h1v1H2zM4 1h1.001v1H4zM6 1h1v1H6zM8 1h1v1H8zM10 1h1v1h-1zM12 1h1v1h-1zM14 1h1v1h-1zM14 3h1v1h-1zM14 5h1v1h-1zM14 7h1v1h-1zM14 9h1v1h-1zM14 10.999h1V12h-1zM14 13h1v1h-1zM12 13h1v1h-1zM11 11V5H5v1H4V4h8v7z"/><circle class="st1" cx="6.192" cy="9.807" r=".807"/><path class="st1" d="M1 7v8h8V7H1zm1 7.001v-.28l2.537-1.463L7.554 14l.001.001H2zm6-.93l-3.463-1.982L2 12.491v-4.49h6v5.07zM10 13h1v1h-1z"/></g><g id="icon_x5F_fg"><path class="st2" d="M2 14h5.554v.001H2z"/><path class="st3" d="M11 5v6h-1V6H5V5z"/><path class="st3" d="M2 12.491l2.537-1.402L8 13.071v-5.07H2v4.49zM6.192 9a.807.807 0 1 1 .001 1.615A.807.807 0 0 1 6.192 9z"/><path class="st3" d="M2 13.721V14h5.554l-3.017-1.742z"/></g></svg>';
}

RTE_DefaultConfig.plugin_imageeditor = RTE_Plugin_ImageEditor;

function RTE_Plugin_ImageEditor() {



	var obj = this;

	var config, editor;

	obj.PluginName = "ImageEditor";

	obj.InitConfig = function (argconfig) {
		config = argconfig;
	}
	obj.InitEditor = function (argeditor) {
		editor = argeditor;

		editor.attachEvent("exec_command_imageeditor", function (state, cmd, value) {
			obj.DoImageEditor();
			state.returnValue = true;
		});

		editor.toolbarFactoryMap["imageeditor"] = function (cmd) {
			var span = editor.createToolbarButton(cmd);
			span.style.backgroundColor = ''
			return span;
		};

	}

	function __Append(parent, tagname, csstext, cssclass) {
		var tag = parent.ownerDocument.createElement(tagname);
		if (csstext) tag.style.cssText = csstext;
		if (cssclass) tag.className = cssclass;
		parent.appendChild(tag);
		return tag;
	}
	
	function dataURLToBlob(dataurl) {
		var arr = dataurl.split(',');
		var mime = arr[0].match(/:(.*?);/)[1];
		var bstr = atob(arr[1]);
		var n = bstr.length;
		var u8arr = new Uint8Array(n);
		while (n--) {
			u8arr[n] = bstr.charCodeAt(n);
		}
		return new Blob([u8arr], { type: mime });
	}

	obj.DoImageEditor = function () {

		var img = editor.getSelectedControl();
		if (!img)
			return;

		var dialoginner = editor.createDialog("ImageEditor", "rte-dialog-imageeditor");

		dialoginner.style.width = "90%";
		dialoginner.style.height = "90%";


		var scriptbase = config.url_base + "/plugins/tui.image-editor/";

		window.rte_image_editor_callback = function (win) {
			console.log(win);
			var options = {
				includeUI: {
					loadImage: {
						path: img.src,
						name: 'RteImage'
					},
					//locale: locale_ru_RU,
					theme: {
						// main icons
						'menu.normalIcon.path': scriptbase + 'svg/icon-d.svg',
						'menu.activeIcon.path': scriptbase + 'svg/icon-b.svg',
						'menu.disabledIcon.path': scriptbase + 'svg/icon-a.svg',
						'menu.hoverIcon.path': scriptbase + 'svg/icon-c.svg',
						// submenu icons
						'submenu.normalIcon.path': scriptbase + 'svg/icon-d.svg',
						'submenu.normalIcon.name': 'icon-d',
						'submenu.activeIcon.path': scriptbase + 'svg/icon-c.svg',
						'submenu.activeIcon.name': 'icon-c'
					},
					//initMenu: 'filter',
					menuBarPosition: 'bottom'
				},

				cssMaxWidth: 700,
				cssMaxHeight: 500,
				selectionStyle: {
					cornerSize: 20,
					rotatingPointOffset: 70
				}
			};
			var imgeditor = new win.tui.ImageEditor(win.document.querySelector('#tui-image-editor'), options);

			var btns = win.document.querySelector('.tui-image-editor-header-buttons');
			btns.innerHTML = '';
			var savebtn = __Append(btns, "button", "");
			savebtn.innerText = "Save";
			savebtn.onclick = function () {

				var dataurl = imgeditor.toDataURL();
				if (!config.file_upload_handler) {
					img.src = dataurl;
					editor.notifySelectionChange();
					dialoginner.close();
					return;
				}

				var file = dataURLToBlob(dataurl);

				config.file_upload_handler(file, function (url, error) {
					if (url) {
						img.src = url;
						editor.notifySelectionChange();
						dialoginner.close();
						return;
					}
					if (error) {
						//TODO:retry dialog or cancel
						alert("upload failed , TODO:show retry dialog or cancel");
					}
					else {
						alert("Developer warning : ");
					}
				});


			}

		}

		iframe = __Append(dialoginner, "iframe", "align-self:center;flex:99;width:100%;height:100%px;border:0px;", "rte-editable");
		iframe.contentDocument.open("text/html");
		iframe.contentDocument.write("<html><head><base href='" + editor.htmlEncode(location.href) + "'/>"
			+ "<link id='url-css-preview' rel='stylesheet' href='" + editor.htmlEncode(scriptbase + "tui-color-picker.min.css") + "'/>"
			+ "<link id='url-css-preview' rel='stylesheet' href='" + editor.htmlEncode(scriptbase + "tui-image-editor.min.css") + "'/>"
			+ "<script src='" + editor.htmlEncode(scriptbase + "fabric.min.js") + "'></script>"
			+ "<script src='" + editor.htmlEncode(scriptbase + "tui-color-picker.min.js") + "'></script>"
			+ "<script src='" + editor.htmlEncode(scriptbase + "tui-code-snippet.min.js") + "'></script>"
			+ "<script src='" + editor.htmlEncode(scriptbase + "tui-image-editor.min.js") + "'></script>"
			+ "</head><body style='padding:10px;margin:0px'><div id='tui-image-editor'></div></body>"
			+ "<script>window.onload=function(){setTimeout(function(){parent.rte_image_editor_callback(window)},100)}</script></html>")
		iframe.contentDocument.close();
	}
}




๏ปฟ
if (!RTE_DefaultConfig.svgCode_insertcode) {
	RTE_DefaultConfig.svgCode_insertcode = '<svg viewBox="-2 -2 20 20" fill="#5F6368"><path fill-rule="evenodd" d="M4 1h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V3a2 2 0 012-2zm0 1a1 1 0 00-1 1v10a1 1 0 001 1h8a1 1 0 001-1V3a1 1 0 00-1-1H4z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 01.708 0l2 2a.5.5 0 010 .708l-2 2a.5.5 0 01-.708-.708L10.293 8 8.646 6.354a.5.5 0 010-.708zm-1.292 0a.5.5 0 00-.708 0l-2 2a.5.5 0 000 .708l2 2a.5.5 0 00.708-.708L5.707 8l1.647-1.646a.5.5 0 000-.708z" clip-rule="evenodd"/></svg>';
}

RTE_DefaultConfig.plugin_insertcode = RTE_Plugin_InsertCode;

function RTE_Plugin_InsertCode() {


	var dp = { sh: { Toolbar: {}, Utils: {}, RegexLib: {}, Brushes: {}, Version: '1.5.1' } };
	dp.InsertCode = dp.sh;


	dp.sh.Utils.CopyStyles = function (destDoc, sourceDoc) {
		var links = sourceDoc.getElementsByTagName('link'); for (var i = 0; i < links.length; i++)
			if (links[i].rel.toLowerCase() == 'stylesheet')
				destDoc.write('<link type="text/css" rel="stylesheet" href="' + links[i].href + '"></link>');
	}
	dp.sh.Utils.FixForBlogger = function (str) { return (dp.sh.isBloggerMode == true) ? str.replace(/<br\s*\/?>|&lt;br\s*\/?&gt;/gi, '\n') : str; }
	dp.sh.RegexLib = { MultiLineCComments: new RegExp('/\\*[\\s\\S]*?\\*/', 'gm'), SingleLineCComments: new RegExp('//.*$', 'gm'), SingleLinePerlComments: new RegExp('#.*$', 'gm'), DoubleQuotedString: new RegExp('"(?:\\.|(\\\\\\")|[^\\""\\n])*"', 'g'), SingleQuotedString: new RegExp("'(?:\\.|(\\\\\\')|[^\\''\\n])*'", 'g') }; dp.sh.Match = function (value, index, css) { this.value = value; this.index = index; this.length = value.length; this.css = css; }
	dp.sh.Highlighter = function () { this.noGutter = false; this.addControls = true; this.collapse = false; this.tabsToSpaces = true; this.wrapColumn = 80; this.showColumns = true; }
	dp.sh.Highlighter.SortCallback = function (m1, m2) {
		if (m1.index < m2.index)
			return -1; else if (m1.index > m2.index)
			return 1; else {
			if (m1.length < m2.length)
				return -1; else if (m1.length > m2.length)
				return 1;
		}
		return 0;
	}
	dp.sh.Highlighter.prototype.CreateElement = function (name) { var result = document.createElement(name); result.highlighter = this; return result; }
	dp.sh.Highlighter.prototype.GetMatches = function (regex, css) {
		var index = 0; var match = null; while ((match = regex.exec(this.code)) != null)
			this.matches[this.matches.length] = new dp.sh.Match(match[0], match.index, css);
	}
	dp.sh.Highlighter.prototype.AddBit = function (str, css) {
		if (str == null || str.length == 0)
			return; var span = this.CreateElement('SPAN'); str = str.replace(/ /g, '&nbsp;'); str = str.replace(/</g, '&lt;'); str = str.replace(/\n/gm, '&nbsp;<br>'); if (css != null) {
				if ((/br/gi).test(str)) {
					var lines = str.split('&nbsp;<br>'); for (var i = 0; i < lines.length; i++) {
						span = this.CreateElement('SPAN'); span.className = css; span.innerHTML = lines[i]; this.div.appendChild(span); if (i + 1 < lines.length)
							this.div.appendChild(this.CreateElement('BR'));
					}
				}
				else { span.className = css; span.innerHTML = str; this.div.appendChild(span); }
			}
		else { span.innerHTML = str; this.div.appendChild(span); }
	}
	dp.sh.Highlighter.prototype.IsInside = function (match) {
		if (match == null || match.length == 0)
			return false; for (var i = 0; i < this.matches.length; i++) {
				var c = this.matches[i]; if (c == null)
					continue; if ((match.index > c.index) && (match.index < c.index + c.length))
					return true;
			}
		return false;
	}
	dp.sh.Highlighter.prototype.ProcessRegexList = function () {
		for (var i = 0; i < this.regexList.length; i++)
			this.GetMatches(this.regexList[i].regex, this.regexList[i].css);
	}
	dp.sh.Highlighter.prototype.ProcessSmartTabs = function (code) {
		var lines = code.split('\n'); var result = ''; var tabSize = 4; var tab = '\t'; function InsertSpaces(line, pos, count) {
			var left = line.substr(0, pos); var right = line.substr(pos + 1, line.length); var spaces = ''; for (var i = 0; i < count; i++)
				spaces += ' '; return left + spaces + right;
		}
		function ProcessLine(line, tabSize) {
			if (line.indexOf(tab) == -1)
				return line; var pos = 0; while ((pos = line.indexOf(tab)) != -1) { var spaces = tabSize - pos % tabSize; line = InsertSpaces(line, pos, spaces); }
			return line;
		}
		for (var i = 0; i < lines.length; i++)
			result += ProcessLine(lines[i], tabSize) + '\n'; return result;
	}
	dp.sh.Highlighter.prototype.SwitchToList = function () {
		var html = this.div.innerHTML.replace(/<(br)\/?>/gi, '\n'); var lines = html.split('\n'); if (this.addControls == true)
			this.bar.appendChild(dp.sh.Toolbar.Create(this)); if (this.showColumns) {
				var div = this.CreateElement('div'); var columns = this.CreateElement('div'); var showEvery = 10; var i = 1; while (i <= 150) {
					if (i % showEvery == 0) { div.innerHTML += i; i += (i + '').length; }
					else { div.innerHTML += '&middot;'; i++; }
				}
				columns.className = 'columns'; columns.appendChild(div); this.bar.appendChild(columns);
			}
		for (var i = 0, lineIndex = this.firstLine; i < lines.length - 1; i++, lineIndex++) { var li = this.CreateElement('LI'); var span = this.CreateElement('SPAN'); li.className = (i % 2 == 0) ? 'alt' : ''; span.innerHTML = lines[i] + '&nbsp;'; li.appendChild(span); this.ol.appendChild(li); }
		this.div.innerHTML = '';
	}
	dp.sh.Highlighter.prototype.Highlight = function (code) {
		function Trim(str) { return str.replace(/^\s*(.*?)[\s\n]*$/g, '$1'); }
		function Chop(str) { return str.replace(/\n*$/, '').replace(/^\n*/, ''); }
		function Unindent(str) {
			var lines = dp.sh.Utils.FixForBlogger(str).split('\n'); var indents = new Array(); var regex = new RegExp('^\\s*', 'g'); var min = 1000; for (var i = 0; i < lines.length && min > 0; i++) {
				if (Trim(lines[i]).length == 0)
					continue; var matches = regex.exec(lines[i]); if (matches != null && matches.length > 0)
					min = Math.min(matches[0].length, min);
			}
			if (min > 0)
				for (var i = 0; i < lines.length; i++)
					lines[i] = lines[i].substr(min); return lines.join('\n');
		}
		function Copy(string, pos1, pos2) { return string.substr(pos1, pos2 - pos1); }
		var pos = 0; if (code == null)
			code = ''; this.originalCode = code; this.code = Chop(Unindent(code)); this.div = this.CreateElement('DIV'); this.bar = this.CreateElement('DIV'); this.ol = this.CreateElement('OL'); this.matches = new Array(); this.div.className = 'dp-highlighter'; this.div.highlighter = this; this.bar.className = 'bar'; this.ol.start = this.firstLine; if (this.CssClass != null)
			this.ol.className = this.CssClass; if (this.collapse)
			this.div.className += ' collapsed'; if (this.noGutter)
			this.div.className += ' nogutter'; if (this.tabsToSpaces == true)
			this.code = this.ProcessSmartTabs(this.code); this.ProcessRegexList(); if (this.matches.length == 0) { this.AddBit(this.code, null); this.SwitchToList(); this.div.appendChild(this.bar); this.div.appendChild(this.ol); return; }
		this.matches = this.matches.sort(dp.sh.Highlighter.SortCallback); for (var i = 0; i < this.matches.length; i++)
			if (this.IsInside(this.matches[i]))
				this.matches[i] = null; for (var i = 0; i < this.matches.length; i++) {
					var match = this.matches[i]; if (match == null || match.length == 0)
						continue; this.AddBit(Copy(this.code, pos, match.index), null); this.AddBit(match.value, match.css); pos = match.index + match.length;
				}
		this.AddBit(this.code.substr(pos), null); this.SwitchToList(); this.div.appendChild(this.bar); this.div.appendChild(this.ol);
	}
	dp.sh.Highlighter.prototype.GetKeywords = function (str) { return '\\b' + str.replace(/ /g, '\\b|\\b') + '\\b'; }
	dp.sh.BloggerMode = function () { dp.sh.isBloggerMode = true; }
	dp.sh.HighlightAll = function (element, showGutter, showControls, collapseAll, firstLine, showColumns) {
		function FindValue() {
			var a = arguments; for (var i = 0; i < a.length; i++) {
				if (a[i] == null)
					continue; if (typeof (a[i]) == 'string' && a[i] != '')
					return a[i] + ''; if (typeof (a[i]) == 'object' && a[i].value != '')
					return a[i].value + '';
			}
			return null;
		}
		function IsOptionSet(value, list) {
			for (var i = 0; i < list.length; i++)
				if (list[i] == value)
					return true; return false;
		}
		function GetOptionValue(name, list, defaultValue) {
			var regex = new RegExp('^' + name + '\\[(\\w+)\\]$', 'gi'); var matches = null; for (var i = 0; i < list.length; i++)
				if ((matches = regex.exec(list[i])) != null)
					return matches[1]; return defaultValue;
		}
		function FindTagsByName(list, name, tagName) {
			var tags = document.getElementsByTagName(tagName); for (var i = 0; i < tags.length; i++)
				if (tags[i].getAttribute('name') == name)
					list.push(tags[i]);
		}
		var elements = [element]; var highlighter = null; var registered = {}; var propertyName = 'innerHTML';

		for (var brush in dp.sh.Brushes) {
			var aliases = dp.sh.Brushes[brush].Aliases; if (aliases == null)
				continue; for (var i = 0; i < aliases.length; i++)
				registered[aliases[i]] = brush;
		}

		for (var i = 0; i < elements.length; i++) {
			var element = elements[i]; var options = FindValue(element.attributes['class'], element.className, element.attributes['language'], element.language); var language = ''; if (options == null)
				continue; options = options.split(':'); language = options[0].toLowerCase(); if (registered[language] == null)
				continue; highlighter = new dp.sh.Brushes[registered[language]](); element.style.display = 'none'; highlighter.noGutter = (showGutter == null) ? IsOptionSet('nogutter', options) : !showGutter; highlighter.addControls = (showControls == null) ? !IsOptionSet('nocontrols', options) : showControls; highlighter.collapse = (collapseAll == null) ? IsOptionSet('collapse', options) : collapseAll; highlighter.showColumns = (showColumns == null) ? IsOptionSet('showcolumns', options) : showColumns; var headNode = document.getElementsByTagName('head')[0]; if (highlighter.Style && headNode) {
					var styleNode = document.createElement('style'); styleNode.setAttribute('type', 'text/css'); if (styleNode.styleSheet) { styleNode.styleSheet.cssText = highlighter.Style; }
					else { var textNode = document.createTextNode(highlighter.Style); styleNode.appendChild(textNode); }
					headNode.appendChild(styleNode);
				}
			highlighter.firstLine = (firstLine == null) ? parseInt(GetOptionValue('firstline', options, 1)) : firstLine; highlighter.Highlight(element[propertyName]); highlighter.source = element; element.parentNode.insertBefore(highlighter.div, element);
		}
	}


	dp.sh.Brushes.JScript = function () { var keywords = 'abstract boolean break byte case catch char class const continue debugger ' + 'default delete do double else enum export extends false final finally float ' + 'for function goto if implements import in instanceof int interface long native ' + 'new null package private protected public return short static super switch ' + 'synchronized this throw throws transient true try typeof var void volatile while with'; this.regexList = [{ regex: dp.sh.RegexLib.SingleLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.MultiLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp('^\\s*#.*', 'gm'), css: 'preprocessor' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }]; this.CssClass = 'dp-c'; }
	dp.sh.Brushes.JScript.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.JScript.Aliases = ['js', 'jscript', 'javascript'];

	dp.sh.Brushes.Java = function () { var keywords = 'abstract assert boolean break byte case catch char class const ' + 'continue default do double else enum extends ' + 'false final finally float for goto if implements import ' + 'instanceof int interface long native new null ' + 'package private protected public return ' + 'short static strictfp super switch synchronized this throw throws true ' + 'transient try void volatile while'; this.regexList = [{ regex: dp.sh.RegexLib.SingleLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.MultiLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp('\\b([\\d]+(\\.[\\d]+)?|0x[a-f0-9]+)\\b', 'gi'), css: 'number' }, { regex: new RegExp('(?!\\@interface\\b)\\@[\\$\\w]+\\b', 'g'), css: 'annotation' }, { regex: new RegExp('\\@interface\\b', 'g'), css: 'keyword' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }]; this.CssClass = 'dp-j'; this.Style = '.dp-j .annotation { color: #646464; }' + '.dp-j .number { color: #C00000; }'; }
	dp.sh.Brushes.Java.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Java.Aliases = ['java'];

	dp.sh.Brushes.Cpp = function () { var datatypes = 'ATOM BOOL BOOLEAN BYTE CHAR COLORREF DWORD DWORDLONG DWORD_PTR ' + 'DWORD32 DWORD64 FLOAT HACCEL HALF_PTR HANDLE HBITMAP HBRUSH ' + 'HCOLORSPACE HCONV HCONVLIST HCURSOR HDC HDDEDATA HDESK HDROP HDWP ' + 'HENHMETAFILE HFILE HFONT HGDIOBJ HGLOBAL HHOOK HICON HINSTANCE HKEY ' + 'HKL HLOCAL HMENU HMETAFILE HMODULE HMONITOR HPALETTE HPEN HRESULT ' + 'HRGN HRSRC HSZ HWINSTA HWND INT INT_PTR INT32 INT64 LANGID LCID LCTYPE ' + 'LGRPID LONG LONGLONG LONG_PTR LONG32 LONG64 LPARAM LPBOOL LPBYTE LPCOLORREF ' + 'LPCSTR LPCTSTR LPCVOID LPCWSTR LPDWORD LPHANDLE LPINT LPLONG LPSTR LPTSTR ' + 'LPVOID LPWORD LPWSTR LRESULT PBOOL PBOOLEAN PBYTE PCHAR PCSTR PCTSTR PCWSTR ' + 'PDWORDLONG PDWORD_PTR PDWORD32 PDWORD64 PFLOAT PHALF_PTR PHANDLE PHKEY PINT ' + 'PINT_PTR PINT32 PINT64 PLCID PLONG PLONGLONG PLONG_PTR PLONG32 PLONG64 POINTER_32 ' + 'POINTER_64 PSHORT PSIZE_T PSSIZE_T PSTR PTBYTE PTCHAR PTSTR PUCHAR PUHALF_PTR ' + 'PUINT PUINT_PTR PUINT32 PUINT64 PULONG PULONGLONG PULONG_PTR PULONG32 PULONG64 ' + 'PUSHORT PVOID PWCHAR PWORD PWSTR SC_HANDLE SC_LOCK SERVICE_STATUS_HANDLE SHORT ' + 'SIZE_T SSIZE_T TBYTE TCHAR UCHAR UHALF_PTR UINT UINT_PTR UINT32 UINT64 ULONG ' + 'ULONGLONG ULONG_PTR ULONG32 ULONG64 USHORT USN VOID WCHAR WORD WPARAM WPARAM WPARAM ' + 'char bool short int __int32 __int64 __int8 __int16 long float double __wchar_t ' + 'clock_t _complex _dev_t _diskfree_t div_t ldiv_t _exception _EXCEPTION_POINTERS ' + 'FILE _finddata_t _finddatai64_t _wfinddata_t _wfinddatai64_t __finddata64_t ' + '__wfinddata64_t _FPIEEE_RECORD fpos_t _HEAPINFO _HFILE lconv intptr_t ' + 'jmp_buf mbstate_t _off_t _onexit_t _PNH ptrdiff_t _purecall_handler ' + 'sig_atomic_t size_t _stat __stat64 _stati64 terminate_function ' + 'time_t __time64_t _timeb __timeb64 tm uintptr_t _utimbuf ' + 'va_list wchar_t wctrans_t wctype_t wint_t signed'; var keywords = 'break case catch class const __finally __exception __try ' + 'const_cast continue private public protected __declspec ' + 'default delete deprecated dllexport dllimport do dynamic_cast ' + 'else enum explicit extern if for friend goto inline ' + 'mutable naked namespace new noinline noreturn nothrow ' + 'register reinterpret_cast return selectany ' + 'sizeof static static_cast struct switch template this ' + 'thread throw true false try typedef typeid typename union ' + 'using uuid virtual void volatile whcar_t while'; this.regexList = [{ regex: dp.sh.RegexLib.SingleLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.MultiLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp('^ *#.*', 'gm'), css: 'preprocessor' }, { regex: new RegExp(this.GetKeywords(datatypes), 'gm'), css: 'datatypes' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }]; this.CssClass = 'dp-cpp'; this.Style = '.dp-cpp .datatypes { color: #2E8B57; font-weight: bold; }'; }
	dp.sh.Brushes.Cpp.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Cpp.Aliases = ['cpp', 'c', 'c++'];

	dp.sh.Brushes.CSharp = function () { var keywords = 'abstract as base bool break byte case catch char checked class const ' + 'continue decimal default delegate do double else enum event explicit ' + 'extern false finally fixed float for foreach get goto if implicit in int ' + 'interface internal is lock long namespace new null object operator out ' + 'override params private protected public readonly ref return sbyte sealed set ' + 'short sizeof stackalloc static string struct switch this throw true try ' + 'typeof uint ulong unchecked unsafe ushort using virtual void while'; this.regexList = [{ regex: dp.sh.RegexLib.SingleLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.MultiLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp('^\\s*#.*', 'gm'), css: 'preprocessor' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }]; this.CssClass = 'dp-c'; this.Style = '.dp-c .vars { color: #d00; }'; }
	dp.sh.Brushes.CSharp.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.CSharp.Aliases = ['c#', 'c-sharp', 'csharp'];

	dp.sh.Brushes.CSS = function () { var keywords = 'ascent azimuth background-attachment background-color background-image background-position ' + 'background-repeat background baseline bbox border-collapse border-color border-spacing border-style border-top ' + 'border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color ' + 'border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width ' + 'border-bottom-width border-left-width border-width border cap-height caption-side centerline clear clip color ' + 'content counter-increment counter-reset cue-after cue-before cue cursor definition-src descent direction display ' + 'elevation empty-cells float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font ' + 'height letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top ' + 'margin-right margin-bottom margin-left margin marker-offset marks mathline max-height max-width min-height min-width orphans ' + 'outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding page ' + 'page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position ' + 'quotes richness size slope src speak-header speak-numeral speak-punctuation speak speech-rate stemh stemv stress ' + 'table-layout text-align text-decoration text-indent text-shadow text-transform unicode-bidi unicode-range units-per-em ' + 'vertical-align visibility voice-family volume white-space widows width widths word-spacing x-height z-index'; var values = 'above absolute all always aqua armenian attr aural auto avoid baseline behind below bidi-override black blink block blue bold bolder ' + 'both bottom braille capitalize caption center center-left center-right circle close-quote code collapse compact condensed ' + 'continuous counter counters crop cross crosshair cursive dashed decimal decimal-leading-zero default digits disc dotted double ' + 'embed embossed e-resize expanded extra-condensed extra-expanded fantasy far-left far-right fast faster fixed format fuchsia ' + 'gray green groove handheld hebrew help hidden hide high higher icon inline-table inline inset inside invert italic ' + 'justify landscape large larger left-side left leftwards level lighter lime line-through list-item local loud lower-alpha ' + 'lowercase lower-greek lower-latin lower-roman lower low ltr marker maroon medium message-box middle mix move narrower ' + 'navy ne-resize no-close-quote none no-open-quote no-repeat normal nowrap n-resize nw-resize oblique olive once open-quote outset ' + 'outside overline pointer portrait pre print projection purple red relative repeat repeat-x repeat-y rgb ridge right right-side ' + 'rightwards rtl run-in screen scroll semi-condensed semi-expanded separate se-resize show silent silver slower slow ' + 'small small-caps small-caption smaller soft solid speech spell-out square s-resize static status-bar sub super sw-resize ' + 'table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group teal ' + 'text-bottom text-top thick thin top transparent tty tv ultra-condensed ultra-expanded underline upper-alpha uppercase upper-latin ' + 'upper-roman url visible wait white wider w-resize x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small yellow'; var fonts = '[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif'; this.regexList = [{ regex: dp.sh.RegexLib.MultiLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp('\\#[a-zA-Z0-9]{3,6}', 'g'), css: 'value' }, { regex: new RegExp('(-?\\d+)(\.\\d+)?(px|em|pt|\:|\%|)', 'g'), css: 'value' }, { regex: new RegExp('!important', 'g'), css: 'important' }, { regex: new RegExp(this.GetKeywordsCSS(keywords), 'gm'), css: 'keyword' }, { regex: new RegExp(this.GetValuesCSS(values), 'g'), css: 'value' }, { regex: new RegExp(this.GetValuesCSS(fonts), 'g'), css: 'value' }]; this.CssClass = 'dp-css'; this.Style = '.dp-css .value { color: black; }' + '.dp-css .important { color: red; }'; }
	dp.sh.Highlighter.prototype.GetKeywordsCSS = function (str) { return '\\b([a-z_]|)' + str.replace(/ /g, '(?=:)\\b|\\b([a-z_\\*]|\\*|)') + '(?=:)\\b'; }
	dp.sh.Highlighter.prototype.GetValuesCSS = function (str) { return '\\b' + str.replace(/ /g, '(?!-)(?!:)\\b|\\b()') + '\:\\b'; }
	dp.sh.Brushes.CSS.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.CSS.Aliases = ['css'];

	dp.sh.Brushes.Php = function () { var funcs = 'abs acos acosh addcslashes addslashes ' + 'array_change_key_case array_chunk array_combine array_count_values array_diff ' + 'array_diff_assoc array_diff_key array_diff_uassoc array_diff_ukey array_fill ' + 'array_filter array_flip array_intersect array_intersect_assoc array_intersect_key ' + 'array_intersect_uassoc array_intersect_ukey array_key_exists array_keys array_map ' + 'array_merge array_merge_recursive array_multisort array_pad array_pop array_product ' + 'array_push array_rand array_reduce array_reverse array_search array_shift ' + 'array_slice array_splice array_sum array_udiff array_udiff_assoc ' + 'array_udiff_uassoc array_uintersect array_uintersect_assoc ' + 'array_uintersect_uassoc array_unique array_unshift array_values array_walk ' + 'array_walk_recursive atan atan2 atanh base64_decode base64_encode base_convert ' + 'basename bcadd bccomp bcdiv bcmod bcmul bindec bindtextdomain bzclose bzcompress ' + 'bzdecompress bzerrno bzerror bzerrstr bzflush bzopen bzread bzwrite ceil chdir ' + 'checkdate checkdnsrr chgrp chmod chop chown chr chroot chunk_split class_exists ' + 'closedir closelog copy cos cosh count count_chars date decbin dechex decoct ' + 'deg2rad delete ebcdic2ascii echo empty end ereg ereg_replace eregi eregi_replace error_log ' + 'error_reporting escapeshellarg escapeshellcmd eval exec exit exp explode extension_loaded ' + 'feof fflush fgetc fgetcsv fgets fgetss file_exists file_get_contents file_put_contents ' + 'fileatime filectime filegroup fileinode filemtime fileowner fileperms filesize filetype ' + 'floatval flock floor flush fmod fnmatch fopen fpassthru fprintf fputcsv fputs fread fscanf ' + 'fseek fsockopen fstat ftell ftok getallheaders getcwd getdate getenv gethostbyaddr gethostbyname ' + 'gethostbynamel getimagesize getlastmod getmxrr getmygid getmyinode getmypid getmyuid getopt ' + 'getprotobyname getprotobynumber getrandmax getrusage getservbyname getservbyport gettext ' + 'gettimeofday gettype glob gmdate gmmktime ini_alter ini_get ini_get_all ini_restore ini_set ' + 'interface_exists intval ip2long is_a is_array is_bool is_callable is_dir is_double ' + 'is_executable is_file is_finite is_float is_infinite is_int is_integer is_link is_long ' + 'is_nan is_null is_numeric is_object is_readable is_real is_resource is_scalar is_soap_fault ' + 'is_string is_subclass_of is_uploaded_file is_writable is_writeable mkdir mktime nl2br ' + 'parse_ini_file parse_str parse_url passthru pathinfo readlink realpath rewind rewinddir rmdir ' + 'round str_ireplace str_pad str_repeat str_replace str_rot13 str_shuffle str_split ' + 'str_word_count strcasecmp strchr strcmp strcoll strcspn strftime strip_tags stripcslashes ' + 'stripos stripslashes stristr strlen strnatcasecmp strnatcmp strncasecmp strncmp strpbrk ' + 'strpos strptime strrchr strrev strripos strrpos strspn strstr strtok strtolower strtotime ' + 'strtoupper strtr strval substr substr_compare'; var keywords = 'and or xor __FILE__ __LINE__ array as break case ' + 'cfunction class const continue declare default die do else ' + 'elseif empty enddeclare endfor endforeach endif endswitch endwhile ' + 'extends for foreach function include include_once global if ' + 'new old_function return static switch use require require_once ' + 'var while __FUNCTION__ __CLASS__ ' + '__METHOD__ abstract interface public implements extends private protected throw'; this.regexList = [{ regex: dp.sh.RegexLib.SingleLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.MultiLineCComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp('\\$\\w+', 'g'), css: 'vars' }, { regex: new RegExp(this.GetKeywords(funcs), 'gmi'), css: 'func' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }]; this.CssClass = 'dp-c'; }
	dp.sh.Brushes.Php.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Php.Aliases = ['php'];

	dp.sh.Brushes.Python = function () {
		var keywords = 'and assert break class continue def del elif else ' + 'except exec finally for from global if import in is ' + 'lambda not or pass print raise return try yield while'; var special = 'None True False self cls class_'
		this.regexList = [{ regex: dp.sh.RegexLib.SingleLinePerlComments, css: 'comment' }, { regex: new RegExp("^\\s*@\\w+", 'gm'), css: 'decorator' }, { regex: new RegExp("(['\"]{3})([^\\1])*?\\1", 'gm'), css: 'comment' }, { regex: new RegExp('"(?!")(?:\\.|\\\\\\"|[^\\""\\n\\r])*"', 'gm'), css: 'string' }, { regex: new RegExp("'(?!')*(?:\\.|(\\\\\\')|[^\\''\\n\\r])*'", 'gm'), css: 'string' }, { regex: new RegExp("\\b\\d+\\.?\\w*", 'g'), css: 'number' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }, { regex: new RegExp(this.GetKeywords(special), 'gm'), css: 'special' }]; this.CssClass = 'dp-py'; this.Style = '.dp-py .builtins { color: #ff1493; }' + '.dp-py .magicmethods { color: #808080; }' + '.dp-py .exceptions { color: brown; }' + '.dp-py .types { color: brown; font-style: italic; }' + '.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }';
	}
	dp.sh.Brushes.Python.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Python.Aliases = ['py', 'python'];

	dp.sh.Brushes.Xml = function () { this.CssClass = 'dp-xml'; this.Style = '.dp-xml .cdata { color: #ff1493; }' + '.dp-xml .tag, .dp-xml .tag-name { color: #069; font-weight: bold; }' + '.dp-xml .attribute { color: red; }' + '.dp-xml .attribute-value { color: blue; }'; }
	dp.sh.Brushes.Xml.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Xml.Aliases = ['xml', 'xhtml', 'xslt', 'html', 'xhtml']; dp.sh.Brushes.Xml.prototype.ProcessRegexList = function () {
		function push(array, value) { array[array.length] = value; }
		var index = 0; var match = null; var regex = null; this.GetMatches(new RegExp('(\&lt;|<)\\!\\[[\\w\\s]*?\\[(.|\\s)*?\\]\\](\&gt;|>)', 'gm'), 'cdata'); this.GetMatches(new RegExp('(\&lt;|<)!--\\s*.*?\\s*--(\&gt;|>)', 'gm'), 'comments'); regex = new RegExp('([:\\w-\.]+)\\s*=\\s*(".*?"|\'.*?\'|\\w+)*|(\\w+)', 'gm'); while ((match = regex.exec(this.code)) != null) {
			if (match[1] == null) { continue; }
			push(this.matches, new dp.sh.Match(match[1], match.index, 'attribute')); if (match[2] != undefined) { push(this.matches, new dp.sh.Match(match[2], match.index + match[0].indexOf(match[2]), 'attribute-value')); }
		}
		this.GetMatches(new RegExp('(\&lt;|<)/*\\?*(?!\\!)|/*\\?*(\&gt;|>)', 'gm'), 'tag'); regex = new RegExp('(?:\&lt;|<)/*\\?*\\s*([:\\w-\.]+)', 'gm'); while ((match = regex.exec(this.code)) != null) { push(this.matches, new dp.sh.Match(match[1], match.index + match[0].indexOf(match[1]), 'tag-name')); }
	}

	dp.sh.Brushes.Vb = function () { var keywords = 'AddHandler AddressOf AndAlso Alias And Ansi As Assembly Auto ' + 'Boolean ByRef Byte ByVal Call Case Catch CBool CByte CChar CDate ' + 'CDec CDbl Char CInt Class CLng CObj Const CShort CSng CStr CType ' + 'Date Decimal Declare Default Delegate Dim DirectCast Do Double Each ' + 'Else ElseIf End Enum Erase Error Event Exit False Finally For Friend ' + 'Function Get GetType GoSub GoTo Handles If Implements Imports In ' + 'Inherits Integer Interface Is Let Lib Like Long Loop Me Mod Module ' + 'MustInherit MustOverride MyBase MyClass Namespace New Next Not Nothing ' + 'NotInheritable NotOverridable Object On Option Optional Or OrElse ' + 'Overloads Overridable Overrides ParamArray Preserve Private Property ' + 'Protected Public RaiseEvent ReadOnly ReDim REM RemoveHandler Resume ' + 'Return Select Set Shadows Shared Short Single Static Step Stop String ' + 'Structure Sub SyncLock Then Throw To True Try TypeOf Unicode Until ' + 'Variant When While With WithEvents WriteOnly Xor'; this.regexList = [{ regex: new RegExp('\'.*$', 'gm'), css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: new RegExp('^\\s*#.*', 'gm'), css: 'preprocessor' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }]; this.CssClass = 'dp-vb'; }
	dp.sh.Brushes.Vb.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Vb.Aliases = ['vb', 'vb.net'];

	dp.sh.Brushes.Ruby = function () {
		var keywords = 'alias and BEGIN begin break case class def define_method defined do each else elsif ' + 'END end ensure false for if in module new next nil not or raise redo rescue retry return ' + 'self super then throw true undef unless until when while yield'; var builtins = 'Array Bignum Binding Class Continuation Dir Exception FalseClass File::Stat File Fixnum Fload ' + 'Hash Integer IO MatchData Method Module NilClass Numeric Object Proc Range Regexp String Struct::TMS Symbol ' + 'ThreadGroup Thread Time TrueClass'
		this.regexList = [{ regex: dp.sh.RegexLib.SingleLinePerlComments, css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp(':[a-z][A-Za-z0-9_]*', 'g'), css: 'symbol' }, { regex: new RegExp('(\\$|@@|@)\\w+', 'g'), css: 'variable' }, { regex: new RegExp(this.GetKeywords(keywords), 'gm'), css: 'keyword' }, { regex: new RegExp(this.GetKeywords(builtins), 'gm'), css: 'builtin' }]; this.CssClass = 'dp-rb'; this.Style = '.dp-rb .symbol { color: #a70; }' + '.dp-rb .variable { color: #a70; font-weight: bold; }';
	}
	dp.sh.Brushes.Ruby.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Ruby.Aliases = ['ruby', 'rails', 'ror'];

	dp.sh.Brushes.Sql = function () { var funcs = 'abs avg case cast coalesce convert count current_timestamp ' + 'current_user day isnull left lower month nullif replace right ' + 'session_user space substring sum system_user upper user year'; var keywords = 'absolute action add after alter as asc at authorization begin bigint ' + 'binary bit by cascade char character check checkpoint close collate ' + 'column commit committed connect connection constraint contains continue ' + 'create cube current current_date current_time cursor database date ' + 'deallocate dec decimal declare default delete desc distinct double drop ' + 'dynamic else end end-exec escape except exec execute false fetch first ' + 'float for force foreign forward free from full function global goto grant ' + 'group grouping having hour ignore index inner insensitive insert instead ' + 'int integer intersect into is isolation key last level load local max min ' + 'minute modify move name national nchar next no numeric of off on only ' + 'open option order out output partial password precision prepare primary ' + 'prior privileges procedure public read real references relative repeatable ' + 'restrict return returns revoke rollback rollup rows rule schema scroll ' + 'second section select sequence serializable set size smallint static ' + 'statistics table temp temporary then time timestamp to top transaction ' + 'translation trigger true truncate uncommitted union unique update values ' + 'varchar varying view when where with work'; var operators = 'all and any between cross in join like not null or outer some'; this.regexList = [{ regex: new RegExp('--(.*)$', 'gm'), css: 'comment' }, { regex: dp.sh.RegexLib.DoubleQuotedString, css: 'string' }, { regex: dp.sh.RegexLib.SingleQuotedString, css: 'string' }, { regex: new RegExp(this.GetKeywords(funcs), 'gmi'), css: 'func' }, { regex: new RegExp(this.GetKeywords(operators), 'gmi'), css: 'op' }, { regex: new RegExp(this.GetKeywords(keywords), 'gmi'), css: 'keyword' }]; this.CssClass = 'dp-sql'; this.Style = '.dp-sql .func { color: #ff1493; }' + '.dp-sql .op { color: #808080; }'; }
	dp.sh.Brushes.Sql.prototype = new dp.sh.Highlighter(); dp.sh.Brushes.Sql.Aliases = ['sql'];


	var obj = this;

	var config, editor;

	obj.PluginName = "InsertCode";

	obj.InitConfig = function (argconfig) {
		config = argconfig;
	}
	obj.InitEditor = function (argeditor) {
		editor = argeditor;

		editor.attachEvent("exec_command_insertcode", function (state, cmd, value) {
			console.log(state, cmd, value);
			obj.DoShowDialog();
			state.returnValue = true;
		});

		editor.toolbarFactoryMap["insertcode"] = function (cmd) {
			//console.log(cmd);
			var span = editor.createToolbarButton(cmd);
			span.style.backgroundColor = ''
			return span;
		};

	}

	function __Append(parent, tagname, csstext, cssclass) {
		var tag = parent.ownerDocument.createElement(tagname);
		if (csstext) tag.style.cssText = csstext;
		if (cssclass) tag.className = cssclass;
		parent.appendChild(tag);
		return tag;
	}


	obj.DoShowDialog = function () {

		var dialoginner = editor.createDialog(editor.getLangText("insertcode"), "rte-dialog-insertcode");

		var div2 = __Append(dialoginner, "div", "position:relative;text-align:center;");
		__Append(div2, "label").innerText = editor.getLangText("language") + ":";
		var sel_lang = __Append(div2, "select", "width:200px;");

		sel_lang.options.add(new Option("Plain Text", ""));

		for (var brush in dp.sh.Brushes) {
			var aliases = dp.sh.Brushes[brush].Aliases;

			if (aliases == null)
				continue;
			sel_lang.options.add(new Option(aliases, brush));


			var b = sessionStorage.getItem("rte-insertcode-lang")
			if (b) sel_lang.value = b;
		}


		var div1 = __Append(dialoginner, "div", "position:relative;text-align:center;");
		var textarea = __Append(div1, "textarea", "width:100%;min-width:300px;height:200px")

		var divfooter = __Append(dialoginner, "rte-dialog-footer", null, "rte-dialog-footer-center");

		var btn = __Append(divfooter, "rte-dialog-button")
		btn.innerText = "Insert";

		setTimeout(function () {
			textarea.focus();
		}, 300);

		btn.onclick = function () {
			dialoginner.close();

			sessionStorage.setItem("rte-insertcode-lang", sel_lang.value)

			if (sel_lang.value != "") {
				var b = dp.sh.Brushes[sel_lang.value];

				textarea.language = b.Aliases[0] + ":nocontrols";
				textarea.name = "rteinsertcode" + new Date().getTime();
				textarea.innerHTML = textarea.value;
				dp.sh.HighlightAll(textarea);

				var tag = textarea.previousSibling

				var p = editor.insertRootParagraph()
				p.innerHTML = '<div class="dp-highlighter">' + tag.innerHTML + "</div>";
			}
			else {
				var p = editor.insertRootParagraph()
				p.innerText = textarea.value;
			}

			editor.focus();
		}
	}
}





๏ปฟ
RTE_DefaultConfig.plugin_insertemoji = RTE_Plugin_InsertEmoji;

function RTE_Plugin_InsertEmoji() {

	function CharToHTMLCode(ch) {
		if (ch.length > 2)
			return ch;

		if (ch.length == 1 || ch.charCodeAt(1) == 0xfe0f)
			return "&#" + ch.charCodeAt(0) + ";"

		if (ch.charCodeAt(1) == 0xfe0f) {
			return "&#" + ch.charCodeAt(0) + ";"
		}

		var offset = ch.charCodeAt(0) - 0xd83c;
		if (offset < 0 && offset > 3)//not support
			return ch;

		var second = ch.charCodeAt(1) - 0xdc04;
		var f = offset * 0x400 + second + 0x1f004;
		return "&#x" + f.toString(16) + ";"
	}


	var groupnames = ["smileys", "people", "animals", "food", "travel", "activities", "objects", "symbols"]
	var emojistrs = ["๐Ÿ˜€#grinning face|๐Ÿ˜ƒ#grinning face with big eyes|๐Ÿ˜„#grinning face with smiling eyes|๐Ÿ˜#beaming face with smiling eyes|๐Ÿ˜†#grinning squinting face|๐Ÿ˜…#grinning face with sweat|๐Ÿคฃ#rolling on the floor laughing|๐Ÿ˜‚#face with tears of joy|๐Ÿ™‚#slightly smiling face|๐Ÿ™ƒ#upside-down face|๐Ÿ˜‰#winking face|๐Ÿ˜Š#smiling face with smiling eyes|๐Ÿ˜‡#smiling face with halo|๐Ÿ˜#smiling face with heart-eyes|๐Ÿคฉ#star-struck|๐Ÿ˜˜#face blowing a kiss|๐Ÿ˜—#kissing face|๐Ÿ˜š#kissing face with closed eyes|๐Ÿ˜™#kissing face with smiling eyes|๐Ÿ˜‹#face savoring food|๐Ÿ˜›#face with tongue|๐Ÿ˜œ#winking face with tongue|๐Ÿคช#zany face|๐Ÿ˜#squinting face with tongue|๐Ÿค‘#money-mouth face|๐Ÿค—#hugging face|๐Ÿคญ#face with hand over mouth|๐Ÿคซ#shushing face|๐Ÿค”#thinking face|๐Ÿค#zipper-mouth face|๐Ÿคจ#face with raised eyebrow|๐Ÿ˜#neutral face|๐Ÿ˜‘#expressionless face|๐Ÿ˜ถ#face without mouth|๐Ÿ˜#smirking face|๐Ÿ˜’#unamused face|๐Ÿ™„#face with rolling eyes|๐Ÿ˜ฌ#grimacing face|๐Ÿคฅ#lying face|๐Ÿ˜Œ#relieved face|๐Ÿ˜”#pensive face|๐Ÿ˜ช#sleepy face|๐Ÿคค#drooling face|๐Ÿ˜ด#sleeping face|๐Ÿ˜ท#face with medical mask|๐Ÿค’#face with thermometer|๐Ÿค•#face with head-bandage|๐Ÿคข#nauseated face|๐Ÿคฎ#face vomiting|๐Ÿคง#sneezing face|๐Ÿ˜ต#dizzy face|๐Ÿคฏ#exploding head|๐Ÿค #cowboy hat face|๐Ÿ˜Ž#smiling face with sunglasses|๐Ÿค“#nerd face|๐Ÿง#face with monocle|๐Ÿ˜•#confused face|๐Ÿ˜Ÿ#worried face|๐Ÿ™#slightly frowning face|โ˜น๏ธ#frowning face|๐Ÿ˜ฎ#face with open mouth|๐Ÿ˜ฏ#hushed face|๐Ÿ˜ฒ#astonished face|๐Ÿ˜ณ#flushed face|๐Ÿ˜ฆ#frowning face with open mouth|๐Ÿ˜ง#anguished face|๐Ÿ˜จ#fearful face|๐Ÿ˜ฐ#anxious face with sweat|๐Ÿ˜ฅ#sad but relieved face|๐Ÿ˜ข#crying face|๐Ÿ˜ญ#loudly crying face|๐Ÿ˜ฑ#face screaming in fear|๐Ÿ˜–#confounded face|๐Ÿ˜ฃ#persevering face|๐Ÿ˜ž#disappointed face|๐Ÿ˜“#downcast face with sweat|๐Ÿ˜ฉ#weary face|๐Ÿ˜ซ#tired face|๐Ÿ˜ค#face with steam from nose|๐Ÿ˜ก#pouting face|๐Ÿ˜ #angry face|๐Ÿคฌ#face with symbols on mouth|๐Ÿ˜ˆ#smiling face with horns|๐Ÿ‘ฟ#angry face with horns|๐Ÿ’€#skull|โ˜ ๏ธ#skull and crossbones|๐Ÿ’ฉ#pile of poo|๐Ÿคก#clown face|๐Ÿ‘น#ogre|๐Ÿ‘บ#goblin|๐Ÿ‘ป#ghost|๐Ÿ‘ฝ#alien|๐Ÿ‘พ#alien monster|๐Ÿค–#robot|๐Ÿ˜บ#grinning cat|๐Ÿ˜ธ#grinning cat with smiling eyes|๐Ÿ˜น#cat with tears of joy|๐Ÿ˜ป#smiling cat with heart-eyes|๐Ÿ˜ผ#cat with wry smile|๐Ÿ˜ฝ#kissing cat|๐Ÿ™€#weary cat|๐Ÿ˜ฟ#crying cat|๐Ÿ˜พ#pouting cat|๐Ÿ™ˆ#see-no-evil monkey|๐Ÿ™‰#hear-no-evil monkey|๐Ÿ™Š#speak-no-evil monkey|๐Ÿ’‹#kiss mark|๐Ÿ’Œ#love letter|๐Ÿ’˜#heart with arrow|๐Ÿ’#heart with ribbon|๐Ÿ’–#sparkling heart|๐Ÿ’—#growing heart|๐Ÿ’“#beating heart|๐Ÿ’ž#revolving hearts|๐Ÿ’•#two hearts|๐Ÿ’Ÿ#heart decoration|โฃ๏ธ#heart exclamation|๐Ÿ’”#broken heart|โค๏ธ#red heart|๐Ÿงก#orange heart|๐Ÿ’›#yellow heart|๐Ÿ’š#green heart|๐Ÿ’™#blue heart|๐Ÿ’œ#purple heart|๐Ÿ–ค#black heart|๐Ÿ’ฏ#hundred points|๐Ÿ’ข#anger symbol|๐Ÿ’ฅ#collision|๐Ÿ’ซ#dizzy|๐Ÿ’ฆ#sweat droplets|๐Ÿ’จ#dashing away|๐Ÿ’ฃ#bomb|๐Ÿ’ฌ#speech balloon|๐Ÿ’ญ#thought balloon|๐Ÿ’ค#zzz", "๐Ÿ‘‹#waving hand|๐Ÿคš#raised back of hand|โœ‹#raised hand|๐Ÿ––#vulcan salute|๐Ÿ‘Œ#OK hand|โœŒ๏ธ#victory hand|๐Ÿคž#crossed fingers|๐ŸคŸ#love-you gesture|๐Ÿค˜#sign of the horns|๐Ÿค™#call me hand|๐Ÿ‘ˆ#backhand index pointing left|๐Ÿ‘‰#backhand index pointing right|๐Ÿ‘†#backhand index pointing up|๐Ÿ–•#middle finger|๐Ÿ‘‡#backhand index pointing down|โ˜๏ธ#index pointing up|๐Ÿ‘#thumbs up|๐Ÿ‘Ž#thumbs down|โœŠ#raised fist|๐Ÿ‘Š#oncoming fist|๐Ÿค›#left-facing fist|๐Ÿคœ#right-facing fist|๐Ÿ‘#clapping hands|๐Ÿ™Œ#raising hands|๐Ÿ‘#open hands|๐Ÿคฒ#palms up together|๐Ÿค#handshake|๐Ÿ™#folded hands|โœ๏ธ#writing hand|๐Ÿ’…#nail polish|๐Ÿคณ#selfie|๐Ÿ’ช#flexed biceps|๐Ÿ‘‚#ear|๐Ÿ‘ƒ#nose|๐Ÿง #brain|๐Ÿ‘€#eyes|๐Ÿ‘…#tongue|๐Ÿ‘„#mouth|๐Ÿ‘ถ#baby|๐Ÿง’#child|๐Ÿ‘ฆ#boy|๐Ÿ‘ง#girl|๐Ÿง‘#person|๐Ÿ‘ฑ#person with blond hair|๐Ÿ‘จ#man|๐Ÿง”#man with beard|๐Ÿ‘ฉ#woman|๐Ÿง“#older person|๐Ÿ‘ด#old man|๐Ÿ‘ต#old woman|๐Ÿ™#person frowning|๐Ÿ™Ž#person pouting|๐Ÿ™…#person gesturing NO|๐Ÿ™†#person gesturing OK|๐Ÿ’#person tipping hand|๐Ÿ™‹#person raising hand|๐Ÿ™‡#person bowing|๐Ÿคฆ#person facepalming|๐Ÿคท#person shrugging|๐Ÿ‘ฎ#police officer|๐Ÿ’‚#guard|๐Ÿ‘ท#construction worker|๐Ÿคด#prince|๐Ÿ‘ธ#princess|๐Ÿ‘ณ#person wearing turban|๐Ÿ‘ฒ#person with skullcap|๐Ÿง•#woman with headscarf|๐Ÿคต#person in tuxedo|๐Ÿ‘ฐ#person with veil|๐Ÿคฐ#pregnant woman|๐Ÿคฑ#breast-feeding|๐Ÿ‘ผ#baby angel|๐ŸŽ…#Santa Claus|๐Ÿคถ#Mrs. Claus|๐Ÿง™#mage|๐Ÿงš#fairy|๐Ÿง›#vampire|๐Ÿงœ#merperson|๐Ÿง#elf|๐Ÿงž#genie|๐ŸงŸ#zombie|๐Ÿ’†#person getting massage|๐Ÿ’‡#person getting haircut|๐Ÿšถ#person walking|๐Ÿƒ#person running|๐Ÿ’ƒ#woman dancing|๐Ÿ•บ#man dancing|๐Ÿ‘ฏ#people with bunny ears|๐Ÿง–#person in steamy room|๐Ÿง—#person climbing|๐Ÿคบ#person fencing|๐Ÿ‡#horse racing|โ›ท๏ธ#skier|๐Ÿ‚#snowboarder|๐Ÿ„#person surfing|๐Ÿšฃ#person rowing boat|๐ŸŠ#person swimming|โ›น๏ธ#person bouncing ball|๐Ÿšด#person biking|๐Ÿšต#person mountain biking|๐Ÿคธ#person cartwheeling|๐Ÿคผ#people wrestling|๐Ÿคฝ#person playing water polo|๐Ÿคพ#person playing handball|๐Ÿคน#person juggling|๐Ÿง˜#person in lotus position|๐Ÿ›€#person taking bath|๐Ÿ›Œ#person in bed|๐Ÿ‘ญ#women holding hands|๐Ÿ‘ซ#woman and man holding hands|๐Ÿ‘ฌ#men holding hands|๐Ÿ’#kiss|๐Ÿ’‘#couple with heart|๐Ÿ‘ช#family|๐Ÿ‘ค#bust in silhouette|๐Ÿ‘ฅ#busts in silhouette|๐Ÿ‘ฃ#footprints", "๐Ÿต#monkey face|๐Ÿ’#monkey|๐Ÿฆ#gorilla|๐Ÿถ#dog face|๐Ÿ•#dog|๐Ÿฉ#poodle|๐Ÿบ#wolf|๐ŸฆŠ#fox|๐Ÿฑ#cat face|๐Ÿˆ#cat|๐Ÿฆ#lion|๐Ÿฏ#tiger face|๐Ÿ…#tiger|๐Ÿ†#leopard|๐Ÿด#horse face|๐ŸŽ#horse|๐Ÿฆ„#unicorn|๐Ÿฆ“#zebra|๐ŸฆŒ#deer|๐Ÿฎ#cow face|๐Ÿ‚#ox|๐Ÿƒ#water buffalo|๐Ÿ„#cow|๐Ÿท#pig face|๐Ÿ–#pig|๐Ÿ—#boar|๐Ÿฝ#pig nose|๐Ÿ#ram|๐Ÿ‘#ewe|๐Ÿ#goat|๐Ÿช#camel|๐Ÿซ#two-hump camel|๐Ÿฆ’#giraffe|๐Ÿ˜#elephant|๐Ÿฆ#rhinoceros|๐Ÿญ#mouse face|๐Ÿ#mouse|๐Ÿ€#rat|๐Ÿน#hamster|๐Ÿฐ#rabbit face|๐Ÿ‡#rabbit|๐Ÿฆ”#hedgehog|๐Ÿฆ‡#bat|๐Ÿป#bear|๐Ÿจ#koala|๐Ÿผ#panda|๐Ÿพ#paw prints|๐Ÿฆƒ#turkey|๐Ÿ”#chicken|๐Ÿ“#rooster|๐Ÿฃ#hatching chick|๐Ÿค#baby chick|๐Ÿฅ#front-facing baby chick|๐Ÿฆ#bird|๐Ÿง#penguin|๐Ÿฆ…#eagle|๐Ÿฆ†#duck|๐Ÿฆ‰#owl|๐Ÿธ#frog|๐ŸŠ#crocodile|๐Ÿข#turtle|๐ŸฆŽ#lizard|๐Ÿ#snake|๐Ÿฒ#dragon face|๐Ÿ‰#dragon|๐Ÿฆ•#sauropod|๐Ÿฆ–#T-Rex|๐Ÿณ#spouting whale|๐Ÿ‹#whale|๐Ÿฌ#dolphin|๐ŸŸ#fish|๐Ÿ #tropical fish|๐Ÿก#blowfish|๐Ÿฆˆ#shark|๐Ÿ™#octopus|๐Ÿš#spiral shell|๐ŸŒ#snail|๐Ÿฆ‹#butterfly|๐Ÿ›#bug|๐Ÿœ#ant|๐Ÿ#honeybee|๐Ÿž#lady beetle|๐Ÿฆ—#cricket|๐Ÿฆ‚#scorpion|๐Ÿ’#bouquet|๐ŸŒธ#cherry blossom|๐Ÿ’ฎ#white flower|๐ŸŒน#rose|๐Ÿฅ€#wilted flower|๐ŸŒบ#hibiscus|๐ŸŒป#sunflower|๐ŸŒผ#blossom|๐ŸŒท#tulip|๐ŸŒฑ#seedling|๐ŸŒฒ#evergreen tree|๐ŸŒณ#deciduous tree|๐ŸŒด#palm tree|๐ŸŒต#cactus|๐ŸŒพ#sheaf of rice|๐ŸŒฟ#herb|โ˜˜๏ธ#shamrock|๐Ÿ€#four leaf clover|๐Ÿ#maple leaf|๐Ÿ‚#fallen leaf|๐Ÿƒ#leaf fluttering in wind", "๐Ÿ‡#grapes|๐Ÿˆ#melon|๐Ÿ‰#watermelon|๐ŸŠ#tangerine|๐Ÿ‹#lemon|๐ŸŒ#banana|๐Ÿ#pineapple|๐ŸŽ#red apple|๐Ÿ#green apple|๐Ÿ#pear|๐Ÿ‘#peach|๐Ÿ’#cherries|๐Ÿ“#strawberry|๐Ÿฅ#kiwi fruit|๐Ÿ…#tomato|๐Ÿฅฅ#coconut|๐Ÿฅ‘#avocado|๐Ÿ†#eggplant|๐Ÿฅ”#potato|๐Ÿฅ•#carrot|๐ŸŒฝ#ear of corn|๐Ÿฅ’#cucumber|๐Ÿฅฆ#broccoli|๐Ÿ„#mushroom|๐Ÿฅœ#peanuts|๐ŸŒฐ#chestnut|๐Ÿž#bread|๐Ÿฅ#croissant|๐Ÿฅ–#baguette bread|๐Ÿฅจ#pretzel|๐Ÿฅž#pancakes|๐Ÿง€#cheese wedge|๐Ÿ–#meat on bone|๐Ÿ—#poultry leg|๐Ÿฅฉ#cut of meat|๐Ÿฅ“#bacon|๐Ÿ”#hamburger|๐ŸŸ#french fries|๐Ÿ•#pizza|๐ŸŒญ#hot dog|๐Ÿฅช#sandwich|๐ŸŒฎ#taco|๐ŸŒฏ#burrito|๐Ÿฅ™#stuffed flatbread|๐Ÿฅš#egg|๐Ÿณ#cooking|๐Ÿฅ˜#shallow pan of food|๐Ÿฒ#pot of food|๐Ÿฅฃ#bowl with spoon|๐Ÿฅ—#green salad|๐Ÿฟ#popcorn|๐Ÿฅซ#canned food|๐Ÿฑ#bento box|๐Ÿ˜#rice cracker|๐Ÿ™#rice ball|๐Ÿš#cooked rice|๐Ÿ›#curry rice|๐Ÿœ#steaming bowl|๐Ÿ#spaghetti|๐Ÿ #roasted sweet potato|๐Ÿข#oden|๐Ÿฃ#sushi|๐Ÿค#fried shrimp|๐Ÿฅ#fish cake with swirl|๐Ÿก#dango|๐ŸฅŸ#dumpling|๐Ÿฅ #fortune cookie|๐Ÿฅก#takeout box|๐Ÿฆ€#crab|๐Ÿฆ#shrimp|๐Ÿฆ‘#squid|๐Ÿฆ#soft ice cream|๐Ÿง#shaved ice|๐Ÿจ#ice cream|๐Ÿฉ#doughnut|๐Ÿช#cookie|๐ŸŽ‚#birthday cake|๐Ÿฐ#shortcake|๐Ÿฅง#pie|๐Ÿซ#chocolate bar|๐Ÿฌ#candy|๐Ÿญ#lollipop|๐Ÿฎ#custard|๐Ÿฏ#honey pot|๐Ÿผ#baby bottle|๐Ÿฅ›#glass of milk|โ˜•#hot beverage|๐Ÿต#teacup without handle|๐Ÿถ#sake|๐Ÿพ#bottle with popping cork|๐Ÿท#wine glass|๐Ÿธ#cocktail glass|๐Ÿน#tropical drink|๐Ÿบ#beer mug|๐Ÿป#clinking beer mugs|๐Ÿฅ‚#clinking glasses|๐Ÿฅƒ#tumbler glass|๐Ÿฅค#cup with straw|๐Ÿฅข#chopsticks|๐Ÿด#fork and knife|๐Ÿฅ„#spoon|๐Ÿ”ช#kitchen knife|๐Ÿบ#amphora", "๐ŸŒ#globe showing Europe-Africa|๐ŸŒŽ#globe showing Americas|๐ŸŒ#globe showing Asia-Australia|๐ŸŒ#globe with meridians|๐Ÿ—พ#map of Japan|โ›ฐ๏ธ#mountain|๐ŸŒ‹#volcano|๐Ÿ—ป#mount fuji|๐Ÿ #house|๐Ÿก#house with garden|๐Ÿข#office building|๐Ÿฃ#Japanese post office|๐Ÿค#post office|๐Ÿฅ#hospital|๐Ÿฆ#bank|๐Ÿจ#hotel|๐Ÿฉ#love hotel|๐Ÿช#convenience store|๐Ÿซ#school|๐Ÿฌ#department store|๐Ÿญ#factory|๐Ÿฏ#Japanese castle|๐Ÿฐ#castle|๐Ÿ’’#wedding|๐Ÿ—ผ#Tokyo tower|๐Ÿ—ฝ#Statue of Liberty|โ›ช#church|๐Ÿ•Œ#mosque|๐Ÿ•#synagogue|โ›ฉ๏ธ#shinto shrine|๐Ÿ•‹#kaaba|โ›ฒ#fountain|โ›บ#tent|๐ŸŒ#foggy|๐ŸŒƒ#night with stars|๐ŸŒ„#sunrise over mountains|๐ŸŒ…#sunrise|๐ŸŒ†#cityscape at dusk|๐ŸŒ‡#sunset|๐ŸŒ‰#bridge at night|โ™จ๏ธ#hot springs|๐ŸŽ #carousel horse|๐ŸŽก#ferris wheel|๐ŸŽข#roller coaster|๐Ÿ’ˆ#barber pole|๐ŸŽช#circus tent|๐Ÿš‚#locomotive|๐Ÿšƒ#railway car|๐Ÿš„#high-speed train|๐Ÿš…#bullet train|๐Ÿš†#train|๐Ÿš‡#metro|๐Ÿšˆ#light rail|๐Ÿš‰#station|๐ŸšŠ#tram|๐Ÿš#monorail|๐Ÿšž#mountain railway|๐Ÿš‹#tram car|๐ŸšŒ#bus|๐Ÿš#oncoming bus|๐ŸšŽ#trolleybus|๐Ÿš#minibus|๐Ÿš‘#ambulance|๐Ÿš’#fire engine|๐Ÿš“#police car|๐Ÿš”#oncoming police car|๐Ÿš•#taxi|๐Ÿš–#oncoming taxi|๐Ÿš—#automobile|๐Ÿš˜#oncoming automobile|๐Ÿš™#sport utility vehicle|๐Ÿšš#delivery truck|๐Ÿš›#articulated lorry|๐Ÿšœ#tractor|๐Ÿ›ต#motor scooter|๐Ÿšฒ#bicycle|๐Ÿ›ด#kick scooter|๐Ÿš#bus stop|โ›ฝ#fuel pump|๐Ÿšจ#police car light|๐Ÿšฅ#horizontal traffic light|๐Ÿšฆ#vertical traffic light|๐Ÿ›‘#stop sign|๐Ÿšง#construction|โš“#anchor|โ›ต#sailboat|๐Ÿ›ถ#canoe|๐Ÿšค#speedboat|โ›ด๏ธ#ferry|๐Ÿšข#ship|โœˆ๏ธ#airplane|๐Ÿ›ซ#airplane departure|๐Ÿ›ฌ#airplane arrival|๐Ÿ’บ#seat|๐Ÿš#helicopter|๐ŸšŸ#suspension railway|๐Ÿš #mountain cableway|๐Ÿšก#aerial tramway|๐Ÿš€#rocket|๐Ÿ›ธ#flying saucer|โŒ›#hourglass done|โณ#hourglass not done|โŒš#watch|โฐ#alarm clock|โฑ๏ธ#stopwatch|โฒ๏ธ#timer clock|๐Ÿ•›#twelve oโ€™clock|๐Ÿ•ง#twelve-thirty|๐Ÿ•#one oโ€™clock|๐Ÿ•œ#one-thirty|๐Ÿ•‘#two oโ€™clock|๐Ÿ•#two-thirty|๐Ÿ•’#three oโ€™clock|๐Ÿ•ž#three-thirty|๐Ÿ•“#four oโ€™clock|๐Ÿ•Ÿ#four-thirty|๐Ÿ•”#five oโ€™clock|๐Ÿ• #five-thirty|๐Ÿ••#six oโ€™clock|๐Ÿ•ก#six-thirty|๐Ÿ•–#seven oโ€™clock|๐Ÿ•ข#seven-thirty|๐Ÿ•—#eight oโ€™clock|๐Ÿ•ฃ#eight-thirty|๐Ÿ•˜#nine oโ€™clock|๐Ÿ•ค#nine-thirty|๐Ÿ•™#ten oโ€™clock|๐Ÿ•ฅ#ten-thirty|๐Ÿ•š#eleven oโ€™clock|๐Ÿ•ฆ#eleven-thirty|๐ŸŒ‘#new moon|๐ŸŒ’#waxing crescent moon|๐ŸŒ“#first quarter moon|๐ŸŒ”#waxing gibbous moon|๐ŸŒ•#full moon|๐ŸŒ–#waning gibbous moon|๐ŸŒ—#last quarter moon|๐ŸŒ˜#waning crescent moon|๐ŸŒ™#crescent moon|๐ŸŒš#new moon face|๐ŸŒ›#first quarter moon face|๐ŸŒœ#last quarter moon face|โ˜€๏ธ#sun|๐ŸŒ#full moon face|๐ŸŒž#sun with face|โญ#star|๐ŸŒŸ#glowing star|๐ŸŒ #shooting star|๐ŸŒŒ#milky way|โ˜๏ธ#cloud|โ›…#sun behind cloud|โ›ˆ๏ธ#cloud with lightning and rain|๐ŸŒ€#cyclone|๐ŸŒˆ#rainbow|๐ŸŒ‚#closed umbrella|โ˜‚๏ธ#umbrella|โ˜”#umbrella with rain drops|โ›ฑ๏ธ#umbrella on ground|โšก#high voltage|โ„๏ธ#snowflake|โ˜ƒ๏ธ#snowman|โ›„#snowman without snow|โ˜„๏ธ#comet|๐Ÿ”ฅ#fire|๐Ÿ’ง#droplet|๐ŸŒŠ#water wave", "๐ŸŽƒ#jack-o-lantern|๐ŸŽ„#Christmas tree|๐ŸŽ†#fireworks|๐ŸŽ‡#sparkler|โœจ#sparkles|๐ŸŽˆ#balloon|๐ŸŽ‰#party popper|๐ŸŽŠ#confetti ball|๐ŸŽ‹#tanabata tree|๐ŸŽ#pine decoration|๐ŸŽŽ#Japanese dolls|๐ŸŽ#carp streamer|๐ŸŽ#wind chime|๐ŸŽ‘#moon viewing ceremony|๐ŸŽ€#ribbon|๐ŸŽ#wrapped gift|๐ŸŽซ#ticket|๐Ÿ†#trophy|๐Ÿ…#sports medal|๐Ÿฅ‡#1st place medal|๐Ÿฅˆ#2nd place medal|๐Ÿฅ‰#3rd place medal|โšฝ#soccer ball|โšพ#baseball|๐Ÿ€#basketball|๐Ÿ#volleyball|๐Ÿˆ#american football|๐Ÿ‰#rugby football|๐ŸŽพ#tennis|๐ŸŽณ#bowling|๐Ÿ#cricket game|๐Ÿ‘#field hockey|๐Ÿ’#ice hockey|๐Ÿ“#ping pong|๐Ÿธ#badminton|๐ŸฅŠ#boxing glove|๐Ÿฅ‹#martial arts uniform|๐Ÿฅ…#goal net|โ›ณ#flag in hole|โ›ธ๏ธ#ice skate|๐ŸŽฃ#fishing pole|๐ŸŽฝ#running shirt|๐ŸŽฟ#skis|๐Ÿ›ท#sled|๐ŸฅŒ#curling stone|๐ŸŽฏ#direct hit|๐ŸŽฑ#pool 8 ball|๐Ÿ”ฎ#crystal ball|๐ŸŽฎ#video game|๐ŸŽฐ#slot machine|๐ŸŽฒ#game die|โ™ ๏ธ#spade suit|โ™ฅ๏ธ#heart suit|โ™ฆ๏ธ#diamond suit|โ™ฃ๏ธ#club suit|๐Ÿƒ#joker|๐Ÿ€„#mahjong red dragon|๐ŸŽด#flower playing cards|๐ŸŽญ#performing arts|๐ŸŽจ#artist palette", "๐Ÿ‘“#glasses|๐Ÿ‘”#necktie|๐Ÿ‘•#t-shirt|๐Ÿ‘–#jeans|๐Ÿงฃ#scarf|๐Ÿงค#gloves|๐Ÿงฅ#coat|๐Ÿงฆ#socks|๐Ÿ‘—#dress|๐Ÿ‘˜#kimono|๐Ÿ‘™#bikini|๐Ÿ‘š#womanโ€™s clothes|๐Ÿ‘›#purse|๐Ÿ‘œ#handbag|๐Ÿ‘#clutch bag|๐ŸŽ’#backpack|๐Ÿ‘ž#manโ€™s shoe|๐Ÿ‘Ÿ#running shoe|๐Ÿ‘ #high-heeled shoe|๐Ÿ‘ก#womanโ€™s sandal|๐Ÿ‘ข#womanโ€™s boot|๐Ÿ‘‘#crown|๐Ÿ‘’#womanโ€™s hat|๐ŸŽฉ#top hat|๐ŸŽ“#graduation cap|๐Ÿงข#billed cap|โ›‘๏ธ#rescue workerโ€™s helmet|๐Ÿ“ฟ#prayer beads|๐Ÿ’„#lipstick|๐Ÿ’#ring|๐Ÿ’Ž#gem stone|๐Ÿ”‡#muted speaker|๐Ÿ”ˆ#speaker low volume|๐Ÿ”‰#speaker medium volume|๐Ÿ”Š#speaker high volume|๐Ÿ“ข#loudspeaker|๐Ÿ“ฃ#megaphone|๐Ÿ“ฏ#postal horn|๐Ÿ””#bell|๐Ÿ”•#bell with slash|๐ŸŽผ#musical score|๐ŸŽต#musical note|๐ŸŽถ#musical notes|๐ŸŽค#microphone|๐ŸŽง#headphone|๐Ÿ“ป#radio|๐ŸŽท#saxophone|๐ŸŽธ#guitar|๐ŸŽน#musical keyboard|๐ŸŽบ#trumpet|๐ŸŽป#violin|๐Ÿฅ#drum|๐Ÿ“ฑ#mobile phone|๐Ÿ“ฒ#mobile phone with arrow|โ˜Ž๏ธ#telephone|๐Ÿ“ž#telephone receiver|๐Ÿ“Ÿ#pager|๐Ÿ“ #fax machine|๐Ÿ”‹#battery|๐Ÿ”Œ#electric plug|๐Ÿ’ป#laptop|โŒจ๏ธ#keyboard|๐Ÿ’ฝ#computer disk|๐Ÿ’พ#floppy disk|๐Ÿ’ฟ#optical disk|๐Ÿ“€#dvd|๐ŸŽฅ#movie camera|๐ŸŽฌ#clapper board|๐Ÿ“บ#television|๐Ÿ“ท#camera|๐Ÿ“ธ#camera with flash|๐Ÿ“น#video camera|๐Ÿ“ผ#videocassette|๐Ÿ”#magnifying glass tilted left|๐Ÿ”Ž#magnifying glass tilted right|๐Ÿ’ก#light bulb|๐Ÿ”ฆ#flashlight|๐Ÿฎ#red paper lantern|๐Ÿ“”#notebook with decorative cover|๐Ÿ“•#closed book|๐Ÿ“–#open book|๐Ÿ“—#green book|๐Ÿ“˜#blue book|๐Ÿ“™#orange book|๐Ÿ“š#books|๐Ÿ““#notebook|๐Ÿ“’#ledger|๐Ÿ“ƒ#page with curl|๐Ÿ“œ#scroll|๐Ÿ“„#page facing up|๐Ÿ“ฐ#newspaper|๐Ÿ“‘#bookmark tabs|๐Ÿ”–#bookmark|๐Ÿ’ฐ#money bag|๐Ÿ’ด#yen banknote|๐Ÿ’ต#dollar banknote|๐Ÿ’ถ#euro banknote|๐Ÿ’ท#pound banknote|๐Ÿ’ธ#money with wings|๐Ÿ’ณ#credit card|๐Ÿ’น#chart increasing with yen|โœ‰๏ธ#envelope|๐Ÿ“ง#e-mail|๐Ÿ“จ#incoming envelope|๐Ÿ“ฉ#envelope with arrow|๐Ÿ“ค#outbox tray|๐Ÿ“ฅ#inbox tray|๐Ÿ“ฆ#package|๐Ÿ“ซ#closed mailbox with raised flag|๐Ÿ“ช#closed mailbox with lowered flag|๐Ÿ“ฌ#open mailbox with raised flag|๐Ÿ“ญ#open mailbox with lowered flag|๐Ÿ“ฎ#postbox|โœ๏ธ#pencil|โœ’๏ธ#black nib|๐Ÿ“#memo|๐Ÿ’ผ#briefcase|๐Ÿ“#file folder|๐Ÿ“‚#open file folder|๐Ÿ“…#calendar|๐Ÿ“†#tear-off calendar|๐Ÿ“‡#card index|๐Ÿ“ˆ#chart increasing|๐Ÿ“‰#chart decreasing|๐Ÿ“Š#bar chart|๐Ÿ“‹#clipboard|๐Ÿ“Œ#pushpin|๐Ÿ“#round pushpin|๐Ÿ“Ž#paperclip|๐Ÿ“#straight ruler|๐Ÿ“#triangular ruler|โœ‚๏ธ#scissors|๐Ÿ”’#locked|๐Ÿ”“#unlocked|๐Ÿ”#locked with pen|๐Ÿ”#locked with key|๐Ÿ”‘#key|๐Ÿ”จ#hammer|โ›๏ธ#pick|โš’๏ธ#hammer and pick|โš”๏ธ#crossed swords|๐Ÿ”ซ#pistol|๐Ÿน#bow and arrow|๐Ÿ”ง#wrench|๐Ÿ”ฉ#nut and bolt|โš™๏ธ#gear|โš–๏ธ#balance scale|๐Ÿ”—#link|โ›“๏ธ#chains|โš—๏ธ#alembic|๐Ÿ”ฌ#microscope|๐Ÿ”ญ#telescope|๐Ÿ“ก#satellite antenna|๐Ÿ’‰#syringe|๐Ÿ’Š#pill|๐Ÿšช#door|๐Ÿšฝ#toilet|๐Ÿšฟ#shower|๐Ÿ›#bathtub|๐Ÿ›’#shopping cart|๐Ÿšฌ#cigarette|โšฐ๏ธ#coffin|โšฑ๏ธ#funeral urn|๐Ÿ—ฟ#moai", "๐Ÿง#ATM sign|๐Ÿšฎ#litter in bin sign|๐Ÿšฐ#potable water|โ™ฟ#wheelchair symbol|๐Ÿšน#menโ€™s room|๐Ÿšบ#womenโ€™s room|๐Ÿšป#restroom|๐Ÿšผ#baby symbol|๐Ÿšพ#water closet|๐Ÿ›‚#passport control|๐Ÿ›ƒ#customs|๐Ÿ›„#baggage claim|๐Ÿ›…#left luggage|โš ๏ธ#warning|๐Ÿšธ#children crossing|โ›”#no entry|๐Ÿšซ#prohibited|๐Ÿšณ#no bicycles|๐Ÿšญ#no smoking|๐Ÿšฏ#no littering|๐Ÿšฑ#non-potable water|๐Ÿšท#no pedestrians|๐Ÿ“ต#no mobile phones|๐Ÿ”ž#no one under eighteen|โ˜ข๏ธ#radioactive|โ˜ฃ๏ธ#biohazard|โฌ†๏ธ#up arrow|โ†—๏ธ#up-right arrow|โžก๏ธ#right arrow|โ†˜๏ธ#down-right arrow|โฌ‡๏ธ#down arrow|โ†™๏ธ#down-left arrow|โฌ…๏ธ#left arrow|โ†–๏ธ#up-left arrow|โ†•๏ธ#up-down arrow|โ†”๏ธ#left-right arrow|โ†ฉ๏ธ#right arrow curving left|โ†ช๏ธ#left arrow curving right|โคด๏ธ#right arrow curving up|โคต๏ธ#right arrow curving down|๐Ÿ”ƒ#clockwise vertical arrows|๐Ÿ”„#counterclockwise arrows button|๐Ÿ”™#BACK arrow|๐Ÿ”š#END arrow|๐Ÿ”›#ON! arrow|๐Ÿ”œ#SOON arrow|๐Ÿ”#TOP arrow|๐Ÿ›#place of worship|โš›๏ธ#atom symbol|โœก๏ธ#star of David|โ˜ธ๏ธ#wheel of dharma|โ˜ฏ๏ธ#yin yang|โœ๏ธ#latin cross|โ˜ฆ๏ธ#orthodox cross|โ˜ช๏ธ#star and crescent|โ˜ฎ๏ธ#peace symbol|๐Ÿ•Ž#menorah|๐Ÿ”ฏ#dotted six-pointed star|โ™ˆ#Aries|โ™‰#Taurus|โ™Š#Gemini|โ™‹#Cancer|โ™Œ#Leo|โ™#Virgo|โ™Ž#Libra|โ™#Scorpio|โ™#Sagittarius|โ™‘#Capricorn|โ™’#Aquarius|โ™“#Pisces|โ›Ž#Ophiuchus|๐Ÿ”€#shuffle tracks button|๐Ÿ”#repeat button|๐Ÿ”‚#repeat single button|โ–ถ๏ธ#play button|โฉ#fast-forward button|โญ๏ธ#next track button|โฏ๏ธ#play or pause button|โ—€๏ธ#reverse button|โช#fast reverse button|โฎ๏ธ#last track button|๐Ÿ”ผ#upwards button|โซ#fast up button|๐Ÿ”ฝ#downwards button|โฌ#fast down button|โธ๏ธ#pause button|โน๏ธ#stop button|โบ๏ธ#record button|โ๏ธ#eject button|๐ŸŽฆ#cinema|๐Ÿ”…#dim button|๐Ÿ”†#bright button|๐Ÿ“ถ#antenna bars|๐Ÿ“ณ#vibration mode|๐Ÿ“ด#mobile phone off|โ™€๏ธ#female sign|โ™‚๏ธ#male sign|โœ–๏ธ#multiply|โž•#plus|โž–#minus|โž—#divide|โ€ผ๏ธ#double exclamation mark|โ‰๏ธ#exclamation question mark|โ“#question mark|โ”#white question mark|โ•#white exclamation mark|โ—#exclamation mark|ใ€ฐ๏ธ#wavy dash|๐Ÿ’ฑ#currency exchange|๐Ÿ’ฒ#heavy dollar sign|โš•๏ธ#medical symbol|โ™ป๏ธ#recycling symbol|โšœ๏ธ#fleur-de-lis|๐Ÿ”ฑ#trident emblem|๐Ÿ“›#name badge|๐Ÿ”ฐ#Japanese symbol for beginner|โญ•#hollow red circle|โœ…#check mark button|โ˜‘๏ธ#check box with check|โœ”๏ธ#check mark|โŒ#cross mark|โŽ#cross mark button|โžฐ#curly loop|โžฟ#double curly loop|ใ€ฝ๏ธ#part alternation mark|โœณ๏ธ#eight-spoked asterisk|โœด๏ธ#eight-pointed star|โ‡๏ธ#sparkle|ยฉ๏ธ#copyright|ยฎ๏ธ#registered|โ„ข๏ธ#trade mark|๐Ÿ”Ÿ#keycap: 10|๐Ÿ” #input latin uppercase|๐Ÿ”ก#input latin lowercase|๐Ÿ”ข#input numbers|๐Ÿ”ฃ#input symbols|๐Ÿ”ค#input latin letters|๐Ÿ†Ž#AB button (blood type)|๐Ÿ†‘#CL button|๐Ÿ†’#COOL button|๐Ÿ†“#FREE button|โ„น๏ธ#information|๐Ÿ†”#ID button|โ“‚๏ธ#circled M|๐Ÿ†•#NEW button|๐Ÿ†–#NG button|๐Ÿ†—#OK button|๐Ÿ†˜#SOS button|๐Ÿ†™#UP! button|๐Ÿ†š#VS button|๐Ÿˆ#Japanese โ€œhereโ€ button|๐Ÿˆถ#Japanese โ€œnot free of chargeโ€ button|๐Ÿˆฏ#Japanese โ€œreservedโ€ button|๐Ÿ‰#Japanese โ€œbargainโ€ button|๐Ÿˆน#Japanese โ€œdiscountโ€ button|๐Ÿˆš#Japanese โ€œfree of chargeโ€ button|๐Ÿˆฒ#Japanese โ€œprohibitedโ€ button|๐Ÿ‰‘#Japanese โ€œacceptableโ€ button|๐Ÿˆธ#Japanese โ€œapplicationโ€ button|๐Ÿˆด#Japanese โ€œpassing gradeโ€ button|๐Ÿˆณ#Japanese โ€œvacancyโ€ button|ใŠ—๏ธ#Japanese โ€œcongratulationsโ€ button|ใŠ™๏ธ#Japanese โ€œsecretโ€ button|๐Ÿˆบ#Japanese โ€œopen for businessโ€ button|๐Ÿˆต#Japanese โ€œno vacancyโ€ button|๐Ÿ”ด#red circle|๐Ÿ”ต#blue circle|โšซ#black circle|โšช#white circle|โฌ›#black large square|โฌœ#white large square|โ—ผ๏ธ#black medium square|โ—ป๏ธ#white medium square|โ—พ#black medium-small square|โ—ฝ#white medium-small square|โ–ช๏ธ#black small square|โ–ซ๏ธ#white small square|๐Ÿ”ถ#large orange diamond|๐Ÿ”ท#large blue diamond|๐Ÿ”ธ#small orange diamond|๐Ÿ”น#small blue diamond|๐Ÿ”บ#red triangle pointed up|๐Ÿ”ป#red triangle pointed down|๐Ÿ’ #diamond with a dot|๐Ÿ”˜#radio button|๐Ÿ”ณ#white square button|๐Ÿ”ฒ#black square button"]
	var emojidata = null;

	function MakeEmojiData() {
		if (emojidata)
			return;
		emojidata = [];
		for (var groupindex = 0; groupindex < groupnames.length; groupindex++) {
			var emojiitems = [];
			var emojigroup = { index: groupindex, name: groupnames[groupindex], items: emojiitems };
			var emojiarr = emojistrs[groupindex].split('|');
			for (var ei = 0; ei < emojiarr.length; ei++) {
				var emojistr = emojiarr[ei];
				var pair = emojistr.split('#')
				emojiitems.push({ emoji: pair[0], keyword: pair[1] });
			}
			emojidata.push(emojigroup);
		}
		//console.log(emojidata);
	}

	var obj = this;

	var config, editor;

	obj.PluginName = "InsertEmoji";

	obj.InitConfig = function (argconfig) {
		config = argconfig;
	}
	obj.InitEditor = function (argeditor) {
		editor = argeditor;

		editor.toolbarFactoryMap["insertemoji"] = function (cmd) {
			return editor.createToolbarItemDropDownPanel(cmd, function (panel) {

				MakeEmojiData()

				panel.style.width = "360px";
				panel.style.height = "420px";
				panel.style.display = "flex";
				panel.style.flexDirection = "column";

				panel.onclick = function (e) {
					if (e.target.nodeName == "GSPAN") {
						editor.closeCurrentPopup();
						var htmlcode = e.target.getAttribute("htmlcode");
						console.log("insert emoji", htmlcode)
						editor.insertHTML(htmlcode);
						editor.collapse(false);
						editor.focus();
					}
				}

				var selecteditem = null;
				var toselectitem = null;
				function clear_selecteditem() {
					if (selecteditem != null) {
						selecteditem.style.backgroundColor = "";
						selecteditem = null;
					}
				}
				function set_selecteditem() {
					clear_selecteditem();
					selecteditem = toselectitem; selecteditem.style.backgroundColor = "#e6e6e6";
					toselectitem = null;
				}
				var tid_sel = 0;

				panel.onmouseover = function (e) {
					for (var node = e.target; node != panel; node = node.parentNode) {
						if (node.nodeName == "GITEM") {
							if (node == toselectitem)
								return;
							toselectitem = node;
							clearTimeout(tid_sel);
							tid_sel = setTimeout(set_selecteditem, 10);
							return;
						}
					}
				}
				panel.onmouseout = function () {
					clearTimeout(tid_sel);
					tid_sel = setTimeout(clear_selecteditem, 10)
				}

				var searchbar = __Append(panel, "label", "margin:5px;position:relative;");
				searchbar.setAttribute("id", "emojis_searchbar");
				var searchbox = __Append(searchbar, "input", "width:100%;padding:5px 20px;border:solid 1px #ccc;border-radius:5px;");
				searchbox.setAttribute("placeholder", editor.getLangText("searchemojis"));

				var tid_key = 0;
				searchbox.onchange = searchbox.onkeyup = searchbox.onkeypress = searchbox.onpaste = function () {
					clearTimeout(tid_key);
					tid_key = setTimeout(show_result, 100);
				}
				function show_result() {
					var keyword = searchbox.value.trim().toLowerCase();
					if (!keyword) {
						tabpanel.style.display =
							grouppanel.style.display = "";
						resultpanel.style.display = "none";
						return;
					}

					tabpanel.style.display =
						grouppanel.style.display = "none";
					resultpanel.style.display = "flex";
					resultpanel.innerHTML = "";

					var resultline = __Append(resultpanel, "div", "width:100%;padding:3px;margin-top:5px;color:darkblue;text-align:center;");

					var itemindex = 0;


					for (var gi = 0; gi < emojidata.length; gi++) {
						var group = emojidata[gi];
						for (var ii = 0; ii < group.items.length; ii++) {
							var item = group.items[ii];

							if (!item.keyword || item.keyword.indexOf(keyword) == -1)
								continue;

							itemindex++;

							//if (itemindex > 20)break;
							var gitem = __Append(resultpanel, "gitem", "width:32px;height:32px;margin:2px", "rte-flex-column-center")
							var gspan = __Append(gitem, "gspan", "");
							var htmlcode = CharToHTMLCode(item.emoji);
							gspan.setAttribute("title", item.emoji + " " + item.keyword)
							gspan.setAttribute("htmlcode", htmlcode)
							gspan.innerHTML = htmlcode;
						}
					}

					resultline.innerText = itemindex + " items";

				}

				searchbox.focus();

				panel.setAttribute("id", "emoji-picker");

				var tabpanel = __Append(panel, "div");

				var resultpanel = __Append(panel, "div", "display:none;flex-direction:row;flex-wrap:wrap;overflow-y:scroll;padding-bottom:55px");

				var grouppanel = __Append(panel, "div", "overflow-y:scroll;padding-bottom:55px;flex:999");

				var groupdivs = [];

				for (var gi = 0; gi < emojidata.length; gi++) {
					var group = emojidata[gi];
					var gdiv = __Append(grouppanel, "div", "padding:3px;margin-top:5px;color:darkblue;");
					groupdivs.push(gdiv);
					gdiv.innerText = group.name[0].toUpperCase() + group.name.substring(1);

					gdiv = __Append(grouppanel, "div", "display:flex;flex-direction:row;flex-wrap:wrap;");

					for (var itemindex = 0; itemindex < group.items.length; itemindex++) {
						var item = group.items[itemindex];
						//if (itemindex > 20)break;
						var gitem = __Append(gdiv, "gitem", "width:32px;height:32px;margin:2px", "rte-flex-column-center")
						var gspan = __Append(gitem, "gspan", "");
						var htmlcode = CharToHTMLCode(item.emoji);
						gspan.setAttribute("title", item.emoji + " " + item.keyword)
						gspan.setAttribute("htmlcode", htmlcode)
						gspan.innerHTML = htmlcode;
					}
				}

				var tabui = __Append(tabpanel, "rte-tabui");
				tabui.setAttribute("id", "emoji-picker");
				var tabuitoolbar = __Append(tabui, "rte-tabui-toolbar");
				var tabuibtns = [];
				function CreateTabBtn(group) {
					var btn = __Append(tabuitoolbar, "rte-tabui-toolbar-button", "width:32px;text-align:center;margin:4px")
					tabuibtns.push(btn);
					btn.setAttribute("title", group.name);
					btn.innerHTML = group.items[0].emoji
					btn.onclick = function () {
						grouppanel.scrollTop = groupdivs[group.index].getBoundingClientRect().top - grouppanel.getBoundingClientRect().top + grouppanel.scrollTop;
						grouppanel.onscroll();
					}
					btn.group = group;
				}
				for (var gi = 0; gi < emojidata.length; gi++) {
					var group = emojidata[gi];
					CreateTabBtn(group)
				}

				var lastactivebtn = null;
				grouppanel.onscroll = function () {
					var ptop = grouppanel.getBoundingClientRect().top;
					console.log(ptop);
					if (lastactivebtn) lastactivebtn.className = "";
					for (var bi = 0; bi < tabuibtns.length; bi++) {
						var btn = tabuibtns[bi];
						var gdiv = groupdivs[btn.group.index];
						if (gdiv.getBoundingClientRect().top > ptop) {
							lastactivebtn = tabuibtns[btn.group.index - 1] || btn;
							lastactivebtn.className = "rte-ui-active";
							return;
						}
					}

					lastactivebtn = tabuibtns[tabuibtns.length - 1];
					lastactivebtn.className = "rte-ui-active";
				}
				grouppanel.onscroll();


			})
		};

	}

	function __Append(parent, tagname, csstext, cssclass) {
		var tag = parent.ownerDocument.createElement(tagname);
		if (csstext) tag.style.cssText = csstext;
		if (cssclass) tag.className = cssclass;
		parent.appendChild(tag);
		return tag;
	}


}




๏ปฟ

RTE_DefaultConfig.plugin_insertgallery = RTE_Plugin_InsertGallery;

function RTE_Plugin_InsertGallery() {



	var obj = this;

	var config, editor;

	obj.PluginName = "InsertGallery";

	obj.InitConfig = function (argconfig) {
		config = argconfig;
	}
	obj.InitEditor = function (argeditor) {
		editor = argeditor;

		editor.attachEvent("exec_command_insertgallery", function (state, cmd, value) {
			state.returnValue = true;
			obj.DoInsertGallery();
		});


	}

	function __Append(parent, tagname, csstext, cssclass) {
		var tag = parent.ownerDocument.createElement(tagname);
		if (csstext) tag.style.cssText = csstext;
		if (cssclass) tag.className = cssclass;
		parent.appendChild(tag);
		return tag;
	}
	
	obj.DoInsertGallery = function () {

		var dialoginner = editor.createDialog(editor.getLangText("insertgallerytitle"), "rte-dialog-insertgallery");

		var scrollpanel = __Append(dialoginner, "rte-insertgallery-scrollpanel", "overflow-y:auto;padding-bottom:32px;");
		var container = __Append(scrollpanel, "rte-insertgallery-container", "display:flex;flex-wrap:wrap;");

		container.focus();//focus to let ESC key close dialog

		function CreateDiv(item) {
			var url, text;
			if (typeof (item) == "string") {
				url = item;
			} else if (item instanceof Array) {
				url = item[0];
				text = item[1];
			}
			else if (item && item.url) {
				url = item.url;
				text = item.text;
			}
			else {
				return;
			}

			var divitem = __Append(container, "rte-insertgallery-image-item", "cursor:pointer;width:128px;height:128px;margin:12px;box-shadow:0 0 8px #ccc;display:flex;align-items:center;justify-content:center;")
			var img = __Append(divitem, "img", "max-width:90%;max-height:90%;");
			img.src = url;

			divitem.onclick = function () {
				editor.insertImageByUrl(url);
				dialoginner.close();
			}
        }

		for (var i = 0; i < config.galleryImages.length; i++) {
			var item = config.galleryImages[i];
			CreateDiv(item);
        }

	}
}




๏ปฟ

RTE_DefaultConfig.plugin_inserttemplate = RTE_Plugin_InsertTemplate;

function RTE_Plugin_InsertTemplate() {



    var obj = this;

    var config, editor;

    obj.PluginName = "InsertTemplate";

    obj.InitConfig = function (argconfig) {
        config = argconfig;
    }
    obj.InitEditor = function (argeditor) {
        editor = argeditor;

        editor.attachEvent("exec_command_inserttemplate", function (state, cmd, value) {
            state.returnValue = true;
            obj.DoInsertTemplate();
        });


    }

    function __Append(parent, tagname, csstext, cssclass) {
        var tag = parent.ownerDocument.createElement(tagname);
        if (csstext) tag.style.cssText = csstext;
        if (cssclass) tag.className = cssclass;
        parent.appendChild(tag);
        return tag;
    }

    obj.DoInsertTemplate = function () {

        var dialoginner = editor.createDialog(editor.getLangText("inserttemplatetitle"), "rte-dialog-inserttemplate");

        var scrollpanel = __Append(dialoginner, "rte-inserttemplate-scrollpanel", "overflow-y:auto;padding-bottom:32px;");
        var container = __Append(scrollpanel, "rte-inserttemplate-container", "display:flex;flex-wrap:wrap;");

        container.focus();//focus to let ESC key close dialog

        function CreateDiv(item) {
            var text = item[0];
            var html = item[1];
            console.log(item, text, html);

            var divitem = __Append(container, "rte-inserttemplate-image-item", "cursor:pointer;width:256px;height:256px;margin:12px;box-shadow:0 0 8px #ccc;display:flex;align-items:center;justify-content:center;")
            var div = __Append(divitem, "div", "max-width:90%;max-height:90%;overflow:auto;");
            var innerdiv = __Append(div, "div");
            innerdiv.innerHTML = html;
            div.title = text;

            var scale = Math.min(200 / div.scrollWidth, 200 / div.scrollHeight);
            if (scale < 1) {

                var tx, ty;
                tx = ty = (Math.max(div.scrollWidth, div.scrollHeight) - 200) / 2;
                innerdiv.style.transform = "scale(" + scale + ") translate(-" + tx + "px,-" + ty + "px)";
                div.style.overflow = "hidden";
            }

            divitem.onclick = function () {
                editor.setHTMLCode(html);
                dialoginner.close();
            }
        }

        for (var i = 0; i < config.htmlTemplates.length; i++) {
            var item = config.htmlTemplates[i];
            CreateDiv(item);
        }

    }
}





//END of all_plugins.js 
User Login
top