/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 
Journal Details
top
blog

Enhancing Payment Security: The Role of Encryption and Tokenization in Digital Transactions

As digital transactions proliferate, ensuring robust payment security is more critical than ever. Two foundational technologies that are pivotal in this effort are encryption and tokenization.
Encryption is a process that transforms data into a secure format, known as ciphertext, which can only be deciphered using a specific decryption key. This means that even if data is intercepted during transmission, it remains unreadable and protected from unauthorized access. Encryption is essential in safeguarding sensitive payment information, such as credit card details and personal data, during online transactions.
Tokenization, on the other hand, involves substituting sensitive data with unique identifiers or "tokens." These tokens serve as placeholders and have no value outside of the specific transaction context. If intercepted, tokens are meaningless and cannot be used to access the original sensitive data. This method significantly reduces the risk of fraud and data breaches, as the actual payment information is not stored or transmitted.
Together, encryption and tokenization form a powerful security framework. Encryption ensures that data is protected during transmission, while tokenization minimizes the risk of exposing sensitive information by replacing it with secure, non-sensitive tokens.
These technologies are integral to modern payment platforms, providing a robust defense against cyber threats. By implementing advanced encryption and tokenization techniques, businesses can enhance the security of digital transactions, ensuring that users' financial and personal information remains safe. This comprehensive approach not only builds user trust but also fortifies the overall security infrastructure of digital payment systems. As cyber threats evolve, the continued advancement of encryption and tokenization will be crucial in maintaining secure and reliable payment processes.

Tags