';\r\n moreLayer.appendChild(moreContainer);\r\n moreContainer = moreContainer.firstElementChild.firstElementChild;\r\n }\r\n }\r\n\r\n if (vertical) {\r\n const sv = separator_vertical.cloneNode(false);\r\n _buttonTray.appendChild(sv);\r\n }\r\n \r\n _buttonTray.appendChild(moduleElement.div);\r\n vertical = true;\r\n }\r\n /** line break */\r\n else if (/^\\/$/.test(buttonGroup)) {\r\n const enterDiv = doc.createElement('DIV');\r\n enterDiv.className = 'se-btn-module-enter';\r\n _buttonTray.appendChild(enterDiv);\r\n vertical = false;\r\n }\r\n }\r\n\r\n switch (_buttonTray.children.length) {\r\n case 0:\r\n _buttonTray.style.display = 'none';\r\n break;\r\n case 1:\r\n util.removeClass(_buttonTray.firstElementChild, 'se-btn-module-border');\r\n break;\r\n default:\r\n if (options.rtl) {\r\n const sv = separator_vertical.cloneNode(false);\r\n sv.style.float = _buttonTray.lastElementChild.style.float;\r\n _buttonTray.appendChild(sv);\r\n }\r\n }\r\n\r\n if (responsiveButtons.length > 0) responsiveButtons.unshift(buttonList);\r\n if (moreLayer.children.length > 0) _buttonTray.appendChild(moreLayer);\r\n\r\n // menu tray\r\n const _menuTray = doc.createElement('DIV');\r\n _menuTray.className = 'se-menu-tray';\r\n tool_bar.appendChild(_menuTray);\r\n\r\n // cover\r\n const tool_cover = doc.createElement('DIV');\r\n tool_cover.className = 'se-toolbar-cover';\r\n tool_bar.appendChild(tool_cover);\r\n\r\n if (options.hideToolbar) tool_bar.style.display = 'none';\r\n\r\n return {\r\n 'element': tool_bar,\r\n 'plugins': plugins,\r\n 'pluginCallButtons': pluginCallButtons,\r\n 'responsiveButtons': responsiveButtons,\r\n '_menuTray': _menuTray,\r\n '_buttonTray': _buttonTray\r\n };\r\n }\r\n};","/*\r\n * wysiwyg web editor\r\n *\r\n * suneditor.js\r\n * Copyright 2017 JiHong Lee.\r\n * MIT license.\r\n */\r\n'use strict';\r\n\r\n/**\r\n * @description Elements and variables you should have\r\n * @param {Element} element textarea element\r\n * @param {object} cons Toolbar element you created\r\n * @param {JSON|Object} options Inserted options\r\n * @returns {Object} {Elements, variables of the editor, option}\r\n * @private\r\n */\r\nconst _Context = function (element, cons, options) {\r\n return {\r\n element: {\r\n originElement: element,\r\n topArea: cons._top,\r\n relative: cons._relative,\r\n toolbar: cons._toolBar,\r\n _toolbarShadow: cons._toolbarShadow,\r\n _buttonTray: cons._toolBar.querySelector('.se-btn-tray'),\r\n _menuTray: cons._menuTray,\r\n resizingBar: cons._resizingBar,\r\n navigation: cons._navigation,\r\n charWrapper: cons._charWrapper,\r\n charCounter: cons._charCounter,\r\n editorArea: cons._editorArea,\r\n wysiwygFrame: cons._wysiwygArea,\r\n wysiwyg: cons._wysiwygArea, // if (options.iframe) cons._wysiwygArea.contentDocument.body\r\n code: cons._codeArea,\r\n placeholder: cons._placeholder,\r\n loading: cons._loading,\r\n lineBreaker: cons._lineBreaker,\r\n lineBreaker_t: cons._lineBreaker_t,\r\n lineBreaker_b: cons._lineBreaker_b,\r\n resizeBackground: cons._resizeBack,\r\n _stickyDummy: cons._stickyDummy,\r\n _arrow: cons._arrow,\r\n _focusTemp: cons._focusTemp\r\n },\r\n tool: {\r\n cover: cons._toolBar.querySelector('.se-toolbar-cover'),\r\n bold: cons._toolBar.querySelector('[data-command=\"bold\"]'),\r\n underline: cons._toolBar.querySelector('[data-command=\"underline\"]'),\r\n italic: cons._toolBar.querySelector('[data-command=\"italic\"]'),\r\n strike: cons._toolBar.querySelector('[data-command=\"strike\"]'),\r\n sub: cons._toolBar.querySelector('[data-command=\"SUB\"]'),\r\n sup: cons._toolBar.querySelector('[data-command=\"SUP\"]'),\r\n undo: cons._toolBar.querySelector('[data-command=\"undo\"]'),\r\n redo: cons._toolBar.querySelector('[data-command=\"redo\"]'),\r\n save: cons._toolBar.querySelector('[data-command=\"save\"]'),\r\n outdent: cons._toolBar.querySelector('[data-command=\"outdent\"]'),\r\n indent: cons._toolBar.querySelector('[data-command=\"indent\"]'),\r\n fullScreen: cons._toolBar.querySelector('[data-command=\"fullScreen\"]'),\r\n showBlocks: cons._toolBar.querySelector('[data-command=\"showBlocks\"]'),\r\n codeView: cons._toolBar.querySelector('[data-command=\"codeView\"]'),\r\n dir: cons._toolBar.querySelector('[data-command=\"dir\"]'),\r\n dir_ltr: cons._toolBar.querySelector('[data-command=\"dir_ltr\"]'),\r\n dir_rtl: cons._toolBar.querySelector('[data-command=\"dir_rtl\"]')\r\n },\r\n options: options,\r\n option: options\r\n };\r\n};\r\n\r\nexport default _Context;","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2019 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default function (core, change) {\n const _w = core._w;\n const util = core.util;\n const delayTime = core.options.historyStackDelayTime;\n let editor = core.context.element;\n let undo = core.context.tool.undo;\n let redo = core.context.tool.redo;\n\n let pushDelay = null;\n let stackIndex = 0;\n let stack = [];\n\n function setContentsFromStack () {\n const item = stack[stackIndex];\n editor.wysiwyg.innerHTML = item.contents;\n\n core.setRange(util.getNodeFromPath(item.s.path, editor.wysiwyg), item.s.offset, util.getNodeFromPath(item.e.path, editor.wysiwyg), item.e.offset);\n core.focus();\n\n if (stack.length <= 1) {\n if (undo) undo.setAttribute('disabled', true);\n if (redo) redo.setAttribute('disabled', true);\n } else {\n if (stackIndex === 0) {\n if (undo) undo.setAttribute('disabled', true);\n if (redo) redo.removeAttribute('disabled');\n } else if (stackIndex === stack.length - 1) {\n if (undo) undo.removeAttribute('disabled');\n if (redo) redo.setAttribute('disabled', true);\n } else {\n if (undo) undo.removeAttribute('disabled');\n if (redo) redo.removeAttribute('disabled');\n }\n }\n\n core.controllersOff();\n core._checkComponents();\n core._setCharCount();\n core._resourcesStateChange();\n \n // onChange\n change();\n }\n\n function pushStack () {\n core._checkComponents();\n const current = editor.wysiwyg.innerHTML;\n if (!current || (!!stack[stackIndex] && current === stack[stackIndex].contents)) return;\n\n stackIndex++;\n const range = core._variable._range;\n\n if (stack.length > stackIndex) {\n stack = stack.slice(0, stackIndex);\n if (redo) redo.setAttribute('disabled', true);\n }\n\n if (!range) {\n stack[stackIndex] = {\n contents: current,\n s: { path: [0, 0], offset: [0, 0] },\n e: { path: 0, offset: 0 }\n };\n } else {\n stack[stackIndex] = {\n contents: current,\n s: {\n path: util.getNodePath(range.startContainer, null, null),\n offset: range.startOffset\n },\n e: {\n path: util.getNodePath(range.endContainer, null, null),\n offset: range.endOffset\n }\n };\n }\n\n if (stackIndex === 1 && undo) undo.removeAttribute('disabled');\n\n core._setCharCount();\n // onChange\n change();\n }\n\n return {\n /**\n * @description History stack\n */\n stack: stack,\n\n /**\n * @description Saving the current status to the history object stack\n * If \"delay\" is true, it will be saved after (options.historyStackDelayTime || 400) miliseconds\n * If the function is called again with the \"delay\" argument true before it is saved, the delay time is renewal\n * You can specify the delay time by sending a number.\n * @param {Boolean|Number} delay If true, Add stack without delay time.\n */\n push: function (delay) {\n _w.setTimeout(core._resourcesStateChange.bind(core));\n const time = typeof delay === 'number' ? (delay > 0 ? delay : 0) : (!delay ? 0 : delayTime);\n \n if (!time || pushDelay) {\n _w.clearTimeout(pushDelay);\n if (!time) {\n pushStack();\n return;\n }\n }\n\n pushDelay = _w.setTimeout(function () {\n _w.clearTimeout(pushDelay);\n pushDelay = null;\n pushStack();\n }, time);\n },\n\n /**\n * @description Undo function\n */\n undo: function () {\n if (stackIndex > 0) {\n stackIndex--;\n setContentsFromStack();\n }\n },\n\n /**\n * @description Redo function\n */\n redo: function () {\n if (stack.length - 1 > stackIndex) {\n stackIndex++;\n setContentsFromStack();\n }\n },\n\n /**\n * @description Go to the history stack for that index.\n * If \"index\" is -1, go to the last stack\n */\n go: function (index) {\n stackIndex = index < 0 ? (stack.length - 1) : index;\n setContentsFromStack();\n },\n\n /**\n * @description Get the current history stack index.\n * @returns {Number} Current Stack index\n */\n getCurrentIndex: function () {\n return stackIndex;\n },\n \n /**\n * @description Reset the history object\n */\n reset: function (ignoreChangeEvent) {\n if (undo) undo.setAttribute('disabled', true);\n if (redo) redo.setAttribute('disabled', true);\n core._variable.isChanged = false;\n if (core.context.tool.save) core.context.tool.save.setAttribute('disabled', true);\n \n stack.splice(0);\n stackIndex = 0;\n\n // pushStack\n stack[stackIndex] = {\n contents: core.getContents(true),\n s: {\n path: [0, 0],\n offset: 0\n },\n e: {\n path: [0, 0],\n offset: 0\n }\n };\n\n if (!ignoreChangeEvent) change();\n },\n\n /**\n * @description Reset the disabled state of the buttons to fit the current stack.\n * @private\n */\n _resetCachingButton: function () {\n editor = core.context.element;\n undo = core.context.tool.undo;\n redo = core.context.tool.redo;\n\n if (stackIndex === 0) {\n if (undo) undo.setAttribute('disabled', true);\n if (redo && stackIndex === stack.length - 1) redo.setAttribute('disabled', true);\n core._variable.isChanged = false;\n if (core.context.tool.save) core.context.tool.save.setAttribute('disabled', true);\n } else if (stackIndex === stack.length - 1) {\n if (redo) redo.setAttribute('disabled', true);\n }\n },\n\n /**\n * @description Remove all stacks and remove the timeout function.\n * @private\n */\n _destroy: function () {\n if (pushDelay) _w.clearTimeout(pushDelay);\n stack = null;\n }\n };\n}","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'notice',\n /**\n * @description Constructor\n * @param {Object} core Core object \n */\n add: function (core) {\n const context = core.context;\n context.notice = {};\n\n /** dialog */\n let notice_div = core.util.createElement('DIV');\n let notice_span = core.util.createElement('SPAN');\n let notice_button = core.util.createElement('BUTTON');\n\n notice_div.className = 'se-notice';\n notice_button.className = 'close';\n notice_button.setAttribute('aria-label', 'Close');\n notice_button.setAttribute('title', core.lang.dialogBox.close);\n notice_button.innerHTML = core.icons.cancel;\n \n notice_div.appendChild(notice_span);\n notice_div.appendChild(notice_button);\n\n context.notice.modal = notice_div;\n context.notice.message = notice_span;\n\n /** add event listeners */\n notice_button.addEventListener('click', this.onClick_cancel.bind(core));\n \n /** append html */\n context.element.editorArea.appendChild(notice_div);\n \n /** empty memory */\n notice_div = null;\n },\n\n /**\n * @description Event when clicking the cancel button\n * @param {MouseEvent} e Event object\n */\n onClick_cancel: function (e) {\n e.preventDefault();\n e.stopPropagation();\n this.plugins.notice.close.call(this);\n },\n\n /**\n * @description Open the notice panel\n * @param {String} text Notice message\n */\n open: function (text) {\n this.context.notice.message.textContent = text;\n this.context.notice.modal.style.display = 'block';\n },\n\n /**\n * @description Open the notice panel\n */\n close: function () {\n this.context.notice.modal.style.display = 'none';\n }\n};\n","/*\r\n * wysiwyg web editor\r\n *\r\n * suneditor.js\r\n * Copyright 2017 JiHong Lee.\r\n * MIT license.\r\n */\r\n'use strict';\r\n\r\nimport _Constructor from './constructor';\r\nimport _Context from './context';\r\nimport _history from './history';\r\nimport _util from './util';\r\nimport _notice from '../plugins/modules/_notice';\r\n\r\n/**\r\n * @description SunEditor constuctor function.\r\n * create core object and event registration.\r\n * core, event, functions\r\n * @param {Object} context\r\n * @param {Object} pluginCallButtons\r\n * @param {Object} plugins \r\n * @param {Object} lang\r\n * @param {Object} options\r\n * @param {Object} _responsiveButtons\r\n * @returns {Object} functions Object\r\n */\r\nexport default function (context, pluginCallButtons, plugins, lang, options, _responsiveButtons) {\r\n const _d = context.element.originElement.ownerDocument || document;\r\n const _w = _d.defaultView || window;\r\n const util = _util;\r\n const icons = options.icons;\r\n\r\n /**\r\n * @description editor core object\r\n * should always bind this object when registering an event in the plug-in.\r\n */\r\n const core = {\r\n _d: _d,\r\n _w: _w,\r\n _parser: new _w.DOMParser(),\r\n _prevRtl: options.rtl,\r\n _editorHeight: 0,\r\n _editorHeightPadding: 0,\r\n _listCamel: options.__listCommonStyle,\r\n _listKebab: util.camelToKebabCase(options.__listCommonStyle),\r\n __focusTemp: context.element._focusTemp,\r\n\r\n /**\r\n * @description Document object of the iframe if created as an iframe || _d\r\n * @private\r\n */\r\n _wd: null,\r\n\r\n /**\r\n * @description Window object of the iframe if created as an iframe || _w\r\n * @private\r\n */\r\n _ww: null,\r\n\r\n /**\r\n * @description Closest ShadowRoot to editor if found\r\n * @private\r\n */\r\n _shadowRoot: null,\r\n\r\n /**\r\n * @description Block controller mousedown events in \"shadowRoot\" environment\r\n * @private\r\n */\r\n _shadowRootControllerEventTarget: null,\r\n\r\n /**\r\n * @description Util object\r\n */\r\n util: util,\r\n\r\n /**\r\n * @description Functions object\r\n */\r\n functions: null,\r\n\r\n /**\r\n * @description Editor options\r\n */\r\n options: null,\r\n\r\n /**\r\n * @description Computed style of the wysiwyg area (window.getComputedStyle(context.element.wysiwyg))\r\n */\r\n wwComputedStyle: null,\r\n\r\n /**\r\n * @description Notice object\r\n */\r\n notice: _notice,\r\n\r\n /**\r\n * @description Default icons object\r\n */\r\n icons: icons,\r\n\r\n /**\r\n * @description History object for undo, redo\r\n */\r\n history: null,\r\n\r\n /**\r\n * @description Elements and user options parameters of the suneditor\r\n */\r\n context: context,\r\n\r\n /**\r\n * @description Plugin buttons\r\n */\r\n pluginCallButtons: pluginCallButtons,\r\n\r\n /**\r\n * @description Loaded plugins\r\n */\r\n plugins: plugins || {},\r\n\r\n /**\r\n * @description Whether the plugin is initialized\r\n */\r\n initPlugins: {},\r\n\r\n /**\r\n * @description Object for managing submenu elements\r\n * @private\r\n */\r\n _targetPlugins: {},\r\n\r\n /**\r\n * @description Save rendered submenus and containers\r\n * @private\r\n */\r\n _menuTray: {},\r\n\r\n /**\r\n * @description loaded language\r\n */\r\n lang: lang,\r\n\r\n /**\r\n * @description The selection node (core.getSelectionNode()) to which the effect was last applied\r\n */\r\n effectNode: null,\r\n\r\n /**\r\n * @description submenu element\r\n */\r\n submenu: null,\r\n\r\n /**\r\n * @description container element\r\n */\r\n container: null,\r\n\r\n /**\r\n * @description current subment name\r\n * @private\r\n */\r\n _submenuName: '',\r\n\r\n /**\r\n * @description binded submenuOff method\r\n * @private\r\n */\r\n _bindedSubmenuOff: null,\r\n\r\n /**\r\n * @description binded containerOff method\r\n * @private\r\n */\r\n _bindedContainerOff: null,\r\n\r\n /**\r\n * @description active button element in submenu\r\n */\r\n submenuActiveButton: null,\r\n\r\n /**\r\n * @description active button element in container\r\n */\r\n containerActiveButton: null,\r\n\r\n /**\r\n * @description The elements array to be processed unvisible when the controllersOff function is executed (resizing, link modified button, table controller)\r\n */\r\n controllerArray: [],\r\n\r\n /**\r\n * @description The name of the plugin that called the currently active controller\r\n */\r\n currentControllerName: '',\r\n\r\n /**\r\n * @description The target element of current controller\r\n */\r\n currentControllerTarget: null,\r\n\r\n /**\r\n * @description The file component object of current selected file tag (getFileComponent)\r\n */\r\n currentFileComponentInfo: null,\r\n\r\n /**\r\n * @description An array of buttons whose class name is not \"se-code-view-enabled\"\r\n */\r\n codeViewDisabledButtons: [],\r\n\r\n /**\r\n * @description An array of buttons whose class name is not \"se-resizing-enabled\"\r\n */\r\n resizingDisabledButtons: [],\r\n\r\n /**\r\n * @description active more layer element in submenu\r\n * @private\r\n */\r\n _moreLayerActiveButton: null,\r\n\r\n /**\r\n * @description Tag whitelist RegExp object used in \"_consistencyCheckOfHTML\" method\r\n * ^(options._editorTagsWhitelist)$\r\n * @private\r\n */\r\n _htmlCheckWhitelistRegExp: null,\r\n\r\n /**\r\n * @description Tag blacklist RegExp object used in \"_consistencyCheckOfHTML\" method\r\n * @private\r\n */\r\n _htmlCheckBlacklistRegExp: null,\r\n\r\n /**\r\n * @description RegExp when using check disallowd tags. (b, i, ins, strike, s)\r\n * @private\r\n */\r\n _disallowedTextTagsRegExp: null,\r\n\r\n /**\r\n * @description Editor tags whitelist (RegExp object)\r\n * util.createTagsWhitelist(options._editorTagsWhitelist)\r\n */\r\n editorTagsWhitelistRegExp: null,\r\n\r\n /**\r\n * @description Editor tags blacklist (RegExp object)\r\n * util.createTagsBlacklist(options.tagsBlacklist)\r\n */\r\n editorTagsBlacklistRegExp: null,\r\n\r\n /**\r\n * @description Tag whitelist when pasting (RegExp object)\r\n * util.createTagsWhitelist(options.pasteTagsWhitelist)\r\n */\r\n pasteTagsWhitelistRegExp: null,\r\n\r\n /**\r\n * @description Tag blacklist when pasting (RegExp object)\r\n * util.createTagsBlacklist(options.pasteTagsBlacklist)\r\n */\r\n pasteTagsBlacklistRegExp: null,\r\n\r\n /**\r\n * @description Boolean value of whether the editor has focus\r\n */\r\n hasFocus: false,\r\n\r\n /**\r\n * @description Boolean value of whether the editor is disabled\r\n */\r\n isDisabled: false,\r\n\r\n /**\r\n * @description Boolean value of whether the editor is readOnly\r\n */\r\n isReadOnly: false,\r\n\r\n /**\r\n * @description Attributes whitelist used by the cleanHTML method\r\n * @private\r\n */\r\n _attributesWhitelistRegExp: null,\r\n _attributesWhitelistRegExp_all_data: null,\r\n\r\n /**\r\n * @description Attributes blacklist used by the cleanHTML method\r\n * @private\r\n */\r\n _attributesBlacklistRegExp: null,\r\n\r\n /**\r\n * @description Attributes of tags whitelist used by the cleanHTML method\r\n * @private\r\n */\r\n _attributesTagsWhitelist: null,\r\n\r\n /**\r\n * @description Attributes of tags blacklist used by the cleanHTML method\r\n * @private\r\n */\r\n _attributesTagsBlacklist: null,\r\n\r\n /**\r\n * @description binded controllersOff method\r\n * @private\r\n */\r\n _bindControllersOff: null,\r\n\r\n /**\r\n * @description Is inline mode?\r\n * @private\r\n */\r\n _isInline: null,\r\n\r\n /**\r\n * @description Is balloon|balloon-always mode?\r\n * @private\r\n */\r\n _isBalloon: null,\r\n\r\n /**\r\n * @description Is balloon-always mode?\r\n * @private\r\n */\r\n _isBalloonAlways: null,\r\n\r\n /**\r\n * @description Required value when using inline mode to sticky toolbar\r\n * @private\r\n */\r\n _inlineToolbarAttr: {top: '', width: '', isShow: false},\r\n\r\n /**\r\n * @description Variable that controls the \"blur\" event in the editor of inline or balloon mode when the focus is moved to submenu\r\n * @private\r\n */\r\n _notHideToolbar: false,\r\n\r\n /**\r\n * @description Variable value that sticky toolbar mode\r\n * @private\r\n */\r\n _sticky: false,\r\n\r\n /**\r\n * @description Variables for controlling focus and blur events\r\n * @private\r\n */\r\n _antiBlur: false,\r\n\r\n /**\r\n * @description Component line breaker element\r\n * @private\r\n */\r\n _lineBreaker: null,\r\n _lineBreakerButton: null,\r\n\r\n /**\r\n * @description If true, (initialize, reset) all indexes of image, video information\r\n * @private\r\n */\r\n _componentsInfoInit: true,\r\n _componentsInfoReset: false,\r\n\r\n /**\r\n * @description Plugins array with \"active\" method.\r\n * \"activePlugins\" runs the \"add\" method when creating the editor.\r\n */\r\n activePlugins: null,\r\n\r\n /**\r\n * @description Information of tags that should maintain HTML structure, style, class name, etc. (In use by \"math\" plugin)\r\n * When inserting \"html\" such as paste, it is executed on the \"html\" to be inserted. (core.cleanHTML)\r\n * Basic Editor Actions:\r\n * 1. All classes not starting with \"__se__\" or \"se-\" in the editor are removed.\r\n * 2. The style of all tags except the \"span\" tag is removed from the editor.\r\n * \"managedTagsInfo\" structure ex:\r\n * managedTagsInfo: {\r\n * query: '.__se__xxx, se-xxx'\r\n * map: {\r\n * '__se__xxx': method.bind(core),\r\n * 'se-xxx': method.bind(core),\r\n * }\r\n * }\r\n * @example\r\n * Define in the following return format in the \"managedTagInfo\" function of the plugin.\r\n * managedTagInfo() => {\r\n * return {\r\n * className: 'string', // Class name to identify the tag. (\"__se__xxx\", \"se-xxx\")\r\n * // Change the html of the \"element\". (\"element\" is the element found with \"className\".)\r\n * // \"method\" is executed by binding \"core\".\r\n * method: function (element) {\r\n * // this === core\r\n * element.innerHTML = // (rendered html);\r\n * }\r\n * }\r\n * }\r\n */\r\n managedTagsInfo: null,\r\n\r\n /**\r\n * @description cashing: options.charCounterType === 'byte-html'\r\n * @private\r\n */\r\n _charTypeHTML: false,\r\n\r\n /**\r\n * @description Array of \"checkFileInfo\" functions with the core bound\r\n * (Plugins with \"checkFileInfo\" and \"resetFileInfo\" methods)\r\n * \"fileInfoPlugins\" runs the \"add\" method when creating the editor.\r\n * \"checkFileInfo\" method is always call just before the \"change\" event.\r\n * @private\r\n */\r\n _fileInfoPluginsCheck: null,\r\n\r\n /**\r\n * @description Array of \"resetFileInfo\" functions with the core bound\r\n * (Plugins with \"checkFileInfo\" and \"resetFileInfo\" methods)\r\n * \"checkFileInfo\" method is always call just before the \"functions.setOptions\" method.\r\n * @private\r\n */\r\n _fileInfoPluginsReset: null,\r\n\r\n /**\r\n * @description Variables for file component management\r\n * @private\r\n */\r\n _fileManager: {\r\n tags: null,\r\n regExp: null,\r\n queryString: null,\r\n pluginRegExp: null,\r\n pluginMap: null\r\n },\r\n\r\n /**\r\n * @description Elements that need to change text or className for each selection change\r\n * After creating the editor, \"activePlugins\" are added.\r\n * @property {Element} STRONG bold button\r\n * @property {Element} U underline button\r\n * @property {Element} EM italic button\r\n * @property {Element} DEL strike button\r\n * @property {Element} SUB subscript button\r\n * @property {Element} SUP superscript button\r\n * @property {Element} OUTDENT outdent button\r\n * @property {Element} INDENT indent button\r\n */\r\n commandMap: {},\r\n\r\n /**\r\n * @description CSS properties related to style tags \r\n * @private\r\n */\r\n _commandMapStyles: {\r\n STRONG: ['font-weight'],\r\n U: ['text-decoration'],\r\n EM: ['font-style'],\r\n DEL: ['text-decoration']\r\n },\r\n\r\n /**\r\n * @description Style button related to edit area\r\n * @property {Element} fullScreen fullScreen button element\r\n * @property {Element} showBlocks showBlocks button element\r\n * @property {Element} codeView codeView button element\r\n * @private\r\n */\r\n _styleCommandMap: null,\r\n\r\n /**\r\n * @private\r\n */\r\n _cleanStyleRegExp: {\r\n div: new _w.RegExp('\\\\s*[^-a-zA-Z](.+)\\\\s*:[^;]+(?!;)*', 'ig'),\r\n span: new _w.RegExp('\\\\s*[^-a-zA-Z](font-family|font-size|color|background-color)\\\\s*:[^;]+(?!;)*', 'ig'),\r\n format: new _w.RegExp('\\\\s*[^-a-zA-Z](text-align|margin-left|margin-right|width|height|line-height)\\\\s*:[^;]+(?!;)*', 'ig'),\r\n fontSizeUnit: new _w.RegExp('\\\\d+' + options.fontSizeUnit + '$', 'i'),\r\n },\r\n\r\n /**\r\n * @description Variables used internally in editor operation\r\n * @property {Boolean} isCodeView State of code view\r\n * @property {Boolean} isFullScreen State of full screen\r\n * @property {Number} innerHeight_fullScreen InnerHeight in editor when in full screen\r\n * @property {Number} resizeClientY Remember the vertical size of the editor before resizing the editor (Used when calculating during resize operation)\r\n * @property {Number} tabSize Indent size of tab (4)\r\n * @property {Number} codeIndent Indent size of Code view mode (2)\r\n * @property {Number} minResizingSize Minimum size of editing area when resized {Number} (.se-wrapper-inner {min-height: 65px;} || 65)\r\n * @property {Array} currentNodes An array of the current cursor's node structure\r\n * @private\r\n */\r\n _variable: {\r\n isChanged: false,\r\n isCodeView: false,\r\n isFullScreen: false,\r\n innerHeight_fullScreen: 0,\r\n resizeClientY: 0,\r\n tabSize: 4,\r\n codeIndent: 2,\r\n minResizingSize: util.getNumber((context.element.wysiwygFrame.style.minHeight || '65'), 0),\r\n currentNodes: [],\r\n currentNodesMap: [],\r\n _range: null,\r\n _selectionNode: null,\r\n _originCssText: context.element.topArea.style.cssText,\r\n _bodyOverflow: '',\r\n _editorAreaOriginCssText: '',\r\n _wysiwygOriginCssText: '',\r\n _codeOriginCssText: '',\r\n _fullScreenAttrs: {sticky: false, balloon: false, inline: false},\r\n _lineBreakComp: null,\r\n _lineBreakDir: ''\r\n },\r\n\r\n /**\r\n * @description Temp variable for set line attrs\r\n * @private\r\n */\r\n _formatAttrsTemp: null,\r\n\r\n /**\r\n * @description Save the current buttons states to \"allCommandButtons\" object\r\n * @private\r\n */\r\n _saveButtonStates: function () {\r\n if (!this.allCommandButtons) this.allCommandButtons = {};\r\n\r\n const currentButtons = this.context.element._buttonTray.querySelectorAll('.se-menu-list button[data-display]');\r\n for (let i = 0, element, command; i < currentButtons.length; i++) {\r\n element = currentButtons[i];\r\n command = element.getAttribute('data-command');\r\n\r\n this.allCommandButtons[command] = element;\r\n }\r\n },\r\n\r\n /**\r\n * @description Recover the current buttons states from \"allCommandButtons\" object\r\n * @private\r\n */\r\n _recoverButtonStates: function () {\r\n if (this.allCommandButtons) {\r\n const currentButtons = this.context.element._buttonTray.querySelectorAll('.se-menu-list button[data-display]');\r\n for (let i = 0, button, command, oldButton; i < currentButtons.length; i++) {\r\n button = currentButtons[i];\r\n command = button.getAttribute('data-command');\r\n\r\n oldButton = this.allCommandButtons[command];\r\n if (oldButton) {\r\n button.parentElement.replaceChild(oldButton, button);\r\n if (this.context.tool[command]) this.context.tool[command] = oldButton;\r\n }\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @description If the plugin is not added, add the plugin and call the 'add' function.\r\n * If the plugin is added call callBack function.\r\n * @param {String} pluginName The name of the plugin to call\r\n * @param {function} callBackFunction Function to be executed immediately after module call\r\n * @param {Element|null} _target Plugin target button (This is not necessary if you have a button list when creating the editor)\r\n */\r\n callPlugin: function (pluginName, callBackFunction, _target) {\r\n _target = _target || pluginCallButtons[pluginName];\r\n\r\n if (!this.plugins[pluginName]) {\r\n throw Error('[SUNEDITOR.core.callPlugin.fail] The called plugin does not exist or is in an invalid format. (pluginName:\"' + pluginName + '\")');\r\n } else if (!this.initPlugins[pluginName]) {\r\n this.plugins[pluginName].add(this, _target);\r\n this.initPlugins[pluginName] = true;\r\n } else if (typeof this._targetPlugins[pluginName] === 'object' && !!_target) {\r\n this.initMenuTarget(pluginName, _target, this._targetPlugins[pluginName]);\r\n }\r\n\r\n if (this.plugins[pluginName].active && !this.commandMap[pluginName] && !!_target) {\r\n this.commandMap[pluginName] = _target;\r\n this.activePlugins.push(pluginName);\r\n }\r\n\r\n if (typeof callBackFunction === 'function') callBackFunction();\r\n },\r\n\r\n /**\r\n * @description If the module is not added, add the module and call the 'add' function\r\n * @param {Array} moduleArray module object's Array [dialog, resizing]\r\n */\r\n addModule: function (moduleArray) {\r\n for (let i = 0, len = moduleArray.length, moduleName; i < len; i++) {\r\n moduleName = moduleArray[i].name;\r\n if (!this.plugins[moduleName]) {\r\n this.plugins[moduleName] = moduleArray[i];\r\n }\r\n if (!this.initPlugins[moduleName]) {\r\n this.initPlugins[moduleName] = true;\r\n if (typeof this.plugins[moduleName].add === 'function') this.plugins[moduleName].add(this);\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @description Gets the current editor-relative scroll offset.\r\n * @returns {Object} {top, left}\r\n */\r\n getGlobalScrollOffset: function () {\r\n let t = 0, l = 0;\r\n let el = context.element.topArea;\r\n while (el) {\r\n t += el.scrollTop;\r\n l += el.scrollLeft;\r\n el = el.parentElement;\r\n }\r\n\r\n el = this._shadowRoot ? this._shadowRoot.host : null;\r\n while (el) {\r\n t += el.scrollTop;\r\n l += el.scrollLeft;\r\n el = el.parentElement;\r\n }\r\n\r\n return {\r\n top: t,\r\n left: l\r\n };\r\n },\r\n\r\n /**\r\n * @description Method for managing submenu element.\r\n * You must add the \"submenu\" element using the this method at custom plugin.\r\n * @param {String} pluginName Plugin name\r\n * @param {Element|null} target Target button\r\n * @param {Element} menu Submenu element\r\n */\r\n initMenuTarget: function (pluginName, target, menu) {\r\n if (!target) {\r\n this._targetPlugins[pluginName] = menu;\r\n } else {\r\n context.element._menuTray.appendChild(menu);\r\n this._targetPlugins[pluginName] = true;\r\n this._menuTray[target.getAttribute('data-command')] = menu;\r\n }\r\n },\r\n\r\n /**\r\n * @description Enable submenu\r\n * @param {Element} element Submenu's button element to call\r\n */\r\n submenuOn: function (element) {\r\n if (this._bindedSubmenuOff) this._bindedSubmenuOff();\r\n if (this._bindControllersOff) this.controllersOff();\r\n\r\n const submenuName = this._submenuName = element.getAttribute('data-command');\r\n const menu = this.submenu = this._menuTray[submenuName];\r\n this.submenuActiveButton = element;\r\n this._setMenuPosition(element, menu);\r\n\r\n this._bindedSubmenuOff = this.submenuOff.bind(this);\r\n this.addDocEvent('mousedown', this._bindedSubmenuOff, false);\r\n\r\n if (this.plugins[submenuName].on) this.plugins[submenuName].on.call(this);\r\n this._antiBlur = true;\r\n },\r\n\r\n /**\r\n * @description Disable submenu\r\n */\r\n submenuOff: function () {\r\n this.removeDocEvent('mousedown', this._bindedSubmenuOff);\r\n this._bindedSubmenuOff = null;\r\n\r\n if (this.submenu) {\r\n this._submenuName = '';\r\n this.submenu.style.display = 'none';\r\n this.submenu = null;\r\n util.removeClass(this.submenuActiveButton, 'on');\r\n this.submenuActiveButton = null;\r\n this._notHideToolbar = false;\r\n }\r\n\r\n this._antiBlur = false;\r\n },\r\n\r\n /**\r\n * @description Disable more layer\r\n */\r\n moreLayerOff: function() {\r\n if (this._moreLayerActiveButton) {\r\n const layer = context.element.toolbar.querySelector('.' + this._moreLayerActiveButton.getAttribute('data-command'));\r\n layer.style.display = 'none';\r\n util.removeClass(this._moreLayerActiveButton, 'on');\r\n this._moreLayerActiveButton = null;\r\n }\r\n },\r\n\r\n /**\r\n * @description Enable container\r\n * @param {Element} element Container's button element to call\r\n */\r\n containerOn: function (element) {\r\n if (this._bindedContainerOff) this._bindedContainerOff();\r\n\r\n const containerName = this._containerName = element.getAttribute('data-command');\r\n const menu = this.container = this._menuTray[containerName];\r\n this.containerActiveButton = element;\r\n this._setMenuPosition(element, menu);\r\n\r\n this._bindedContainerOff = this.containerOff.bind(this);\r\n this.addDocEvent('mousedown', this._bindedContainerOff, false);\r\n\r\n if (this.plugins[containerName].on) this.plugins[containerName].on.call(this);\r\n this._antiBlur = true;\r\n },\r\n\r\n /**\r\n * @description Disable container\r\n */\r\n containerOff: function () {\r\n this.removeDocEvent('mousedown', this._bindedContainerOff);\r\n this._bindedContainerOff = null;\r\n\r\n if (this.container) {\r\n this._containerName = '';\r\n this.container.style.display = 'none';\r\n this.container = null;\r\n util.removeClass(this.containerActiveButton, 'on');\r\n this.containerActiveButton = null;\r\n this._notHideToolbar = false;\r\n }\r\n\r\n this._antiBlur = false;\r\n },\r\n\r\n /**\r\n * @description Set the menu position. (submenu, container)\r\n * @param {*} element Button element\r\n * @param {*} menu Menu element\r\n * @private\r\n */\r\n _setMenuPosition: function (element, menu) {\r\n menu.style.visibility = 'hidden';\r\n menu.style.display = 'block';\r\n menu.style.height = '';\r\n util.addClass(element, 'on');\r\n\r\n const toolbar = this.context.element.toolbar;\r\n const toolbarW = toolbar.offsetWidth;\r\n const toolbarOffset = event._getEditorOffsets(context.element.toolbar);\r\n const menuW = menu.offsetWidth;\r\n const l = element.parentElement.offsetLeft + 3;\r\n\r\n // rtl\r\n if (options.rtl) {\r\n const elementW = element.offsetWidth;\r\n const rtlW = menuW > elementW ? menuW - elementW : 0;\r\n const rtlL = rtlW > 0 ? 0 : elementW - menuW;\r\n menu.style.left = (l - rtlW + rtlL) + 'px';\r\n if (toolbarOffset.left > event._getEditorOffsets(menu).left) {\r\n menu.style.left = '0px';\r\n }\r\n } else {\r\n const overLeft = toolbarW <= menuW ? 0 : toolbarW - (l + menuW);\r\n if (overLeft < 0) menu.style.left = (l + overLeft) + 'px';\r\n else menu.style.left = l + 'px';\r\n }\r\n\r\n // get element top\r\n let t = 0;\r\n let offsetEl = element;\r\n while (offsetEl && offsetEl !== toolbar) {\r\n t += offsetEl.offsetTop;\r\n offsetEl = offsetEl.offsetParent;\r\n }\r\n\r\n const bt = t;\r\n if (this._isBalloon) {\r\n t += toolbar.offsetTop + element.offsetHeight;\r\n } else {\r\n t -= element.offsetHeight;\r\n }\r\n\r\n // set menu position\r\n const toolbarTop = toolbarOffset.top;\r\n const menuHeight = menu.offsetHeight;\r\n const scrollTop = this.getGlobalScrollOffset().top;\r\n\r\n const menuHeight_bottom = _w.innerHeight - (toolbarTop - scrollTop + bt + element.parentElement.offsetHeight);\r\n if (menuHeight_bottom < menuHeight) {\r\n let menuTop = -1 * (menuHeight - bt + 3);\r\n const insTop = toolbarTop - scrollTop + menuTop;\r\n const menuHeight_top = menuHeight + (insTop < 0 ? insTop : 0);\r\n\r\n if (menuHeight_top > menuHeight_bottom) {\r\n menu.style.height = menuHeight_top + 'px';\r\n menuTop = -1 * (menuHeight_top - bt + 3);\r\n } else {\r\n menu.style.height = menuHeight_bottom + 'px';\r\n menuTop = bt + element.parentElement.offsetHeight;\r\n }\r\n\r\n menu.style.top = menuTop + 'px';\r\n } else {\r\n menu.style.top = (bt + element.parentElement.offsetHeight) + 'px';\r\n }\r\n\r\n menu.style.visibility = '';\r\n },\r\n\r\n /**\r\n * @description Show controller at editor area (controller elements, function, \"controller target element(@Required)\", \"controller name(@Required)\", etc..)\r\n * @param {*} arguments controller elements, functions..\r\n */\r\n controllersOn: function () {\r\n if (this._bindControllersOff) this._bindControllersOff();\r\n this.controllerArray = [];\r\n\r\n for (let i = 0, arg; i < arguments.length; i++) {\r\n arg = arguments[i];\r\n if (!arg) continue;\r\n\r\n if (typeof arg === 'string') {\r\n this.currentControllerName = arg;\r\n continue;\r\n }\r\n if (typeof arg === 'function') {\r\n this.controllerArray.push(arg);\r\n continue;\r\n }\r\n if (!util.hasClass(arg, 'se-controller')) {\r\n this.currentControllerTarget = arg;\r\n this.currentFileComponentInfo = this.getFileComponent(arg);\r\n continue;\r\n }\r\n if (arg.style) {\r\n arg.style.display = 'block';\r\n if (this._shadowRoot && this._shadowRootControllerEventTarget.indexOf(arg) === -1) {\r\n arg.addEventListener('mousedown', function (e) { e.preventDefault(); e.stopPropagation(); });\r\n this._shadowRootControllerEventTarget.push(arg);\r\n }\r\n }\r\n this.controllerArray.push(arg);\r\n }\r\n\r\n this._bindControllersOff = this.controllersOff.bind(this);\r\n this.addDocEvent('mousedown', this._bindControllersOff, false);\r\n this.addDocEvent('keydown', this._bindControllersOff, false);\r\n this._antiBlur = true;\r\n\r\n if (typeof functions.showController === 'function') functions.showController(this.currentControllerName, this.controllerArray, this);\r\n },\r\n\r\n /**\r\n * @description Hide controller at editor area (link button, image resize button..)\r\n * @param {KeyboardEvent|MouseEvent|null} e Event object when called from mousedown and keydown events registered in \"core.controllersOn\"\r\n */\r\n controllersOff: function (e) {\r\n this._lineBreaker.style.display = 'none';\r\n const len = this.controllerArray.length;\r\n\r\n if (e && e.target && len > 0) {\r\n for (let i = 0; i < len; i++) {\r\n if (typeof this.controllerArray[i].contains === 'function' && this.controllerArray[i].contains(e.target)) return;\r\n }\r\n }\r\n\r\n if (this._fileManager.pluginRegExp.test(this.currentControllerName) && e && e.type === 'keydown' && e.keyCode !== 27) return;\r\n context.element.lineBreaker_t.style.display = context.element.lineBreaker_b.style.display = 'none';\r\n this._variable._lineBreakComp = null;\r\n\r\n this.currentControllerName = '';\r\n this.currentControllerTarget = null;\r\n this.currentFileComponentInfo = null;\r\n this.effectNode = null;\r\n if (!this._bindControllersOff) return;\r\n\r\n this.removeDocEvent('mousedown', this._bindControllersOff);\r\n this.removeDocEvent('keydown', this._bindControllersOff);\r\n this._bindControllersOff = null;\r\n\r\n if (len > 0) {\r\n for (let i = 0; i < len; i++) {\r\n if (typeof this.controllerArray[i] === 'function') this.controllerArray[i]();\r\n else this.controllerArray[i].style.display = 'none';\r\n }\r\n\r\n this.controllerArray = [];\r\n }\r\n\r\n this._antiBlur = false;\r\n },\r\n\r\n /**\r\n * @description Specify the position of the controller.\r\n * @param {Element} controller Controller element.\r\n * @param {Element} referEl Element that is the basis of the controller's position.\r\n * @param {String} position Type of position (\"top\" | \"bottom\")\r\n * When using the \"top\" position, there should not be an arrow on the controller.\r\n * When using the \"bottom\" position there should be an arrow on the controller.\r\n * @param {Object} addOffset These are the left and top values that need to be added specially. \r\n * This argument is required. - {left: 0, top: 0}\r\n * Please enter the value based on ltr mode.\r\n * Calculated automatically in rtl mode.\r\n */\r\n setControllerPosition: function (controller, referEl, position, addOffset) {\r\n if (options.rtl) addOffset.left *= -1;\r\n\r\n const offset = util.getOffset(referEl, context.element.wysiwygFrame);\r\n controller.style.visibility = 'hidden';\r\n controller.style.display = 'block';\r\n\r\n // Height value of the arrow element is 11px\r\n const topMargin = position === 'top' ? -(controller.offsetHeight + 2) : (referEl.offsetHeight + 12);\r\n controller.style.top = (offset.top + topMargin + addOffset.top) + 'px';\r\n\r\n const l = offset.left - context.element.wysiwygFrame.scrollLeft + addOffset.left;\r\n const controllerW = controller.offsetWidth;\r\n const referElW = referEl.offsetWidth;\r\n\r\n const allow = util.hasClass(controller.firstElementChild, 'se-arrow') ? controller.firstElementChild : null;\r\n\r\n // rtl (Width value of the arrow element is 22px)\r\n if (options.rtl) {\r\n const rtlW = (controllerW > referElW) ? controllerW - referElW : 0;\r\n const rtlL = rtlW > 0 ? 0 : referElW - controllerW;\r\n controller.style.left = (l - rtlW + rtlL) + 'px';\r\n\r\n if (rtlW > 0) {\r\n if (allow) allow.style.left = ((controllerW - 14 < 10 + rtlW) ? (controllerW - 14) : (10 + rtlW)) + 'px';\r\n }\r\n\r\n const overSize = context.element.wysiwygFrame.offsetLeft - controller.offsetLeft;\r\n if (overSize > 0) {\r\n controller.style.left = '0px';\r\n if (allow) allow.style.left = overSize + 'px';\r\n }\r\n } else {\r\n controller.style.left = l + 'px';\r\n\r\n const overSize = context.element.wysiwygFrame.offsetWidth - (controller.offsetLeft + controllerW);\r\n if (overSize < 0) {\r\n controller.style.left = (controller.offsetLeft + overSize) + 'px';\r\n if (allow) allow.style.left = (20 - overSize) + 'px';\r\n } else {\r\n if (allow) allow.style.left = '20px';\r\n }\r\n }\r\n\r\n controller.style.visibility = '';\r\n },\r\n\r\n /**\r\n * @description javascript execCommand\r\n * @param {String} command javascript execCommand function property\r\n * @param {Boolean|undefined} showDefaultUI javascript execCommand function property\r\n * @param {String|undefined} value javascript execCommand function property\r\n */\r\n execCommand: function (command, showDefaultUI, value) {\r\n this._wd.execCommand(command, showDefaultUI, (command === 'formatBlock' ? '<' + value + '>' : value));\r\n // history stack\r\n this.history.push(true);\r\n },\r\n\r\n /**\r\n * @description Focus to wysiwyg area using \"native focus function\"\r\n */\r\n nativeFocus: function () {\r\n this.__focus();\r\n this._editorRange();\r\n },\r\n\r\n /**\r\n * @description Focus method\r\n * @private\r\n */\r\n __focus: function () {\r\n const caption = util.getParentElement(this.getSelectionNode(), 'figcaption');\r\n if (caption) {\r\n caption.focus();\r\n } else {\r\n context.element.wysiwyg.focus();\r\n }\r\n },\r\n\r\n /**\r\n * @description Focus to wysiwyg area\r\n */\r\n focus: function () {\r\n if (context.element.wysiwygFrame.style.display === 'none') return;\r\n\r\n if (options.iframe) {\r\n this.nativeFocus();\r\n } else {\r\n try {\r\n const range = this.getRange();\r\n if (range.startContainer === range.endContainer && util.isWysiwygDiv(range.startContainer)) {\r\n const currentNode = range.commonAncestorContainer.children[range.startOffset];\r\n if (!util.isFormatElement(currentNode) && !util.isComponent(currentNode)) {\r\n const format = util.createElement(options.defaultTag);\r\n const br = util.createElement('BR');\r\n format.appendChild(br);\r\n context.element.wysiwyg.insertBefore(format, currentNode);\r\n this.setRange(br, 0, br, 0);\r\n return;\r\n }\r\n }\r\n this.setRange(range.startContainer, range.startOffset, range.endContainer, range.endOffset);\r\n } catch (e) {\r\n this.nativeFocus();\r\n }\r\n }\r\n\r\n event._applyTagEffects();\r\n if (this._isBalloon) event._toggleToolbarBalloon();\r\n },\r\n\r\n /**\r\n * @description If \"focusEl\" is a component, then that component is selected; if it is a format element, the last text is selected\r\n * If \"focusEdge\" is null, then selected last element\r\n * @param {Element|null} focusEl Focus element\r\n */\r\n focusEdge: function (focusEl) {\r\n if (!focusEl) focusEl = context.element.wysiwyg.lastElementChild;\r\n\r\n const fileComponentInfo = this.getFileComponent(focusEl);\r\n if (fileComponentInfo) {\r\n this.selectComponent(fileComponentInfo.target, fileComponentInfo.pluginName);\r\n } else if (focusEl) {\r\n focusEl = util.getChildElement(focusEl, function (current) { return current.childNodes.length === 0 || current.nodeType === 3; }, true);\r\n if (!focusEl) this.nativeFocus();\r\n else this.setRange(focusEl, focusEl.textContent.length, focusEl, focusEl.textContent.length);\r\n } else {\r\n this.focus();\r\n }\r\n },\r\n\r\n /**\r\n * @description Focusout to wysiwyg area (.blur())\r\n */\r\n blur: function () {\r\n if (options.iframe) {\r\n context.element.wysiwygFrame.blur();\r\n } else {\r\n context.element.wysiwyg.blur();\r\n }\r\n },\r\n\r\n /**\r\n * @description Set current editor's range object and return.\r\n * @param {Node} startCon The startContainer property of the selection object.\r\n * @param {Number} startOff The startOffset property of the selection object.\r\n * @param {Node} endCon The endContainer property of the selection object.\r\n * @param {Number} endOff The endOffset property of the selection object.\r\n * @returns {Object} Range object.\r\n */\r\n setRange: function (startCon, startOff, endCon, endOff) {\r\n if (!startCon || !endCon) return;\r\n if (startOff > startCon.textContent.length) startOff = startCon.textContent.length;\r\n if (endOff > endCon.textContent.length) endOff = endCon.textContent.length;\r\n if (util.isFormatElement(startCon)) {\r\n startCon = startCon.childNodes[startOff] || startCon.childNodes[startOff - 1] || startCon;\r\n startOff = startOff > 0 ? startCon.nodeType === 1 ? 1 : startCon.textContent ? startCon.textContent.length : 0 : 0;\r\n }\r\n if (util.isFormatElement(endCon)) {\r\n endCon = endCon.childNodes[endOff] || endCon.childNodes[endOff - 1] || endCon;\r\n endOff = endOff > 0 ? endCon.nodeType === 1 ? 1 : endCon.textContent ? endCon.textContent.length : 0 : 0;\r\n }\r\n\r\n const range = this._wd.createRange();\r\n\r\n try {\r\n range.setStart(startCon, startOff);\r\n range.setEnd(endCon, endOff);\r\n } catch (error) {\r\n console.warn('[SUNEDITOR.core.focus.error] ' + error);\r\n this.nativeFocus();\r\n return;\r\n }\r\n\r\n const selection = this.getSelection();\r\n\r\n if (selection.removeAllRanges) {\r\n selection.removeAllRanges();\r\n }\r\n\r\n selection.addRange(range);\r\n this._rangeInfo(range, this.getSelection());\r\n if (options.iframe) this.__focus();\r\n\r\n return range;\r\n },\r\n\r\n /**\r\n * @description Remove range object and button effect\r\n */\r\n removeRange: function () {\r\n this._variable._range = null;\r\n this._variable._selectionNode = null;\r\n if (this.hasFocus) this.getSelection().removeAllRanges();\r\n this._setKeyEffect([]);\r\n },\r\n\r\n /**\r\n * @description Get current editor's range object\r\n * @returns {Object}\r\n */\r\n getRange: function () {\r\n const range = this._variable._range || this._createDefaultRange();\r\n const selection = this.getSelection();\r\n if (range.collapsed === selection.isCollapsed || !context.element.wysiwyg.contains(selection.focusNode)) return range;\r\n\r\n if (selection.rangeCount > 0) {\r\n this._variable._range = selection.getRangeAt(0);\r\n return this._variable._range;\r\n } else {\r\n const sc = selection.anchorNode, ec = selection.focusNode, so = selection.anchorOffset, eo = selection.focusOffset;\r\n const compareValue = util.compareElements(sc, ec);\r\n const rightDir = compareValue.ancestor && (compareValue.result === 0 ? so <= eo : compareValue.result > 1 ? true : false);\r\n return this.setRange(\r\n rightDir ? sc : ec,\r\n rightDir ? so : eo,\r\n rightDir ? ec : sc,\r\n rightDir ? eo : so\r\n );\r\n }\r\n },\r\n\r\n /**\r\n * @description If the \"range\" object is a non-editable area, add a line at the top of the editor and update the \"range\" object.\r\n * Returns a new \"range\" or argument \"range\".\r\n * @param {Object} range core.getRange()\r\n * @param {Element|null} container If there is \"container\" argument, it creates a line in front of the container.\r\n * @returns {Object} range\r\n */\r\n getRange_addLine: function (range, container) {\r\n if (this._selectionVoid(range)) {\r\n const wysiwyg = context.element.wysiwyg;\r\n const op = util.createElement(options.defaultTag);\r\n op.innerHTML = '
';\r\n wysiwyg.insertBefore(op, container && container !== wysiwyg ? container.nextElementSibling : wysiwyg.firstElementChild);\r\n this.setRange(op.firstElementChild, 0, op.firstElementChild, 1);\r\n range = this._variable._range;\r\n }\r\n return range;\r\n },\r\n\r\n /**\r\n * @description Get window selection obejct\r\n * @returns {Object}\r\n */\r\n getSelection: function () {\r\n const selection = this._shadowRoot && this._shadowRoot.getSelection ? this._shadowRoot.getSelection() : this._ww.getSelection();\r\n if (!this._variable._range && !context.element.wysiwyg.contains(selection.focusNode)) {\r\n selection.removeAllRanges();\r\n selection.addRange(this._createDefaultRange());\r\n }\r\n return selection;\r\n },\r\n\r\n /**\r\n * @description Get current select node\r\n * @returns {Node}\r\n */\r\n getSelectionNode: function () {\r\n if (!context.element.wysiwyg.contains(this._variable._selectionNode)) this._editorRange();\r\n if (!this._variable._selectionNode) {\r\n const selectionNode = util.getChildElement(context.element.wysiwyg.firstChild, function (current) { return current.childNodes.length === 0 || current.nodeType === 3; }, false);\r\n if (!selectionNode) {\r\n this._editorRange();\r\n } else {\r\n this._variable._selectionNode = selectionNode;\r\n return selectionNode;\r\n }\r\n }\r\n return this._variable._selectionNode;\r\n },\r\n\r\n /**\r\n * @description Saving the range object and the currently selected node of editor\r\n * @private\r\n */\r\n _editorRange: function () {\r\n const activeEl = this._wd.activeElement;\r\n if (util.isInputElement(activeEl)) {\r\n this._variable._selectionNode = activeEl;\r\n return activeEl;\r\n }\r\n\r\n const selection = this.getSelection();\r\n if (!selection) return null;\r\n let range = null;\r\n\r\n if (selection.rangeCount > 0) {\r\n range = selection.getRangeAt(0);\r\n } else {\r\n range = this._createDefaultRange();\r\n }\r\n\r\n this._rangeInfo(range, selection);\r\n },\r\n\r\n /**\r\n * @description Set \"range\" and \"selection\" info.\r\n * @param {Object} range range object.\r\n * @param {Object} selection selection object.\r\n */\r\n _rangeInfo: function (range, selection) {\r\n let selectionNode = null;\r\n this._variable._range = range;\r\n\r\n if (range.collapsed) {\r\n if (util.isWysiwygDiv(range.commonAncestorContainer)) selectionNode = range.commonAncestorContainer.children[range.startOffset] || range.commonAncestorContainer;\r\n else selectionNode = range.commonAncestorContainer;\r\n } else {\r\n selectionNode = selection.extentNode || selection.anchorNode;\r\n }\r\n\r\n this._variable._selectionNode = selectionNode;\r\n },\r\n\r\n /**\r\n * @description Return the range object of editor's first child node\r\n * @returns {Object}\r\n * @private\r\n */\r\n _createDefaultRange: function () {\r\n const wysiwyg = context.element.wysiwyg;\r\n const range = this._wd.createRange();\r\n\r\n let firstFormat = wysiwyg.firstElementChild;\r\n let focusEl = null;\r\n if (!firstFormat) {\r\n firstFormat = util.createElement(options.defaultTag);\r\n focusEl = util.createElement('BR');\r\n firstFormat.appendChild(focusEl);\r\n wysiwyg.appendChild(firstFormat);\r\n } else {\r\n focusEl = firstFormat.firstChild;\r\n if (!focusEl) {\r\n focusEl = util.createElement('BR');\r\n firstFormat.appendChild(focusEl);\r\n }\r\n }\r\n\r\n range.setStart(focusEl, 0);\r\n range.setEnd(focusEl, 0);\r\n\r\n return range;\r\n },\r\n\r\n /**\r\n * @description Returns true if there is no valid \"selection\".\r\n * @param {Object} range core.getRange()\r\n * @returns {Object} range\r\n * @private\r\n */\r\n _selectionVoid: function (range) {\r\n const comm = range.commonAncestorContainer;\r\n return (util.isWysiwygDiv(range.startContainer) && util.isWysiwygDiv(range.endContainer)) || /FIGURE/i.test(comm.nodeName) || this._fileManager.regExp.test(comm.nodeName) || util.isMediaComponent(comm);\r\n },\r\n\r\n /**\r\n * @description Reset range object to text node selected status.\r\n * @returns {Boolean} Returns false if there is no valid selection.\r\n * @private\r\n */\r\n _resetRangeToTextNode: function () {\r\n const range = this.getRange();\r\n if (this._selectionVoid(range)) return false;\r\n\r\n const collapsed = range.collapsed;\r\n let startCon = range.startContainer;\r\n let startOff = range.startOffset;\r\n let endCon = range.endContainer;\r\n let endOff = range.endOffset;\r\n let tempCon, tempOffset, tempChild;\r\n\r\n if (util.isFormatElement(startCon)) {\r\n if (!startCon.childNodes[startOff]) {\r\n startCon = startCon.lastChild || startCon;\r\n startOff = startCon.textContent.length;\r\n } else {\r\n startCon = startCon.childNodes[startOff] || startCon;\r\n startOff = 0;\r\n }\r\n while (startCon && startCon.nodeType === 1 && startCon.firstChild) {\r\n startCon = startCon.firstChild || startCon;\r\n startOff = 0;\r\n }\r\n }\r\n if (util.isFormatElement(endCon)) {\r\n endCon = endCon.childNodes[endOff] || endCon.lastChild || endCon;\r\n while (endCon && endCon.nodeType === 1 && endCon.lastChild) {\r\n endCon = endCon.lastChild;\r\n }\r\n endOff = collapsed ? 0 : endCon.textContent.length;\r\n }\r\n\r\n // startContainer\r\n tempCon = util.isWysiwygDiv(startCon) ? context.element.wysiwyg.firstChild : startCon;\r\n tempOffset = startOff;\r\n\r\n if (util.isBreak(tempCon) || (tempCon.nodeType === 1 && tempCon.childNodes.length > 0)) {\r\n const onlyBreak = util.isBreak(tempCon);\r\n if (!onlyBreak) {\r\n while (tempCon && !util.isBreak(tempCon) && tempCon.nodeType === 1) {\r\n tempCon = tempCon.childNodes[tempOffset] || tempCon.nextElementSibling || tempCon.nextSibling;\r\n tempOffset = 0;\r\n }\r\n\r\n let format = util.getFormatElement(tempCon, null);\r\n if (format === util.getRangeFormatElement(format, null)) {\r\n format = util.createElement(util.getParentElement(tempCon, util.isCell) ? 'DIV' : options.defaultTag);\r\n tempCon.parentNode.insertBefore(format, tempCon);\r\n format.appendChild(tempCon);\r\n }\r\n }\r\n\r\n if (util.isBreak(tempCon)) {\r\n const emptyText = util.createTextNode(util.zeroWidthSpace);\r\n tempCon.parentNode.insertBefore(emptyText, tempCon);\r\n tempCon = emptyText;\r\n if (onlyBreak) {\r\n if (startCon === endCon) {\r\n endCon = tempCon;\r\n endOff = 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // set startContainer\r\n startCon = tempCon;\r\n startOff = tempOffset;\r\n\r\n // endContainer\r\n tempCon = util.isWysiwygDiv(endCon) ? context.element.wysiwyg.lastChild : endCon;\r\n tempOffset = endOff;\r\n\r\n if (util.isBreak(tempCon) || (tempCon.nodeType === 1 && tempCon.childNodes.length > 0)) {\r\n const onlyBreak = util.isBreak(tempCon);\r\n if (!onlyBreak) {\r\n while (tempCon && !util.isBreak(tempCon) && tempCon.nodeType === 1) {\r\n tempChild = tempCon.childNodes;\r\n if (tempChild.length === 0) break;\r\n tempCon = tempChild[tempOffset > 0 ? tempOffset - 1 : tempOffset] || !/FIGURE/i.test(tempChild[0].nodeName) ? tempChild[0] : (tempCon.previousElementSibling || tempCon.previousSibling || startCon);\r\n tempOffset = tempOffset > 0 ? tempCon.textContent.length : tempOffset;\r\n }\r\n\r\n let format = util.getFormatElement(tempCon, null);\r\n if (format === util.getRangeFormatElement(format, null)) {\r\n format = util.createElement(util.isCell(format) ? 'DIV' : options.defaultTag);\r\n tempCon.parentNode.insertBefore(format, tempCon);\r\n format.appendChild(tempCon);\r\n }\r\n }\r\n\r\n if (util.isBreak(tempCon)) {\r\n const emptyText = util.createTextNode(util.zeroWidthSpace);\r\n tempCon.parentNode.insertBefore(emptyText, tempCon);\r\n tempCon = emptyText;\r\n tempOffset = 1;\r\n if (onlyBreak && !tempCon.previousSibling) {\r\n util.removeItem(endCon);\r\n }\r\n }\r\n }\r\n\r\n // set endContainer\r\n endCon = tempCon;\r\n endOff = tempOffset;\r\n\r\n // set Range\r\n this.setRange(startCon, startOff, endCon, endOff);\r\n return true;\r\n },\r\n\r\n /**\r\n * @description Returns a \"formatElement\"(util.isFormatElement) array from the currently selected range.\r\n * @param {Function|null} validation The validation function. (Replaces the default validation function-util.isFormatElement(current))\r\n * @returns {Array}\r\n */\r\n getSelectedElements: function (validation) {\r\n if (!this._resetRangeToTextNode()) return [];\r\n let range = this.getRange();\r\n\r\n if (util.isWysiwygDiv(range.startContainer)) {\r\n const children = context.element.wysiwyg.children;\r\n if (children.length === 0) return [];\r\n this.setRange(children[0], 0, children[children.length - 1], children[children.length - 1].textContent.trim().length);\r\n range = this.getRange();\r\n }\r\n\r\n const startCon = range.startContainer;\r\n const endCon = range.endContainer;\r\n const commonCon = range.commonAncestorContainer;\r\n\r\n // get line nodes\r\n const lineNodes = util.getListChildren(commonCon, function (current) {\r\n return validation ? validation(current) : util.isFormatElement(current);\r\n });\r\n\r\n if (!util.isWysiwygDiv(commonCon) && !util.isRangeFormatElement(commonCon)) lineNodes.unshift(util.getFormatElement(commonCon, null));\r\n if (startCon === endCon || lineNodes.length === 1) return lineNodes;\r\n\r\n let startLine = util.getFormatElement(startCon, null);\r\n let endLine = util.getFormatElement(endCon, null);\r\n let startIdx = null;\r\n let endIdx = null;\r\n\r\n const onlyTable = function (current) {\r\n return util.isTable(current) ? /^TABLE$/i.test(current.nodeName) : true;\r\n };\r\n\r\n let startRangeEl = util.getRangeFormatElement(startLine, onlyTable);\r\n let endRangeEl = util.getRangeFormatElement(endLine, onlyTable);\r\n if (util.isTable(startRangeEl) && util.isListCell(startRangeEl.parentNode)) startRangeEl = startRangeEl.parentNode;\r\n if (util.isTable(endRangeEl) && util.isListCell(endRangeEl.parentNode)) endRangeEl = endRangeEl.parentNode;\r\n\r\n const sameRange = startRangeEl === endRangeEl;\r\n for (let i = 0, len = lineNodes.length, line; i < len; i++) {\r\n line = lineNodes[i];\r\n\r\n if (startLine === line || (!sameRange && line === startRangeEl)) {\r\n startIdx = i;\r\n continue;\r\n }\r\n\r\n if (endLine === line || (!sameRange && line === endRangeEl)) {\r\n endIdx = i;\r\n break;\r\n }\r\n }\r\n\r\n if (startIdx === null) startIdx = 0;\r\n if (endIdx === null) endIdx = lineNodes.length - 1;\r\n\r\n return lineNodes.slice(startIdx, endIdx + 1);\r\n },\r\n\r\n /**\r\n * @description Get format elements and components from the selected area. (P, DIV, H[1-6], OL, UL, TABLE..)\r\n * If some of the component are included in the selection, get the entire that component.\r\n * @param {Boolean} removeDuplicate If true, if there is a parent and child tag among the selected elements, the child tag is excluded.\r\n * @returns {Array}\r\n */\r\n getSelectedElementsAndComponents: function (removeDuplicate) {\r\n const commonCon = this.getRange().commonAncestorContainer;\r\n const myComponent = util.getParentElement(commonCon, util.isComponent);\r\n const selectedLines = util.isTable(commonCon) ?\r\n this.getSelectedElements(null) :\r\n this.getSelectedElements(function (current) {\r\n const component = this.getParentElement(current, this.isComponent);\r\n return (this.isFormatElement(current) && (!component || component === myComponent)) || (this.isComponent(current) && !this.getFormatElement(current));\r\n }.bind(util));\r\n\r\n if (removeDuplicate) {\r\n for (let i = 0, len = selectedLines.length; i < len; i++) {\r\n for (let j = i - 1; j >= 0; j--) {\r\n if (selectedLines[j].contains(selectedLines[i])) {\r\n selectedLines.splice(i, 1);\r\n i--; len--;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return selectedLines;\r\n },\r\n\r\n /**\r\n * @description Determine if this offset is the edge offset of container\r\n * @param {Node} container The node of the selection object. (range.startContainer..)\r\n * @param {Number} offset The offset of the selection object. (core.getRange().startOffset...)\r\n * @param {String|undefined} dir Select check point - Both edge, Front edge or End edge. (\"start\": Front edge, \"end\": End edge, undefined: Both edge)\r\n * @returns {Boolean}\r\n */\r\n isEdgePoint: function (container, offset, dir) {\r\n if (container.nodeType === 1 && !container.textContent.length) return true;\r\n return (dir !== 'end' && offset === 0) || ((!dir || dir !== 'start') && !container.nodeValue && offset === 1) || ((!dir || dir === 'end') && !!container.nodeValue && offset === container.nodeValue.length);\r\n },\r\n\r\n /**\r\n * @description Check if the container and offset values are the edges of the format tag\r\n * @param {Node} container The node of the selection object. (range.startContainer..)\r\n * @param {Number} offset The offset of the selection object. (core.getRange().startOffset...)\r\n * @param {String} dir Select check point - \"start\": Front edge, \"end\": End edge, undefined: Both edge.\r\n * @returns {Array|null}\r\n * @private\r\n */\r\n _isEdgeFormat: function (node, offset, dir) {\r\n if (!this.isEdgePoint(node, offset, dir)) return false;\r\n\r\n const result = [];\r\n dir = dir === 'start' ? 'previousSibling' : 'nextSibling';\r\n while (node && !util.isFormatElement(node) && !util.isWysiwygDiv(node)) {\r\n if (!node[dir] || (util.isBreak(node[dir]) && !node[dir][dir])) {\r\n if (node.nodeType === 1) result.push(node.cloneNode(false));\r\n node = node.parentNode;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n return result;\r\n },\r\n\r\n /**\r\n * @description Show loading box\r\n */\r\n showLoading: function () {\r\n context.element.loading.style.display = 'block';\r\n },\r\n\r\n /**\r\n * @description Close loading box\r\n */\r\n closeLoading: function () {\r\n context.element.loading.style.display = 'none';\r\n },\r\n\r\n /**\r\n * @description Append format element to sibling node of argument element.\r\n * If the \"formatNodeName\" argument value is present, the tag of that argument value is inserted,\r\n * If not, the currently selected format tag is inserted.\r\n * @param {Element} element Insert as siblings of that element\r\n * @param {String|Element|null} formatNode Node name or node obejct to be inserted\r\n * @returns {Element}\r\n */\r\n appendFormatTag: function (element, formatNode) {\r\n if (!element || !element.parentNode) return null;\r\n\r\n const currentFormatEl = util.getFormatElement(this.getSelectionNode(), null);\r\n let oFormat = null;\r\n if (!util.isFormatElement(element) && util.isFreeFormatElement(currentFormatEl || element.parentNode)) {\r\n oFormat = util.createElement('BR');\r\n } else {\r\n const oFormatName = formatNode ? (typeof formatNode === 'string' ? formatNode : formatNode.nodeName) : (util.isFormatElement(currentFormatEl) && !util.isRangeFormatElement(currentFormatEl) && !util.isFreeFormatElement(currentFormatEl)) ? currentFormatEl.nodeName : options.defaultTag;\r\n oFormat = util.createElement(oFormatName);\r\n oFormat.innerHTML = '
';\r\n if ((formatNode && typeof formatNode !== 'string') || (!formatNode && util.isFormatElement(currentFormatEl))) {\r\n util.copyTagAttributes(oFormat, formatNode || currentFormatEl, ['id']);\r\n }\r\n }\r\n\r\n if (util.isCell(element)) element.insertBefore(oFormat, element.nextElementSibling);\r\n else element.parentNode.insertBefore(oFormat, element.nextElementSibling);\r\n\r\n return oFormat;\r\n },\r\n\r\n /**\r\n * @description The method to insert a element and return. (used elements : table, hr, image, video)\r\n * If \"element\" is \"HR\", insert and return the new line.\r\n * @param {Element} element Element to be inserted\r\n * @param {Boolean} notHistoryPush When true, it does not update the history stack and the selection object and return EdgeNodes (util.getEdgeChildNodes)\r\n * @param {Boolean} checkCharCount If true, if \"options.maxCharCount\" is exceeded when \"element\" is added, null is returned without addition.\r\n * @param {Boolean} notSelect If true, Do not automatically select the inserted component.\r\n * @returns {Element}\r\n */\r\n insertComponent: function (element, notHistoryPush, checkCharCount, notSelect) {\r\n if (this.isReadOnly || (checkCharCount && !this.checkCharCount(element, null))) {\r\n return null;\r\n }\r\n\r\n const r = this.removeNode();\r\n this.getRange_addLine(this.getRange(), r.container);\r\n let oNode = null;\r\n let selectionNode = this.getSelectionNode();\r\n let formatEl = util.getFormatElement(selectionNode, null);\r\n\r\n if (util.isListCell(formatEl)) {\r\n this.insertNode(element, selectionNode === formatEl ? null : r.container.nextSibling, false);\r\n if (!element.nextSibling) element.parentNode.appendChild(util.createElement('BR'));\r\n } else {\r\n if (this.getRange().collapsed && (r.container.nodeType === 3 || util.isBreak(r.container))) {\r\n const depthFormat = util.getParentElement(r.container, function (current) { return this.isRangeFormatElement(current); }.bind(util));\r\n oNode = util.splitElement(r.container, r.offset, !depthFormat ? 0 : util.getElementDepth(depthFormat) + 1);\r\n if (oNode) formatEl = oNode.previousSibling;\r\n }\r\n this.insertNode(element, util.isRangeFormatElement(formatEl) ? null : formatEl, false);\r\n if (formatEl && util.onlyZeroWidthSpace(formatEl)) util.removeItem(formatEl);\r\n }\r\n\r\n if (!notSelect) {\r\n this.setRange(element, 0, element, 0);\r\n\r\n const fileComponentInfo = this.getFileComponent(element);\r\n if (fileComponentInfo) {\r\n this.selectComponent(fileComponentInfo.target, fileComponentInfo.pluginName);\r\n } else if (oNode) {\r\n oNode = util.getEdgeChildNodes(oNode, null).sc || oNode;\r\n this.setRange(oNode, 0, oNode, 0);\r\n }\r\n }\r\n\r\n // history stack\r\n if (!notHistoryPush) this.history.push(1);\r\n\r\n return oNode || element;\r\n },\r\n\r\n /**\r\n * @description Gets the file component and that plugin name\r\n * return: {target, component, pluginName} | null\r\n * @param {Element} element Target element (figure tag, component div, file tag)\r\n * @returns {Object|null}\r\n */\r\n getFileComponent: function (element) {\r\n if (!this._fileManager.queryString || !element) return null;\r\n\r\n let target, pluginName;\r\n if (/^FIGURE$/i.test(element.nodeName) || /se-component/.test(element.className)) {\r\n target = element.querySelector(this._fileManager.queryString);\r\n }\r\n if (!target && element.nodeName && this._fileManager.regExp.test(element.nodeName)) {\r\n target = element;\r\n }\r\n\r\n if (target) {\r\n pluginName = this._fileManager.pluginMap[target.nodeName.toLowerCase()];\r\n if (pluginName) {\r\n return {\r\n target: target,\r\n component: util.getParentElement(target, util.isComponent),\r\n pluginName: pluginName\r\n };\r\n }\r\n }\r\n\r\n return null;\r\n },\r\n\r\n /**\r\n * @description The component(image, video) is selected and the resizing module is called.\r\n * @param {Element} element Element tag (img, iframe, video)\r\n * @param {String} pluginName Plugin name (image, video)\r\n */\r\n selectComponent: function (element, pluginName) {\r\n if (util.isUneditableComponent(util.getParentElement(element, util.isComponent)) || util.isUneditableComponent(element)) return false;\r\n if (!this.hasFocus) this.focus();\r\n const plugin = this.plugins[pluginName];\r\n if (!plugin) return;\r\n _w.setTimeout(function () {\r\n if (typeof plugin.select === 'function') this.callPlugin(pluginName, plugin.select.bind(this, element), null);\r\n this._setComponentLineBreaker(element);\r\n }.bind(this));\r\n },\r\n\r\n /**\r\n * @description Set line breaker of component\r\n * @param {Element} element Element tag (img, iframe, video)\r\n * @private\r\n */\r\n _setComponentLineBreaker: function (element) {\r\n // line breaker\r\n this._lineBreaker.style.display = 'none';\r\n const container = util.getParentElement(element, util.isComponent);\r\n const t_style = context.element.lineBreaker_t.style;\r\n const b_style = context.element.lineBreaker_b.style;\r\n const target = this.context.resizing.resizeContainer.style.display === 'block' ? this.context.resizing.resizeContainer : element;\r\n\r\n const isList = util.isListCell(container.parentNode);\r\n let componentTop, wScroll, w;\r\n // top\r\n if (isList ? !container.previousSibling : !util.isFormatElement(container.previousElementSibling)) {\r\n this._variable._lineBreakComp = container;\r\n wScroll = context.element.wysiwyg.scrollTop;\r\n componentTop = util.getOffset(element, context.element.wysiwygFrame).top + wScroll;\r\n w = (target.offsetWidth / 2) / 2;\r\n\r\n t_style.top = (componentTop - wScroll - 12) + 'px';\r\n t_style.left = (util.getOffset(target).left + w) + 'px';\r\n t_style.display = 'block';\r\n } else {\r\n t_style.display = 'none';\r\n }\r\n // bottom\r\n if (isList ? !container.nextSibling : !util.isFormatElement(container.nextElementSibling)) {\r\n if (!componentTop) {\r\n this._variable._lineBreakComp = container;\r\n wScroll = context.element.wysiwyg.scrollTop;\r\n componentTop = util.getOffset(element, context.element.wysiwygFrame).top + wScroll;\r\n w = (target.offsetWidth / 2) / 2;\r\n }\r\n\r\n b_style.top = (componentTop + target.offsetHeight - wScroll - 12) + 'px';\r\n b_style.left = (util.getOffset(target).left + target.offsetWidth - w - 24) + 'px';\r\n b_style.display = 'block';\r\n } else {\r\n b_style.display = 'none';\r\n }\r\n },\r\n\r\n _checkDuplicateNode: function (oNode, parentNode) {\r\n (function recursionFunc(current) {\r\n core._dupleCheck(current, parentNode);\r\n const childNodes = current.childNodes;\r\n for (let i = 0, len = childNodes.length; i < len; i++) {\r\n recursionFunc(childNodes[i]);\r\n }\r\n })(oNode);\r\n },\r\n\r\n _dupleCheck: function (oNode, parentNode) {\r\n if (!util.isTextStyleElement(oNode)) return;\r\n\r\n const oStyles = (oNode.style.cssText.match(/[^;]+;/g) || []).map(function(v){ return v.trim(); });\r\n const nodeName = oNode.nodeName;\r\n if (/^span$/i.test(nodeName) && oStyles.length === 0) return oNode;\r\n\r\n let duple = false;\r\n (function recursionFunc(ancestor) {\r\n if (util.isWysiwygDiv(ancestor) || !util.isTextStyleElement(ancestor)) return;\r\n if (ancestor.nodeName === nodeName) {\r\n duple = true;\r\n const styles = ancestor.style.cssText.match(/[^;]+;/g) || [];\r\n for (let i = 0, len = styles.length, j; i < len; i++) {\r\n if ((j = oStyles.indexOf(styles[i].trim())) > -1) {\r\n oStyles.splice(j, 1);\r\n }\r\n }\r\n for (let i = 0, len = ancestor.classList.length; i < len; i++) {\r\n oNode.classList.remove(ancestor.classList[i]);\r\n }\r\n }\r\n\r\n recursionFunc(ancestor.parentElement);\r\n })(parentNode);\r\n\r\n if (duple) {\r\n if (!(oNode.style.cssText = oStyles.join(' '))) {\r\n oNode.setAttribute('style', '');\r\n oNode.removeAttribute('style');\r\n }\r\n if (!oNode.attributes.length) {\r\n oNode.setAttribute('data-se-duple', 'true');\r\n }\r\n }\r\n\r\n return oNode;\r\n },\r\n\r\n /**\r\n * @description Delete selected node and insert argument value node and return.\r\n * If the \"afterNode\" exists, it is inserted after the \"afterNode\"\r\n * Inserting a text node merges with both text nodes on both sides and returns a new \"{ container, startOffset, endOffset }\".\r\n * @param {Node} oNode Element to be inserted\r\n * @param {Node|null} afterNode If the node exists, it is inserted after the node\r\n * @param {Boolean} checkCharCount If true, if \"options.maxCharCount\" is exceeded when \"element\" is added, null is returned without addition.\r\n * @returns {Object|Node|null}\r\n */\r\n insertNode: function (oNode, afterNode, checkCharCount) {\r\n if (this.isReadOnly || (checkCharCount && !this.checkCharCount(oNode, null))) {\r\n return null;\r\n }\r\n\r\n let fNode = null;\r\n let range = this.getRange();\r\n let line = util.isListCell(range.commonAncestorContainer) ? range.commonAncestorContainer : util.getFormatElement(this.getSelectionNode(), null);\r\n let insertListCell = util.isListCell(line) && (util.isListCell(oNode) || util.isList(oNode));\r\n\r\n let parentNode, originAfter, tempAfterNode, tempParentNode = null;\r\n const freeFormat = util.isFreeFormatElement(line);\r\n const isFormats = (!freeFormat && (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode))) || util.isComponent(oNode);\r\n\r\n if (insertListCell) {\r\n tempAfterNode = afterNode || util.isList(oNode) ? line.lastChild : line.nextElementSibling;\r\n tempParentNode = util.isList(oNode) ? line : (tempAfterNode || line).parentNode;\r\n }\r\n\r\n if (!afterNode && (isFormats || util.isComponent(oNode) || util.isMedia(oNode))) {\r\n const isEdge = this.isEdgePoint(range.endContainer, range.endOffset, 'end');\r\n const r = this.removeNode();\r\n const container = r.container;\r\n const prevContainer = (container === r.prevContainer && range.collapsed) ? null : r.prevContainer;\r\n\r\n if (insertListCell && prevContainer) {\r\n tempParentNode = prevContainer.nodeType === 3 ? prevContainer.parentNode : prevContainer;\r\n if (tempParentNode.contains(container)) {\r\n let sameParent = true;\r\n tempAfterNode = container;\r\n while (tempAfterNode.parentNode && tempAfterNode.parentNode !== tempParentNode) {\r\n tempAfterNode = tempAfterNode.parentNode;\r\n sameParent = false;\r\n }\r\n if (sameParent && container === prevContainer) tempAfterNode = tempAfterNode.nextSibling;\r\n } else {\r\n tempAfterNode = null;\r\n }\r\n } else if (insertListCell && util.isListCell(container) && !line.parentElement) {\r\n line = util.createElement('LI');\r\n tempParentNode.appendChild(line);\r\n container.appendChild(tempParentNode);\r\n tempAfterNode = null;\r\n } else if (container.nodeType === 3 || util.isBreak(container) || insertListCell) {\r\n const depthFormat = util.getParentElement(container, function (current) { return this.isRangeFormatElement(current) || this.isListCell(current); }.bind(util));\r\n afterNode = util.splitElement(container, r.offset, !depthFormat ? 0 : util.getElementDepth(depthFormat) + 1);\r\n if (!afterNode) {\r\n tempAfterNode = afterNode = line;\r\n } else if (insertListCell) {\r\n if (line.contains(container)) {\r\n const subList = util.isList(line.lastElementChild);\r\n let newCell = null;\r\n if (!isEdge) {\r\n newCell = line.cloneNode(false);\r\n newCell.appendChild(afterNode.textContent.trim() ? afterNode : util.createTextNode(util.zeroWidthSpace));\r\n }\r\n if (subList) {\r\n if (!newCell) {\r\n newCell = line.cloneNode(false);\r\n newCell.appendChild(util.createTextNode(util.zeroWidthSpace));\r\n }\r\n newCell.appendChild(line.lastElementChild);\r\n }\r\n if (newCell) {\r\n line.parentNode.insertBefore(newCell, line.nextElementSibling);\r\n tempAfterNode = afterNode = newCell;\r\n }\r\n }\r\n } else {\r\n afterNode = afterNode.previousSibling;\r\n }\r\n }\r\n }\r\n\r\n range = (!afterNode && !isFormats) ? this.getRange_addLine(this.getRange(), null) : this.getRange();\r\n const commonCon = range.commonAncestorContainer;\r\n const startOff = range.startOffset;\r\n const endOff = range.endOffset;\r\n const formatRange = range.startContainer === commonCon && util.isFormatElement(commonCon);\r\n const startCon = formatRange ? (commonCon.childNodes[startOff] || commonCon.childNodes[0] || range.startContainer) : range.startContainer;\r\n const endCon = formatRange ? (commonCon.childNodes[endOff] || commonCon.childNodes[commonCon.childNodes.length - 1] || range.endContainer) : range.endContainer;\r\n\r\n if (!insertListCell) {\r\n if (!afterNode) {\r\n parentNode = startCon;\r\n if (startCon.nodeType === 3) {\r\n parentNode = startCon.parentNode;\r\n }\r\n\r\n /** No Select range node */\r\n if (range.collapsed) {\r\n if (commonCon.nodeType === 3) {\r\n if (commonCon.textContent.length > endOff) afterNode = commonCon.splitText(endOff);\r\n else afterNode = commonCon.nextSibling;\r\n } else {\r\n if (!util.isBreak(parentNode)) {\r\n let c = parentNode.childNodes[startOff];\r\n const focusNode = (c && c.nodeType === 3 && util.onlyZeroWidthSpace(c) && util.isBreak(c.nextSibling)) ? c.nextSibling : c;\r\n if (focusNode) {\r\n if (!focusNode.nextSibling && util.isBreak(focusNode)) {\r\n parentNode.removeChild(focusNode);\r\n afterNode = null;\r\n } else {\r\n afterNode = (util.isBreak(focusNode) && !util.isBreak(oNode)) ? focusNode : focusNode.nextSibling;\r\n }\r\n } else {\r\n afterNode = null;\r\n }\r\n } else {\r\n afterNode = parentNode;\r\n parentNode = parentNode.parentNode;\r\n }\r\n }\r\n } else { /** Select range nodes */\r\n const isSameContainer = startCon === endCon;\r\n if (isSameContainer) {\r\n if (this.isEdgePoint(endCon, endOff)) afterNode = endCon.nextSibling;\r\n else afterNode = endCon.splitText(endOff);\r\n\r\n let removeNode = startCon;\r\n if (!this.isEdgePoint(startCon, startOff)) removeNode = startCon.splitText(startOff);\r\n\r\n parentNode.removeChild(removeNode);\r\n if (parentNode.childNodes.length === 0 && isFormats) {\r\n parentNode.innerHTML = '
';\r\n }\r\n }\r\n else {\r\n const removedTag = this.removeNode();\r\n const container = removedTag.container;\r\n const prevContainer = removedTag.prevContainer;\r\n\r\n if (container && container.childNodes.length === 0 && isFormats) {\r\n if (util.isFormatElement(container)) {\r\n container.innerHTML = '
';\r\n } else if (util.isRangeFormatElement(container)) {\r\n container.innerHTML = '<' + options.defaultTag + '>
';\r\n }\r\n }\r\n\r\n if (util.isListCell(container) && oNode.nodeType === 3) {\r\n parentNode = container;\r\n afterNode = null;\r\n } else if (!isFormats && prevContainer) {\r\n parentNode = prevContainer.nodeType === 3 ? prevContainer.parentNode : prevContainer;\r\n if (parentNode.contains(container)) {\r\n let sameParent = true;\r\n afterNode = container;\r\n while (afterNode.parentNode && afterNode.parentNode !== parentNode) {\r\n afterNode = afterNode.parentNode;\r\n sameParent = false;\r\n }\r\n if (sameParent && container === prevContainer) afterNode = afterNode.nextSibling;\r\n } else {\r\n afterNode = null;\r\n }\r\n } else if (util.isWysiwygDiv(container) && !util.isFormatElement(oNode)) {\r\n parentNode = container.appendChild(util.createElement(options.defaultTag));\r\n afterNode = null;\r\n } else {\r\n afterNode = isFormats ? endCon : container === prevContainer ? container.nextSibling : container;\r\n parentNode = (!afterNode || !afterNode.parentNode) ? commonCon : afterNode.parentNode;\r\n }\r\n\r\n while (afterNode && !util.isFormatElement(afterNode) && afterNode.parentNode !== commonCon) {\r\n afterNode = afterNode.parentNode;\r\n }\r\n }\r\n }\r\n } else { // has afterNode\r\n parentNode = afterNode.parentNode;\r\n afterNode = afterNode.nextSibling;\r\n originAfter = true;\r\n }\r\n }\r\n\r\n try {\r\n // set node\r\n if (!insertListCell) {\r\n if (util.isWysiwygDiv(afterNode) || parentNode === context.element.wysiwyg.parentNode) {\r\n parentNode = context.element.wysiwyg;\r\n afterNode = null;\r\n }\r\n\r\n if (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode) || (!util.isListCell(parentNode) && util.isComponent(oNode))) {\r\n const oldParent = parentNode;\r\n if (util.isList(afterNode)) {\r\n parentNode = afterNode;\r\n afterNode = null;\r\n } else if (util.isListCell(afterNode)) {\r\n parentNode = afterNode.previousElementSibling || afterNode;\r\n } else if (!originAfter && !afterNode) {\r\n const r = this.removeNode();\r\n const container = r.container.nodeType === 3 ? (util.isListCell(util.getFormatElement(r.container, null)) ? r.container : (util.getFormatElement(r.container, null) || r.container.parentNode)) : r.container;\r\n const rangeCon = util.isWysiwygDiv(container) || util.isRangeFormatElement(container);\r\n parentNode = rangeCon ? container : container.parentNode;\r\n afterNode = rangeCon ? null : container.nextSibling;\r\n }\r\n\r\n if (oldParent.childNodes.length === 0 && parentNode !== oldParent) util.removeItem(oldParent);\r\n }\r\n\r\n if (isFormats && !freeFormat && !util.isRangeFormatElement(parentNode) && !util.isListCell(parentNode) && !util.isWysiwygDiv(parentNode)) {\r\n afterNode = parentNode.nextElementSibling;\r\n parentNode = parentNode.parentNode;\r\n }\r\n\r\n if (util.isWysiwygDiv(parentNode) && (oNode.nodeType === 3 || util.isBreak(oNode))) {\r\n const fomatNode = util.createElement(options.defaultTag);\r\n fomatNode.appendChild(oNode);\r\n fNode = oNode;\r\n oNode = fomatNode;\r\n }\r\n }\r\n\r\n // insert--\r\n if (insertListCell) {\r\n if (!tempParentNode.parentNode) {\r\n parentNode = context.element.wysiwyg;\r\n afterNode = null;\r\n } else {\r\n parentNode = tempParentNode;\r\n afterNode = tempAfterNode;\r\n }\r\n } else {\r\n afterNode = parentNode === afterNode ? parentNode.lastChild : afterNode;\r\n }\r\n\r\n if (util.isListCell(oNode) && !util.isList(parentNode)) {\r\n if (util.isListCell(parentNode)) {\r\n afterNode = parentNode.nextElementSibling;\r\n parentNode = parentNode.parentNode;\r\n } else {\r\n const ul = util.createElement('ol');\r\n parentNode.insertBefore(ul, afterNode);\r\n parentNode = ul;\r\n afterNode = null;\r\n }\r\n insertListCell = true;\r\n }\r\n\r\n this._checkDuplicateNode(oNode, parentNode);\r\n parentNode.insertBefore(oNode, afterNode);\r\n\r\n if (insertListCell) {\r\n if (util.onlyZeroWidthSpace(line.textContent.trim())) {\r\n util.removeItem(line);\r\n oNode = oNode.lastChild;\r\n } else {\r\n const chList = util.getArrayItem(line.children, util.isList);\r\n if (chList) {\r\n if (oNode !== chList) {\r\n oNode.appendChild(chList);\r\n oNode = chList.previousSibling;\r\n } else {\r\n parentNode.appendChild(oNode);\r\n oNode = parentNode;\r\n }\r\n\r\n if (util.onlyZeroWidthSpace(line.textContent.trim())) {\r\n util.removeItem(line);\r\n }\r\n }\r\n }\r\n }\r\n } catch (error) {\r\n parentNode.appendChild(oNode);\r\n console.warn('[SUNEDITOR.insertNode.warn] ' + error);\r\n } finally {\r\n if (fNode) oNode = fNode;\r\n\r\n const dupleNodes = parentNode.querySelectorAll('[data-se-duple]');\r\n if (dupleNodes.length > 0) {\r\n for (let i = 0, len = dupleNodes.length, d, c, ch, parent; i < len; i++) {\r\n d = dupleNodes[i];\r\n ch = d.childNodes;\r\n parent = d.parentNode;\r\n\r\n while (ch[0]) {\r\n c = ch[0];\r\n parent.insertBefore(c, d);\r\n }\r\n\r\n if (d === oNode) oNode = c;\r\n util.removeItem(d);\r\n }\r\n }\r\n\r\n if ((util.isFormatElement(oNode) || util.isComponent(oNode)) && startCon === endCon) {\r\n const cItem = util.getFormatElement(commonCon, null);\r\n if (cItem && cItem.nodeType === 1 && util.isEmptyLine(cItem)) {\r\n util.removeItem(cItem);\r\n }\r\n }\r\n\r\n if (freeFormat && (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode))) {\r\n oNode = this._setIntoFreeFormat(oNode);\r\n }\r\n\r\n if (!util.isComponent(oNode)) {\r\n let offset = 1;\r\n if (oNode.nodeType === 3) {\r\n offset = oNode.textContent.length;\r\n this.setRange(oNode, offset, oNode, offset);\r\n } else if (!util.isBreak(oNode) && !util.isListCell(oNode) && util.isFormatElement(parentNode)) {\r\n let zeroWidth = null;\r\n if (!oNode.previousSibling || util.isBreak(oNode.previousSibling)) {\r\n zeroWidth = util.createTextNode(util.zeroWidthSpace);\r\n oNode.parentNode.insertBefore(zeroWidth, oNode);\r\n }\r\n\r\n if (!oNode.nextSibling || util.isBreak(oNode.nextSibling)) {\r\n zeroWidth = util.createTextNode(util.zeroWidthSpace);\r\n oNode.parentNode.insertBefore(zeroWidth, oNode.nextSibling);\r\n }\r\n\r\n if (util._isIgnoreNodeChange(oNode)) {\r\n oNode = oNode.nextSibling;\r\n offset = 0;\r\n }\r\n }\r\n\r\n this.setRange(oNode, offset, oNode, offset);\r\n }\r\n\r\n return oNode;\r\n }\r\n },\r\n\r\n _setIntoFreeFormat: function (oNode) {\r\n const parentNode = oNode.parentNode;\r\n let oNodeChildren, lastONode;\r\n\r\n while (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode)) {\r\n oNodeChildren = oNode.childNodes;\r\n lastONode = null;\r\n\r\n while (oNodeChildren[0]) {\r\n lastONode = oNodeChildren[0];\r\n if (util.isFormatElement(lastONode) || util.isRangeFormatElement(lastONode)) {\r\n this._setIntoFreeFormat(lastONode);\r\n if (!oNode.parentNode) break;\r\n oNodeChildren = oNode.childNodes;\r\n continue;\r\n }\r\n\r\n parentNode.insertBefore(lastONode, oNode);\r\n }\r\n\r\n if (oNode.childNodes.length === 0) util.removeItem(oNode);\r\n oNode = util.createElement('BR');\r\n parentNode.insertBefore(oNode, lastONode.nextSibling);\r\n }\r\n\r\n return oNode;\r\n },\r\n\r\n /**\r\n * @description Delete the currently selected nodes and reset selection range\r\n * Returns {container: \"the last element after deletion\", offset: \"offset\", prevContainer: \"previousElementSibling Of the deleted area\"}\r\n * @returns {Object}\r\n */\r\n removeNode: function () {\r\n this._resetRangeToTextNode();\r\n\r\n const range = this.getRange();\r\n\r\n if (range.startContainer === range.endContainer) {\r\n const fileComponent = util.getParentElement(range.startContainer, util.isMediaComponent);\r\n if (fileComponent) {\r\n const br = util.createElement('BR');\r\n const format = util.createElement(options.defaultTag);\r\n format.appendChild(br);\r\n\r\n util.changeElement(fileComponent, format);\r\n\r\n core.setRange(format, 0, format, 0);\r\n this.history.push(true);\r\n\r\n return {\r\n container: format,\r\n offset: 0,\r\n prevContainer: null\r\n };\r\n }\r\n }\r\n\r\n const isStartEdge = range.startOffset === 0;\r\n const isEndEdge = core.isEdgePoint(range.endContainer, range.endOffset, 'end');\r\n let prevContainer = null;\r\n let startPrevEl = null;\r\n let endNextEl = null;\r\n if (isStartEdge) {\r\n startPrevEl = util.getFormatElement(range.startContainer);\r\n if (startPrevEl) {\r\n prevContainer = startPrevEl.previousElementSibling;\r\n startPrevEl = prevContainer;\r\n }\r\n }\r\n if (isEndEdge) {\r\n endNextEl = util.getFormatElement(range.endContainer);\r\n endNextEl = endNextEl ? endNextEl.nextElementSibling : endNextEl;\r\n }\r\n\r\n let container, offset = 0;\r\n let startCon = range.startContainer;\r\n let endCon = range.endContainer;\r\n let startOff = range.startOffset;\r\n let endOff = range.endOffset;\r\n const commonCon = (range.commonAncestorContainer.nodeType === 3 && range.commonAncestorContainer.parentNode === startCon.parentNode) ? startCon.parentNode : range.commonAncestorContainer;\r\n if (commonCon === startCon && commonCon === endCon) {\r\n startCon = commonCon.children[startOff];\r\n endCon = commonCon.children[endOff];\r\n startOff = endOff = 0;\r\n }\r\n\r\n if (!startCon || !endCon) return {\r\n container: commonCon,\r\n offset: 0\r\n };\r\n\r\n if (startCon === endCon && range.collapsed) {\r\n if (startCon.textContent && util.onlyZeroWidthSpace(startCon.textContent.substr(startOff))) {\r\n return {\r\n container: startCon,\r\n offset: startOff,\r\n prevContainer: startCon && startCon.parentNode ? startCon : null\r\n };\r\n }\r\n }\r\n\r\n let beforeNode = null;\r\n let afterNode = null;\r\n\r\n const childNodes = util.getListChildNodes(commonCon, null);\r\n let startIndex = util.getArrayIndex(childNodes, startCon);\r\n let endIndex = util.getArrayIndex(childNodes, endCon);\r\n\r\n if (childNodes.length > 0 && startIndex > -1 && endIndex > -1) {\r\n for (let i = startIndex + 1, startNode = startCon; i >= 0; i--) {\r\n if (childNodes[i] === startNode.parentNode && childNodes[i].firstChild === startNode && startOff === 0) {\r\n startIndex = i;\r\n startNode = startNode.parentNode;\r\n }\r\n }\r\n\r\n for (let i = endIndex - 1, endNode = endCon; i > startIndex; i--) {\r\n if (childNodes[i] === endNode.parentNode && childNodes[i].nodeType === 1) {\r\n childNodes.splice(i, 1);\r\n endNode = endNode.parentNode;\r\n --endIndex;\r\n }\r\n }\r\n } else {\r\n if (childNodes.length === 0) {\r\n if (util.isFormatElement(commonCon) || util.isRangeFormatElement(commonCon) || util.isWysiwygDiv(commonCon) || util.isBreak(commonCon) || util.isMedia(commonCon)) {\r\n return {\r\n container: commonCon,\r\n offset: 0\r\n };\r\n } else if (commonCon.nodeType === 3) {\r\n return {\r\n container: commonCon,\r\n offset: endOff\r\n };\r\n }\r\n childNodes.push(commonCon);\r\n startCon = endCon = commonCon;\r\n } else {\r\n startCon = endCon = childNodes[0];\r\n if (util.isBreak(startCon) || util.onlyZeroWidthSpace(startCon)) {\r\n return {\r\n container: util.isMedia(commonCon) ? commonCon : startCon,\r\n offset: 0\r\n };\r\n }\r\n }\r\n\r\n startIndex = endIndex = 0;\r\n }\r\n\r\n for (let i = startIndex; i <= endIndex; i++) {\r\n const item = childNodes[i];\r\n\r\n if (item.length === 0 || (item.nodeType === 3 && item.data === undefined)) {\r\n this._nodeRemoveListItem(item);\r\n continue;\r\n }\r\n\r\n if (item === startCon) {\r\n if (startCon.nodeType === 1) {\r\n if (util.isComponent(startCon)) continue;\r\n else beforeNode = util.createTextNode(startCon.textContent);\r\n } else {\r\n if (item === endCon) {\r\n beforeNode = util.createTextNode(startCon.substringData(0, startOff) + endCon.substringData(endOff, (endCon.length - endOff)));\r\n offset = startOff;\r\n } else {\r\n beforeNode = util.createTextNode(startCon.substringData(0, startOff));\r\n }\r\n }\r\n\r\n if (beforeNode.length > 0) {\r\n startCon.data = beforeNode.data;\r\n } else {\r\n this._nodeRemoveListItem(startCon);\r\n }\r\n\r\n if (item === endCon) break;\r\n continue;\r\n }\r\n\r\n if (item === endCon) {\r\n if (endCon.nodeType === 1) {\r\n if (util.isComponent(endCon)) continue;\r\n else afterNode = util.createTextNode(endCon.textContent);\r\n } else {\r\n afterNode = util.createTextNode(endCon.substringData(endOff, (endCon.length - endOff)));\r\n }\r\n\r\n if (afterNode.length > 0) {\r\n endCon.data = afterNode.data;\r\n } else {\r\n this._nodeRemoveListItem(endCon);\r\n }\r\n\r\n continue;\r\n }\r\n\r\n this._nodeRemoveListItem(item);\r\n }\r\n\r\n const endUl = util.getParentElement(endCon, 'ul');\r\n const startLi = util.getParentElement(startCon, 'li');\r\n if (endUl && startLi && startLi.contains(endUl)) {\r\n container = endUl.previousSibling;\r\n offset = container.textContent.length;\r\n } else {\r\n container = endCon && endCon.parentNode ? endCon : startCon && startCon.parentNode ? startCon : (range.endContainer || range.startContainer);\r\n offset = (!isStartEdge && !isEndEdge) ? offset : isEndEdge ? container.textContent.length : 0;\r\n }\r\n\r\n if (!util.isWysiwygDiv(container) && container.childNodes.length === 0) {\r\n const rc = util.removeItemAllParents(container, null, null);\r\n if (rc) container = rc.sc || rc.ec || context.element.wysiwyg;\r\n }\r\n\r\n if (!util.getFormatElement(container) && !(startCon && startCon.parentNode)) {\r\n if (endNextEl) {\r\n container = endNextEl;\r\n offset = 0;\r\n } else if (startPrevEl) {\r\n container = startPrevEl;\r\n offset = 1;\r\n }\r\n }\r\n\r\n // set range\r\n this.setRange(container, offset, container, offset);\r\n // history stack\r\n this.history.push(true);\r\n\r\n return {\r\n container: container,\r\n offset: offset,\r\n prevContainer: prevContainer\r\n };\r\n },\r\n\r\n _nodeRemoveListItem: function (item) {\r\n const format = util.getFormatElement(item, null);\r\n util.removeItem(item);\r\n\r\n if(!util.isListCell(format)) return;\r\n\r\n util.removeItemAllParents(format, null, null);\r\n\r\n if (format && util.isList(format.firstChild)) {\r\n format.insertBefore(util.createTextNode(util.zeroWidthSpace), format.firstChild);\r\n }\r\n },\r\n\r\n /**\r\n * @description Appended all selected format Element to the argument element and insert\r\n * @param {Element} rangeElement Element of wrap the arguments (BLOCKQUOTE...)\r\n */\r\n applyRangeFormatElement: function (rangeElement) {\r\n this.getRange_addLine(this.getRange(), null);\r\n const rangeLines = this.getSelectedElementsAndComponents(false);\r\n if (!rangeLines || rangeLines.length === 0) return;\r\n\r\n linesLoop:\r\n for (let i = 0, len = rangeLines.length, line, nested, fEl, lEl, f, l; i < len; i++) {\r\n line = rangeLines[i];\r\n if (!util.isListCell(line)) continue;\r\n\r\n nested = line.lastElementChild;\r\n if (nested && util.isListCell(line.nextElementSibling) && rangeLines.indexOf(line.nextElementSibling) > -1) {\r\n lEl = nested.lastElementChild;\r\n if (rangeLines.indexOf(lEl) > -1) {\r\n let list = null;\r\n while ((list = lEl.lastElementChild)) {\r\n if (util.isList(list)) {\r\n if (rangeLines.indexOf(list.lastElementChild) > -1) {\r\n lEl = list.lastElementChild;\r\n } else {\r\n continue linesLoop;\r\n }\r\n }\r\n }\r\n\r\n fEl = nested.firstElementChild;\r\n f = rangeLines.indexOf(fEl);\r\n l = rangeLines.indexOf(lEl);\r\n rangeLines.splice(f, (l - f) + 1);\r\n len = rangeLines.length;\r\n continue;\r\n }\r\n }\r\n }\r\n\r\n let last = rangeLines[rangeLines.length - 1];\r\n let standTag, beforeTag, pElement;\r\n\r\n if (util.isRangeFormatElement(last) || util.isFormatElement(last)) {\r\n standTag = last;\r\n } else {\r\n standTag = util.getRangeFormatElement(last, null) || util.getFormatElement(last, null);\r\n }\r\n\r\n if (util.isCell(standTag)) {\r\n beforeTag = null;\r\n pElement = standTag;\r\n } else {\r\n beforeTag = standTag.nextSibling;\r\n pElement = standTag.parentNode;\r\n }\r\n\r\n let parentDepth = util.getElementDepth(standTag);\r\n let listParent = null;\r\n const lineArr = [];\r\n const removeItems = function (parent, origin, before) {\r\n let cc = null;\r\n if (parent !== origin && !util.isTable(origin)) {\r\n if (origin && util.getElementDepth(parent) === util.getElementDepth(origin)) return before;\r\n cc = util.removeItemAllParents(origin, null, parent);\r\n }\r\n\r\n return cc ? cc.ec : before;\r\n };\r\n\r\n for (let i = 0, len = rangeLines.length, line, originParent, depth, before, nextLine, nextList, nested; i < len; i++) {\r\n line = rangeLines[i];\r\n originParent = line.parentNode;\r\n if (!originParent || rangeElement.contains(originParent)) continue;\r\n\r\n depth = util.getElementDepth(line);\r\n\r\n if (util.isList(originParent)) {\r\n if (listParent === null) {\r\n if (nextList) {\r\n listParent = nextList;\r\n nested = true;\r\n nextList = null;\r\n } else {\r\n listParent = originParent.cloneNode(false);\r\n }\r\n }\r\n\r\n lineArr.push(line);\r\n nextLine = rangeLines[i + 1];\r\n\r\n if (i === len - 1 || (nextLine && nextLine.parentNode !== originParent)) {\r\n // nested list\r\n if (nextLine && line.contains(nextLine.parentNode)) {\r\n nextList = nextLine.parentNode.cloneNode(false);\r\n }\r\n\r\n let list = originParent.parentNode, p;\r\n while (util.isList(list)) {\r\n p = util.createElement(list.nodeName);\r\n p.appendChild(listParent);\r\n listParent = p;\r\n list = list.parentNode;\r\n }\r\n\r\n const edge = this.detachRangeFormatElement(originParent, lineArr, null, true, true);\r\n\r\n if (parentDepth >= depth) {\r\n parentDepth = depth;\r\n pElement = edge.cc;\r\n beforeTag = removeItems(pElement, originParent, edge.ec);\r\n if (beforeTag) pElement = beforeTag.parentNode;\r\n } else if (pElement === edge.cc) {\r\n beforeTag = edge.ec;\r\n }\r\n\r\n if (pElement !== edge.cc) {\r\n before = removeItems(pElement, edge.cc, before);\r\n if (before !== undefined) beforeTag = before;\r\n else beforeTag = edge.cc;\r\n }\r\n\r\n for (let c = 0, cLen = edge.removeArray.length; c < cLen; c++) {\r\n listParent.appendChild(edge.removeArray[c]);\r\n }\r\n\r\n if (!nested) rangeElement.appendChild(listParent);\r\n if (nextList) edge.removeArray[edge.removeArray.length - 1].appendChild(nextList);\r\n listParent = null;\r\n nested = false;\r\n }\r\n } else {\r\n if (parentDepth >= depth) {\r\n parentDepth = depth;\r\n pElement = originParent;\r\n beforeTag = line.nextSibling;\r\n }\r\n\r\n rangeElement.appendChild(line);\r\n\r\n if (pElement !== originParent) {\r\n before = removeItems(pElement, originParent);\r\n if (before !== undefined) beforeTag = before;\r\n }\r\n }\r\n }\r\n\r\n this.effectNode = null;\r\n util.mergeSameTags(rangeElement, null, false);\r\n util.mergeNestedTags(rangeElement, function (current) { return this.isList(current); }.bind(util));\r\n\r\n // Nested list\r\n if (beforeTag && util.getElementDepth(beforeTag) > 0 && (util.isList(beforeTag.parentNode) || util.isList(beforeTag.parentNode.parentNode))) {\r\n const depthFormat = util.getParentElement(beforeTag, function (current) { return this.isRangeFormatElement(current) && !this.isList(current); }.bind(util));\r\n const splitRange = util.splitElement(beforeTag, null, !depthFormat ? 0 : util.getElementDepth(depthFormat) + 1);\r\n splitRange.parentNode.insertBefore(rangeElement, splitRange);\r\n } else { // basic\r\n pElement.insertBefore(rangeElement, beforeTag);\r\n removeItems(rangeElement, beforeTag);\r\n }\r\n\r\n const edge = util.getEdgeChildNodes(rangeElement.firstElementChild, rangeElement.lastElementChild);\r\n if (rangeLines.length > 1) {\r\n this.setRange(edge.sc, 0, edge.ec, edge.ec.textContent.length);\r\n } else {\r\n this.setRange(edge.ec, edge.ec.textContent.length, edge.ec, edge.ec.textContent.length);\r\n }\r\n\r\n // history stack\r\n this.history.push(false);\r\n },\r\n\r\n /**\r\n * @description The elements of the \"selectedFormats\" array are detached from the \"rangeElement\" element. (\"LI\" tags are converted to \"P\" tags)\r\n * When \"selectedFormats\" is null, all elements are detached and return {cc: parentNode, sc: nextSibling, ec: previousSibling, removeArray: [Array of removed elements]}.\r\n * @param {Element} rangeElement Range format element (PRE, BLOCKQUOTE, OL, UL...)\r\n * @param {Array|null} selectedFormats Array of format elements (P, DIV, LI...) to remove.\r\n * If null, Applies to all elements and return {cc: parentNode, sc: nextSibling, ec: previousSibling}\r\n * @param {Element|null} newRangeElement The node(rangeElement) to replace the currently wrapped node.\r\n * @param {Boolean} remove If true, deleted without detached.\r\n * @param {Boolean} notHistoryPush When true, it does not update the history stack and the selection object and return EdgeNodes (util.getEdgeChildNodes)\r\n * @returns {Object}\r\n */\r\n detachRangeFormatElement: function (rangeElement, selectedFormats, newRangeElement, remove, notHistoryPush) {\r\n const range = this.getRange();\r\n let so = range.startOffset;\r\n let eo = range.endOffset;\r\n\r\n let children = util.getListChildNodes(rangeElement, function (current) { return current.parentNode === rangeElement; });\r\n let parent = rangeElement.parentNode;\r\n let firstNode = null;\r\n let lastNode = null;\r\n let rangeEl = rangeElement.cloneNode(false);\r\n\r\n const removeArray = [];\r\n const newList = util.isList(newRangeElement);\r\n let insertedNew = false;\r\n let reset = false;\r\n let moveComplete = false;\r\n\r\n function appendNode (parent, insNode, sibling, originNode) {\r\n if (util.onlyZeroWidthSpace(insNode)) {\r\n insNode.innerHTML = util.zeroWidthSpace;\r\n so = eo = 1;\r\n }\r\n\r\n if (insNode.nodeType === 3) {\r\n parent.insertBefore(insNode, sibling);\r\n return insNode;\r\n }\r\n\r\n const insChildren = (moveComplete ? insNode : originNode).childNodes;\r\n let format = insNode.cloneNode(false);\r\n let first = null;\r\n let c = null;\r\n\r\n while (insChildren[0]) {\r\n c = insChildren[0];\r\n if (util._notTextNode(c) && !util.isBreak(c) && !util.isListCell(format)) {\r\n if (format.childNodes.length > 0) {\r\n if (!first) first = format;\r\n parent.insertBefore(format, sibling);\r\n format = insNode.cloneNode(false);\r\n }\r\n parent.insertBefore(c, sibling);\r\n if (!first) first = c;\r\n } else {\r\n format.appendChild(c);\r\n }\r\n }\r\n\r\n if (format.childNodes.length > 0) {\r\n if (util.isListCell(parent) && util.isListCell(format) && util.isList(sibling)) {\r\n if (newList) {\r\n first = sibling;\r\n while(sibling) {\r\n format.appendChild(sibling);\r\n sibling = sibling.nextSibling;\r\n }\r\n parent.parentNode.insertBefore(format, parent.nextElementSibling);\r\n } else {\r\n const originNext = originNode.nextElementSibling;\r\n const detachRange = util.detachNestedList(originNode, false);\r\n if ((rangeElement !== detachRange) || (originNext !== originNode.nextElementSibling)) {\r\n const fChildren = format.childNodes;\r\n while (fChildren[0]) {\r\n originNode.appendChild(fChildren[0]);\r\n }\r\n\r\n rangeElement = detachRange;\r\n reset = true;\r\n }\r\n }\r\n } else {\r\n parent.insertBefore(format, sibling);\r\n }\r\n\r\n if (!first) first = format;\r\n }\r\n\r\n return first;\r\n }\r\n\r\n // detach loop\r\n for (let i = 0, len = children.length, insNode, lineIndex, next; i < len; i++) {\r\n insNode = children[i];\r\n if (insNode.nodeType === 3 && util.isList(rangeEl)) continue;\r\n\r\n moveComplete = false;\r\n if (remove && i === 0) {\r\n if (!selectedFormats || selectedFormats.length === len || selectedFormats[0] === insNode) {\r\n firstNode = rangeElement.previousSibling;\r\n } else {\r\n firstNode = rangeEl;\r\n }\r\n }\r\n\r\n if (selectedFormats) lineIndex = selectedFormats.indexOf(insNode);\r\n if (selectedFormats && lineIndex === -1) {\r\n if (!rangeEl) rangeEl = rangeElement.cloneNode(false);\r\n rangeEl.appendChild(insNode);\r\n } else {\r\n if (selectedFormats) next = selectedFormats[lineIndex + 1];\r\n if (rangeEl && rangeEl.children.length > 0) {\r\n parent.insertBefore(rangeEl, rangeElement);\r\n rangeEl = null;\r\n }\r\n\r\n if (!newList && util.isListCell(insNode)) {\r\n if (next && util.getElementDepth(insNode) !== util.getElementDepth(next) && (util.isListCell(parent) || util.getArrayItem(insNode.children, util.isList, false))) {\r\n const insNext = insNode.nextElementSibling;\r\n const detachRange = util.detachNestedList(insNode, false);\r\n if ((rangeElement !== detachRange) || insNext !== insNode.nextElementSibling) {\r\n rangeElement = detachRange;\r\n reset = true;\r\n }\r\n } else {\r\n const inner = insNode;\r\n insNode = util.createElement(remove ? inner.nodeName : (util.isList(rangeElement.parentNode) || util.isListCell(rangeElement.parentNode)) ? 'LI' : util.isCell(rangeElement.parentNode) ? 'DIV' : options.defaultTag);\r\n const isCell = util.isListCell(insNode);\r\n const innerChildren = inner.childNodes;\r\n while (innerChildren[0]) {\r\n if (util.isList(innerChildren[0]) && !isCell) break;\r\n insNode.appendChild(innerChildren[0]);\r\n }\r\n util.copyFormatAttributes(insNode, inner);\r\n moveComplete = true;\r\n }\r\n } else {\r\n insNode = insNode.cloneNode(false);\r\n }\r\n\r\n if (!reset) {\r\n if (!remove) {\r\n if (newRangeElement) {\r\n if (!insertedNew) {\r\n parent.insertBefore(newRangeElement, rangeElement);\r\n insertedNew = true;\r\n }\r\n insNode = appendNode(newRangeElement, insNode, null, children[i]);\r\n } else {\r\n insNode = appendNode(parent, insNode, rangeElement, children[i]);\r\n }\r\n\r\n if (!reset) {\r\n if (selectedFormats) {\r\n lastNode = insNode;\r\n if (!firstNode) {\r\n firstNode = insNode;\r\n }\r\n } else if (!firstNode) {\r\n firstNode = lastNode = insNode;\r\n }\r\n }\r\n } else {\r\n removeArray.push(insNode);\r\n util.removeItem(children[i]);\r\n }\r\n\r\n if (reset) {\r\n reset = moveComplete = false;\r\n children = util.getListChildNodes(rangeElement, function (current) { return current.parentNode === rangeElement; });\r\n rangeEl = rangeElement.cloneNode(false);\r\n parent = rangeElement.parentNode;\r\n i = -1;\r\n len = children.length;\r\n continue;\r\n }\r\n }\r\n }\r\n }\r\n\r\n const rangeParent = rangeElement.parentNode;\r\n let rangeRight = rangeElement.nextSibling;\r\n if (rangeEl && rangeEl.children.length > 0) {\r\n rangeParent.insertBefore(rangeEl, rangeRight);\r\n }\r\n\r\n if (newRangeElement) firstNode = newRangeElement.previousSibling;\r\n else if (!firstNode) firstNode = rangeElement.previousSibling;\r\n rangeRight = rangeElement.nextSibling !== rangeEl ? rangeElement.nextSibling : rangeEl ? rangeEl.nextSibling : null;\r\n\r\n if (rangeElement.children.length === 0 || rangeElement.textContent.length === 0) {\r\n util.removeItem(rangeElement);\r\n } else {\r\n util.removeEmptyNode(rangeElement, null, false);\r\n }\r\n\r\n let edge = null;\r\n if (remove) {\r\n edge = {\r\n cc: rangeParent,\r\n sc: firstNode,\r\n so: so,\r\n ec: rangeRight,\r\n eo: eo,\r\n removeArray: removeArray\r\n };\r\n } else {\r\n if (!firstNode) firstNode = lastNode;\r\n if (!lastNode) lastNode = firstNode;\r\n const childEdge = util.getEdgeChildNodes(firstNode, (lastNode.parentNode ? firstNode : lastNode));\r\n edge = {\r\n cc: (childEdge.sc || childEdge.ec).parentNode,\r\n sc: childEdge.sc,\r\n so: so,\r\n ec: childEdge.ec,\r\n eo: eo,\r\n removeArray: null\r\n };\r\n }\r\n\r\n this.effectNode = null;\r\n if (notHistoryPush) return edge;\r\n\r\n if (!remove && edge) {\r\n if (!selectedFormats) {\r\n this.setRange(edge.sc, 0, edge.sc, 0);\r\n } else {\r\n this.setRange(edge.sc, so, edge.ec, eo);\r\n }\r\n }\r\n\r\n // history stack\r\n this.history.push(false);\r\n },\r\n\r\n /**\r\n * @description \"selectedFormats\" array are detached from the list element.\r\n * The return value is applied when the first and last lines of \"selectedFormats\" are \"LI\" respectively.\r\n * @param {Array} selectedFormats Array of format elements (LI, P...) to remove.\r\n * @param {Boolean} remove If true, deleted without detached.\r\n * @returns {Object} {sc:
';\r\n }\r\n },\r\n\r\n /**\r\n * @description Convert the data of the WYSIWYG area and put it in the code view area.\r\n * @private\r\n */\r\n _setEditorDataToCodeView: function () {\r\n const codeContents = this.convertHTMLForCodeView(context.element.wysiwyg, false);\r\n let codeValue = '';\r\n\r\n if (options.fullPage) {\r\n const attrs = util.getAttributesToString(this._wd.body, null);\r\n codeValue = '\\n\\n' + this._wd.head.outerHTML.replace(/>(?!\\n)/g, '>\\n') + '\\n' + codeContents + '\\n';\r\n } else {\r\n codeValue = codeContents;\r\n }\r\n\r\n context.element.code.style.display = 'block';\r\n context.element.wysiwygFrame.style.display = 'none';\r\n\r\n this._setCodeView(codeValue);\r\n },\r\n\r\n /**\r\n * @description Changes to full screen or default screen\r\n * @param {Element|null} element full screen button\r\n */\r\n toggleFullScreen: function (element) {\r\n const topArea = context.element.topArea;\r\n const toolbar = context.element.toolbar;\r\n const editorArea = context.element.editorArea;\r\n const wysiwygFrame = context.element.wysiwygFrame;\r\n const code = context.element.code;\r\n const _var = this._variable;\r\n this.controllersOff();\r\n\r\n const wasToolbarHidden = (toolbar.style.display === 'none' || (this._isInline && !this._inlineToolbarAttr.isShow));\r\n\r\n if (!_var.isFullScreen) {\r\n _var.isFullScreen = true;\r\n\r\n _var._fullScreenAttrs.inline = this._isInline;\r\n _var._fullScreenAttrs.balloon = this._isBalloon;\r\n\r\n if (this._isInline || this._isBalloon) {\r\n this._isInline = false;\r\n this._isBalloon = false;\r\n }\r\n\r\n if (!!options.toolbarContainer) context.element.relative.insertBefore(toolbar, editorArea);\r\n\r\n topArea.style.position = 'fixed';\r\n topArea.style.top = '0';\r\n topArea.style.left = '0';\r\n topArea.style.width = '100%';\r\n topArea.style.maxWidth = '100%';\r\n topArea.style.height = '100%';\r\n topArea.style.zIndex = '2147483647';\r\n\r\n if (context.element._stickyDummy.style.display !== ('none' && '')) {\r\n _var._fullScreenAttrs.sticky = true;\r\n context.element._stickyDummy.style.display = 'none';\r\n util.removeClass(toolbar, 'se-toolbar-sticky');\r\n }\r\n\r\n _var._bodyOverflow = _d.body.style.overflow;\r\n _d.body.style.overflow = 'hidden';\r\n\r\n _var._editorAreaOriginCssText = editorArea.style.cssText;\r\n _var._wysiwygOriginCssText = wysiwygFrame.style.cssText;\r\n _var._codeOriginCssText = code.style.cssText;\r\n\r\n editorArea.style.cssText = toolbar.style.cssText = '';\r\n wysiwygFrame.style.cssText = (wysiwygFrame.style.cssText.match(/\\s?display(\\s+)?:(\\s+)?[a-zA-Z]+;/) || [''])[0] + options._editorStyles.editor;\r\n code.style.cssText = (code.style.cssText.match(/\\s?display(\\s+)?:(\\s+)?[a-zA-Z]+;/) || [''])[0];\r\n toolbar.style.width = wysiwygFrame.style.height = code.style.height = '100%';\r\n toolbar.style.position = 'relative';\r\n toolbar.style.display = 'block';\r\n\r\n _var.innerHeight_fullScreen = (_w.innerHeight - toolbar.offsetHeight);\r\n editorArea.style.height = (_var.innerHeight_fullScreen - options.fullScreenOffset) + 'px';\r\n\r\n if (element) util.changeElement(element.firstElementChild, icons.reduction);\r\n\r\n if (options.iframe && options.height === 'auto') {\r\n editorArea.style.overflow = 'auto';\r\n this._iframeAutoHeight();\r\n }\r\n\r\n context.element.topArea.style.marginTop = options.fullScreenOffset + 'px';\r\n util.addClass(this._styleCommandMap.fullScreen, 'active');\r\n } else {\r\n _var.isFullScreen = false;\r\n\r\n wysiwygFrame.style.cssText = _var._wysiwygOriginCssText;\r\n code.style.cssText = _var._codeOriginCssText;\r\n toolbar.style.cssText = '';\r\n editorArea.style.cssText = _var._editorAreaOriginCssText;\r\n topArea.style.cssText = _var._originCssText;\r\n _d.body.style.overflow = _var._bodyOverflow;\r\n\r\n if (options.height === 'auto' && !options.codeMirrorEditor) event._codeViewAutoHeight();\r\n\r\n if (!!options.toolbarContainer) options.toolbarContainer.appendChild(toolbar);\r\n\r\n if (options.stickyToolbar > -1) {\r\n util.removeClass(toolbar, 'se-toolbar-sticky');\r\n }\r\n\r\n if (_var._fullScreenAttrs.sticky && !options.toolbarContainer) {\r\n _var._fullScreenAttrs.sticky = false;\r\n context.element._stickyDummy.style.display = 'block';\r\n util.addClass(toolbar, \"se-toolbar-sticky\");\r\n }\r\n\r\n this._isInline = _var._fullScreenAttrs.inline;\r\n this._isBalloon = _var._fullScreenAttrs.balloon;\r\n if (this._isInline) event._showToolbarInline();\r\n if (!!options.toolbarContainer) util.removeClass(toolbar, 'se-toolbar-balloon');\r\n\r\n event.onScroll_window();\r\n if (element) util.changeElement(element.firstElementChild, icons.expansion);\r\n\r\n context.element.topArea.style.marginTop = '';\r\n util.removeClass(this._styleCommandMap.fullScreen, 'active');\r\n }\r\n\r\n if (wasToolbarHidden) functions.toolbar.hide();\r\n\r\n // user event\r\n if (typeof functions.toggleFullScreen === 'function') functions.toggleFullScreen(this._variable.isFullScreen, this);\r\n },\r\n\r\n /**\r\n * @description Prints the current contents of the editor.\r\n */\r\n print: function () {\r\n const iframe = util.createElement('IFRAME');\r\n iframe.style.display = 'none';\r\n _d.body.appendChild(iframe);\r\n\r\n const contentsHTML = options.printTemplate ? options.printTemplate.replace(/\\{\\{\\s*contents\\s*\\}\\}/i, this.getContents(true)) : this.getContents(true);\r\n const printDocument = util.getIframeDocument(iframe);\r\n const wDoc = this._wd;\r\n\r\n if (options.iframe) {\r\n const arrts = options._printClass !== null ? 'class=\"' + options._printClass + '\"' : options.fullPage ? util.getAttributesToString(wDoc.body, ['contenteditable']) : 'class=\"' + options._editableClass + '\"';\r\n\r\n printDocument.write('' +\r\n '' +\r\n '' +\r\n wDoc.head.innerHTML +\r\n '' +\r\n '' + contentsHTML + '' +\r\n ''\r\n );\r\n } else {\r\n const links = _d.head.getElementsByTagName('link');\r\n const styles = _d.head.getElementsByTagName('style');\r\n let linkHTML = '';\r\n for (let i = 0, len = links.length; i < len; i++) {\r\n linkHTML += links[i].outerHTML;\r\n }\r\n for (let i = 0, len = styles.length; i < len; i++) {\r\n linkHTML += styles[i].outerHTML;\r\n }\r\n\r\n printDocument.write('' +\r\n '' +\r\n '' +\r\n linkHTML +\r\n '' +\r\n '' + contentsHTML + '' +\r\n ''\r\n );\r\n }\r\n\r\n this.showLoading();\r\n _w.setTimeout(function () {\r\n try {\r\n iframe.focus();\r\n // IE or Edge, Chromium\r\n if (util.isIE_Edge || util.isChromium || !!_d.documentMode || !!_w.StyleMedia) {\r\n try {\r\n iframe.contentWindow.document.execCommand('print', false, null);\r\n } catch (e) {\r\n iframe.contentWindow.print();\r\n }\r\n } else {\r\n // Other browsers\r\n iframe.contentWindow.print();\r\n }\r\n } catch (error) {\r\n throw Error('[SUNEDITOR.core.print.fail] error: ' + error);\r\n } finally {\r\n core.closeLoading();\r\n util.removeItem(iframe);\r\n }\r\n }, 1000);\r\n },\r\n\r\n /**\r\n * @description Open the preview window.\r\n */\r\n preview: function () {\r\n core.submenuOff();\r\n core.containerOff();\r\n core.controllersOff();\r\n\r\n const contentsHTML = options.previewTemplate ? options.previewTemplate.replace(/\\{\\{\\s*contents\\s*\\}\\}/i, this.getContents(true)) : this.getContents(true);\r\n const windowObject = _w.open('', '_blank');\r\n windowObject.mimeType = 'text/html';\r\n const wDoc = this._wd;\r\n\r\n if (options.iframe) {\r\n const arrts = options._printClass !== null ? 'class=\"' + options._printClass + '\"' : options.fullPage ? util.getAttributesToString(wDoc.body, ['contenteditable']) : 'class=\"' + options._editableClass + '\"';\r\n\r\n windowObject.document.write('' +\r\n '' +\r\n '' +\r\n wDoc.head.innerHTML +\r\n '' +\r\n '' +\r\n '' + contentsHTML + '' +\r\n ''\r\n );\r\n } else {\r\n const links = _d.head.getElementsByTagName('link');\r\n const styles = _d.head.getElementsByTagName('style');\r\n let linkHTML = '';\r\n for (let i = 0, len = links.length; i < len; i++) {\r\n linkHTML += links[i].outerHTML;\r\n }\r\n for (let i = 0, len = styles.length; i < len; i++) {\r\n linkHTML += styles[i].outerHTML;\r\n }\r\n\r\n windowObject.document.write('' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '
{contents}
\r\n * @param {Boolean} onlyContents Return only the contents of the body without headers when the \"fullPage\" option is true\r\n * @returns {String}\r\n */\r\n getFullContents: function (onlyContents) {\r\n return '' + this.getContents(onlyContents) + '
';\r\n },\r\n\r\n /**\r\n * @description Returns HTML string according to tag type and configuration.\r\n * Use only \"cleanHTML\"\r\n * @param {Node} node Node\r\n * @param {Boolean} requireFormat If true, text nodes that do not have a format node is wrapped with the format tag.\r\n * @private\r\n */\r\n _makeLine: function (node, requireFormat) {\r\n const defaultTag = options.defaultTag;\r\n // element\r\n if (node.nodeType === 1) {\r\n if (this.__disallowedTagNameRegExp.test(node.nodeName)) return '';\r\n if (/__se__tag/.test(node.className)) return node.outerHTML;\r\n\r\n const ch = util.getListChildNodes(node, function(current) { return util.isSpanWithoutAttr(current) && !util.getParentElement(current, util.isNotCheckingNode); }) || [];\r\n for (let i = ch.length - 1; i >= 0; i--) {\r\n ch[i].outerHTML = ch[i].innerHTML;\r\n }\r\n\r\n if (!requireFormat || (util.isFormatElement(node) || util.isRangeFormatElement(node) || util.isComponent(node) || util.isFigures(node) || (util.isAnchor(node) && util.isMedia(node.firstElementChild)))) {\r\n return util.isSpanWithoutAttr(node) ? node.innerHTML : node.outerHTML;\r\n } else {\r\n return '<' + defaultTag + '>' + (util.isSpanWithoutAttr(node) ? node.innerHTML : node.outerHTML) + '';\r\n }\r\n }\r\n // text\r\n if (node.nodeType === 3) {\r\n if (!requireFormat) return util._HTMLConvertor(node.textContent);\r\n const textArray = node.textContent.split(/\\n/g);\r\n let html = '';\r\n for (let i = 0, tLen = textArray.length, text; i < tLen; i++) {\r\n text = textArray[i].trim();\r\n if (text.length > 0) html += '<' + defaultTag + '>' + util._HTMLConvertor(text) + '';\r\n }\r\n return html;\r\n }\r\n // comments\r\n if (node.nodeType === 8 && this._allowHTMLComments) {\r\n return '';\r\n }\r\n\r\n return '';\r\n },\r\n\r\n /**\r\n * @description Removes attribute values such as style and converts tags that do not conform to the \"html5\" standard.\r\n * @param {String} text \r\n * @returns {String} HTML string\r\n * @private\r\n */\r\n _tagConvertor: function (text) {\r\n if (!this._disallowedTextTagsRegExp) return text;\r\n\r\n const ec = options._textTagsMap;\r\n return text.replace(this._disallowedTextTagsRegExp, function (m, t, n, p) {\r\n return t + (typeof ec[n] === 'string' ? ec[n] : n) + (p ? ' ' + p : '');\r\n });\r\n },\r\n\r\n /**\r\n * @description Delete disallowed tags\r\n * @param {String} html HTML string\r\n * @returns {String}\r\n * @private\r\n */\r\n _deleteDisallowedTags: function (html) {\r\n html = html\r\n .replace(this.__disallowedTagsRegExp, '')\r\n .replace(/<[a-z0-9]+\\:[a-z0-9]+[^>^\\/]*>[^>]*<\\/[a-z0-9]+\\:[a-z0-9]+>/gi, '');\r\n\r\n if (!/\\bfont\\b/i.test(this.options._editorTagsWhitelist)) {\r\n html = html.replace(/(<\\/?)font(\\s?)/gi, '$1span$2');\r\n }\r\n\r\n return html.replace(this.editorTagsWhitelistRegExp, '').replace(this.editorTagsBlacklistRegExp, '');\r\n },\r\n\r\n _convertFontSize: function (to, size) {\r\n const math = this._w.Math;\r\n const value = size.match(/(\\d+(?:\\.\\d+)?)(.+)/);\r\n const sizeNum = value ? value[1] * 1 : util.fontValueMap[size];\r\n const from = value ? value[2] : 'rem';\r\n let pxSize = sizeNum;\r\n\r\n if (/em/.test(from)) {\r\n pxSize = math.round(sizeNum / 0.0625);\r\n } else if (from === 'pt') {\r\n pxSize = math.round(sizeNum * 1.333);\r\n } else if (from === '%') {\r\n pxSize = sizeNum / 100;\r\n }\r\n\r\n switch (to) {\r\n case 'em':\r\n case 'rem':\r\n case '%':\r\n return (pxSize * 0.0625).toFixed(2) + to;\r\n case 'pt':\r\n return math.floor(pxSize / 1.333) + to;\r\n default: // px\r\n return pxSize + to;\r\n }\r\n },\r\n\r\n _cleanStyle: function (m, v, name) {\r\n let sv = (m.match(/style\\s*=\\s*(?:\"|')[^\"']*(?:\"|')/) || [])[0];\r\n if (/span/i.test(name) && !sv && (m.match(/<[^\\s]+\\s(.+)/) || [])[1]) {\r\n const size = (m.match(/\\ssize=\"([^\"]+)\"/i) || [])[1];\r\n const face = (m.match(/\\sface=\"([^\"]+)\"/i) || [])[1];\r\n const color = (m.match(/\\scolor=\"([^\"]+)\"/i) || [])[1];\r\n if (size || face || color) {\r\n sv = 'style=\"' + (size ? 'font-size:' + (this.util.getNumber(size/3.333, 1)) + 'rem;' : '') + (face ? 'font-family:' + face + ';' : '') + (color ? 'color:' + color + ';' : '') + '\"';\r\n }\r\n }\r\n\r\n if (sv) {\r\n if (!v) v = [];\r\n const style = sv.replace(/"/g, '').match(this._cleanStyleRegExp[name]);\r\n if (style) {\r\n const allowedStyle = [];\r\n for (let i = 0, len = style.length, r; i < len; i++) {\r\n r = style[i].match(/([a-zA-Z0-9-]+)(:)([^\"']+)/);\r\n if (r && !/inherit|initial|revert|unset/i.test(r[3])) {\r\n const k = util.kebabToCamelCase(r[1].trim());\r\n const v = this.wwComputedStyle[k] ? this.wwComputedStyle[k].replace(/\"/g, '') : '';\r\n const c = r[3].trim();\r\n switch (k) {\r\n case 'fontFamily':\r\n if (!options.plugins.font || options.font.indexOf(c) === -1) continue;\r\n break;\r\n case 'fontSize':\r\n if (!options.plugins.fontSize) continue;\r\n if (!this._cleanStyleRegExp.fontSizeUnit.test(r[0])) {\r\n r[0] = r[0].replace((r[0].match(/:\\s*([^;]+)/) || [])[1], this._convertFontSize.bind(this, options.fontSizeUnit));\r\n }\r\n break;\r\n case 'color':\r\n if (!options.plugins.fontColor || /rgba\\(([0-9]+\\s*,\\s*){3}0\\)|windowtext/i.test(c)) continue;\r\n break;\r\n case 'backgroundColor':\r\n if (!options.plugins.hiliteColor || /rgba\\(([0-9]+\\s*,\\s*){3}0\\)|windowtext/i.test(c)) continue;\r\n break;\r\n }\r\n\r\n if (v !== c) {\r\n allowedStyle.push(r[0]);\r\n }\r\n }\r\n }\r\n if (allowedStyle.length > 0) v.push('style=\"' + allowedStyle.join(';') + '\"');\r\n }\r\n }\r\n\r\n return v;\r\n },\r\n\r\n /**\r\n * @description Tag and tag attribute check RegExp function. (used by \"cleanHTML\" and \"convertContentsForEditor\")\r\n * @param {Boolean} lowLevelCheck Row level check\r\n * @param {String} m RegExp value\r\n * @param {String} t RegExp value\r\n * @returns {String}\r\n * @private\r\n */\r\n _cleanTags: function (lowLevelCheck, m, t) {\r\n if (/^<[a-z0-9]+\\:[a-z0-9]+/i.test(m)) return m;\r\n\r\n let v = null;\r\n const tagName = t.match(/(?!<)[a-zA-Z0-9\\-]+/)[0].toLowerCase();\r\n\r\n // blacklist\r\n const bAttr = this._attributesTagsBlacklist[tagName];\r\n m = m.replace(/\\s(?:on[a-z]+)\\s*=\\s*(\")[^\"]*\\1/ig, '');\r\n if (bAttr) m = m.replace(bAttr, '');\r\n else m = m.replace(this._attributesBlacklistRegExp, '');\r\n\r\n // whitelist\r\n const wAttr = this._attributesTagsWhitelist[tagName];\r\n if (wAttr) v = m.match(wAttr);\r\n else v = m.match(lowLevelCheck ? this._attributesWhitelistRegExp : this._attributesWhitelistRegExp_all_data);\r\n\r\n // attribute\r\n if (lowLevelCheck || tagName === 'span' || tagName === 'li' || this._cleanStyleRegExp[tagName]) {\r\n if (tagName === 'a') {\r\n const sv = m.match(/(?:(?:id|name)\\s*=\\s*(?:\"|')[^\"']*(?:\"|'))/g);\r\n if (sv) {\r\n if (!v) v = [];\r\n v.push(sv[0]);\r\n }\r\n } else if (!v || !/style=/i.test(v.toString())) {\r\n if (tagName === 'span' || tagName === 'li') {\r\n v = this._cleanStyle(m, v, 'span');\r\n } if (this._cleanStyleRegExp[tagName]) {\r\n v = this._cleanStyle(m, v, tagName);\r\n } else if (/^(P|DIV|H[1-6]|PRE)$/i.test(tagName)) {\r\n v = this._cleanStyle(m, v, 'format');\r\n }\r\n }\r\n } else {\r\n const sv = m.match(/style\\s*=\\s*(?:\"|')[^\"']*(?:\"|')/);\r\n if (sv && !v) v = [sv[0]];\r\n else if (sv && !v.some(function (v) { return /^style/.test(v.trim()); })) v.push(sv[0]);\r\n }\r\n\r\n // figure\r\n if (util.isFigures(tagName)) {\r\n const sv = m.match(/style\\s*=\\s*(?:\"|')[^\"']*(?:\"|')/);\r\n if (!v) v = [];\r\n if (sv) v.push(sv[0]);\r\n }\r\n\r\n if (v) {\r\n for (let i = 0, len = v.length, a; i < len; i++) {\r\n // if (lowLevelCheck && /^class=\"(?!(__se__|se-|katex))/.test(v[i].trim())) continue;\r\n a = (/^(?:href|src)\\s*=\\s*('|\"|\\s)*javascript\\s*\\:/i.test(v[i].trim()) ? '' : v[i]);\r\n t += (/^\\s/.test(a) ? '' : ' ') + a;\r\n }\r\n }\r\n\r\n return t;\r\n },\r\n\r\n /**\r\n * @description Determines if formatting is required and returns a domTree\r\n * @param {Element} dom documentFragment\r\n * @returns {Element}\r\n * @private\r\n */\r\n _editFormat: function (dom) {\r\n let value = '', f;\r\n const tempTree = dom.childNodes;\r\n\r\n for (let i = 0, len = tempTree.length, n; i < len; i++) {\r\n n = tempTree[i];\r\n if (n.nodeType === 8) {\r\n value += '';\r\n } else if (!util.isFormatElement(n) && !util.isRangeFormatElement(n) && !util.isComponent(n) && !/meta/i.test(n.nodeName)) {\r\n if (!f) f = util.createElement(options.defaultTag);\r\n f.appendChild(n);\r\n i--; len--;\r\n } else {\r\n if (f) {\r\n value += f.outerHTML;\r\n f = null;\r\n }\r\n value += n.outerHTML;\r\n }\r\n }\r\n\r\n if (f) value += f.outerHTML;\r\n\r\n return _d.createRange().createContextualFragment(value);\r\n },\r\n\r\n _convertListCell: function (domTree) {\r\n let html = '';\r\n\r\n for (let i = 0, len = domTree.length, node; i < len; i++) {\r\n node = domTree[i];\r\n if (node.nodeType === 1) {\r\n if (util.isList(node)) {\r\n html += node.innerHTML;\r\n } else if (util.isListCell(node)) {\r\n html += node.outerHTML;\r\n } else if (util.isFormatElement(node)) {\r\n html += '') + '
') + '
';\r\n\r\n cleanHTML = util.htmlRemoveWhiteSpace(cleanHTML);\r\n return this._tagConvertor(cleanHTML);\r\n },\r\n\r\n /**\r\n * @description Converts wysiwyg area element into a format that can be placed in an editor of code view mode\r\n * @param {Element|String} html WYSIWYG element (context.element.wysiwyg) or HTML string.\r\n * @param {Boolean} comp If true, does not line break and indentation of tags.\r\n * @returns {String}\r\n */\r\n convertHTMLForCodeView: function (html, comp) {\r\n let returnHTML = '';\r\n const wRegExp = _w.RegExp;\r\n const brReg = new wRegExp('^(BLOCKQUOTE|PRE|TABLE|THEAD|TBODY|TR|TH|TD|OL|UL|IMG|IFRAME|VIDEO|AUDIO|FIGURE|FIGCAPTION|HR|BR|CANVAS|SELECT)$', 'i');\r\n const wDoc = typeof html === 'string' ? _d.createRange().createContextualFragment(html) : html;\r\n const isFormat = function (current) { return this.isFormatElement(current) || this.isComponent(current); }.bind(util);\r\n const brChar = comp ? '' : '\\n';\r\n\r\n let indentSize = comp ? 0 : this._variable.codeIndent * 1;\r\n indentSize = indentSize > 0 ? new _w.Array(indentSize + 1).join(' ') : '';\r\n\r\n (function recursionFunc (element, indent) {\r\n const children = element.childNodes;\r\n const elementRegTest = brReg.test(element.nodeName);\r\n const elementIndent = (elementRegTest ? indent : '');\r\n\r\n for (let i = 0, len = children.length, node, br, lineBR, nodeRegTest, tag, tagIndent; i < len; i++) {\r\n node = children[i];\r\n nodeRegTest = brReg.test(node.nodeName);\r\n br = nodeRegTest ? brChar : '';\r\n lineBR = isFormat(node) && !elementRegTest && !/^(TH|TD)$/i.test(element.nodeName) ? brChar : '';\r\n\r\n if (node.nodeType === 8) {\r\n returnHTML += '\\n' + br;\r\n continue;\r\n }\r\n if (node.nodeType === 3) {\r\n if (!util.isList(node.parentElement)) returnHTML += util._HTMLConvertor(/^\\n+$/.test(node.data) ? '' : node.data);\r\n continue;\r\n }\r\n if (node.childNodes.length === 0) {\r\n returnHTML += (/^HR$/i.test(node.nodeName) ? brChar : '') + (/^PRE$/i.test(node.parentElement.nodeName) && /^BR$/i.test(node.nodeName) ? '' : elementIndent) + node.outerHTML + br;\r\n continue;\r\n }\r\n\r\n if (!node.outerHTML) { // IE\r\n returnHTML += new _w.XMLSerializer().serializeToString(node);\r\n } else {\r\n tag = node.nodeName.toLowerCase();\r\n tagIndent = elementIndent || nodeRegTest ? indent : '';\r\n returnHTML += (lineBR || (elementRegTest ? '' : br)) + tagIndent + node.outerHTML.match(wRegExp('<' + tag + '[^>]*>', 'i'))[0] + br;\r\n recursionFunc(node, indent + indentSize, '');\r\n returnHTML += (/\\n$/.test(returnHTML) ? tagIndent : '') + '' + (lineBR || br || elementRegTest ? brChar : '' || /^(TH|TD)$/i.test(node.nodeName) ? brChar : '');\r\n }\r\n }\r\n }(wDoc, ''));\r\n\r\n return returnHTML.trim() + brChar;\r\n },\r\n\r\n /**\r\n * @description Add an event to document.\r\n * When created as an Iframe, the same event is added to the document in the Iframe.\r\n * @param {String} type Event type\r\n * @param {Function} listener Event listener\r\n * @param {Boolean} useCapture Use event capture\r\n */\r\n addDocEvent: function (type, listener, useCapture) {\r\n _d.addEventListener(type, listener, useCapture);\r\n if (options.iframe) {\r\n this._wd.addEventListener(type, listener);\r\n }\r\n },\r\n\r\n /**\r\n * @description Remove events from document.\r\n * When created as an Iframe, the event of the document inside the Iframe is also removed.\r\n * @param {String} type Event type\r\n * @param {Function} listener Event listener\r\n */\r\n removeDocEvent: function (type, listener) {\r\n _d.removeEventListener(type, listener);\r\n if (options.iframe) {\r\n this._wd.removeEventListener(type, listener);\r\n }\r\n },\r\n\r\n /**\r\n * @description The current number of characters is counted and displayed.\r\n * @param {String} inputText Text added.\r\n * @returns {Boolean}\r\n * @private\r\n */\r\n _charCount: function (inputText) {\r\n const maxCharCount = options.maxCharCount;\r\n const countType = options.charCounterType;\r\n let nextCharCount = 0;\r\n if (!!inputText) nextCharCount = this.getCharLength(inputText, countType);\r\n\r\n this._setCharCount();\r\n\r\n if (maxCharCount > 0) {\r\n let over = false;\r\n const count = functions.getCharCount(countType);\r\n\r\n if (count > maxCharCount) {\r\n over = true;\r\n if (nextCharCount > 0) {\r\n this._editorRange();\r\n const range = this.getRange();\r\n const endOff = range.endOffset - 1;\r\n const text = this.getSelectionNode().textContent;\r\n const slicePosition = range.endOffset - (count - maxCharCount);\r\n\r\n this.getSelectionNode().textContent = text.slice(0, slicePosition < 0 ? 0 : slicePosition) + text.slice(range.endOffset, text.length);\r\n this.setRange(range.endContainer, endOff, range.endContainer, endOff);\r\n }\r\n } else if ((count + nextCharCount) > maxCharCount) {\r\n over = true;\r\n }\r\n\r\n if (over) {\r\n this._callCounterBlink();\r\n if (nextCharCount > 0) return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n /**\r\n * @description When \"element\" is added, if it is greater than \"options.maxCharCount\", false is returned.\r\n * @param {Node|String} element Element node or String.\r\n * @param {String|null} charCounterType charCounterType. If it is null, the options.charCounterType\r\n * @returns {Boolean}\r\n */\r\n checkCharCount: function (element, charCounterType) {\r\n if (options.maxCharCount) {\r\n const countType = charCounterType || options.charCounterType;\r\n const length = this.getCharLength((typeof element === 'string' ? element : (this._charTypeHTML && element.nodeType === 1) ? element.outerHTML : element.textContent), countType);\r\n if (length > 0 && length + functions.getCharCount(countType) > options.maxCharCount) {\r\n this._callCounterBlink();\r\n return false;\r\n }\r\n }\r\n return true;\r\n },\r\n\r\n /**\r\n * @description Get the length of the content.\r\n * Depending on the option, the length of the character is taken. (charCounterType)\r\n * @param {String} content Content to count\r\n * @param {String} charCounterType options.charCounterType\r\n * @returns {Number}\r\n */\r\n getCharLength: function (content, charCounterType) {\r\n return /byte/.test(charCounterType) ? util.getByteLength(content) : content.length;\r\n },\r\n\r\n /**\r\n * @description Reset buttons of the responsive toolbar.\r\n */\r\n resetResponsiveToolbar: function () {\r\n core.controllersOff();\r\n\r\n const responsiveSize = event._responsiveButtonSize;\r\n if (responsiveSize) {\r\n let w = 0;\r\n if ((core._isBalloon || core._isInline) && options.toolbarWidth === 'auto') {\r\n w = context.element.topArea.offsetWidth;\r\n } else {\r\n w = context.element.toolbar.offsetWidth;\r\n }\r\n\r\n let responsiveWidth = 'default';\r\n for (let i = 1, len = responsiveSize.length; i < len; i++) {\r\n if (w < responsiveSize[i]) {\r\n responsiveWidth = responsiveSize[i] + '';\r\n break;\r\n }\r\n }\r\n\r\n if (event._responsiveCurrentSize !== responsiveWidth) {\r\n event._responsiveCurrentSize = responsiveWidth;\r\n functions.setToolbarButtons(event._responsiveButtons[responsiveWidth]);\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @description Set the char count to charCounter element textContent.\r\n * @private\r\n */\r\n _setCharCount: function () {\r\n if (context.element.charCounter) {\r\n _w.setTimeout(function (functions, options) {\r\n if (this.textContent && functions) {\r\n this.textContent = functions.getCharCount(options.charCounterType);\r\n }\r\n }.bind(context.element.charCounter, functions, options), 0);\r\n }\r\n },\r\n\r\n /**\r\n * @description The character counter blinks.\r\n * @private\r\n */\r\n _callCounterBlink: function () {\r\n const charWrapper = context.element.charWrapper;\r\n if (charWrapper && !util.hasClass(charWrapper, 'se-blink')) {\r\n util.addClass(charWrapper, 'se-blink');\r\n _w.setTimeout(function () {\r\n util.removeClass(charWrapper, 'se-blink');\r\n }, 600);\r\n }\r\n },\r\n\r\n /**\r\n * @description Check the components such as image and video and modify them according to the format.\r\n * @private\r\n */\r\n _checkComponents: function () {\r\n for (let i = 0, len = this._fileInfoPluginsCheck.length; i < len; i++) {\r\n this._fileInfoPluginsCheck[i]();\r\n }\r\n },\r\n\r\n /**\r\n * @description Initialize the information of the components.\r\n * @private\r\n */\r\n _resetComponents: function () {\r\n for (let i = 0, len = this._fileInfoPluginsReset.length; i < len; i++) {\r\n this._fileInfoPluginsReset[i]();\r\n }\r\n },\r\n\r\n /**\r\n * @description Set method in the code view area\r\n * @param {String} value HTML string\r\n * @private\r\n */\r\n _setCodeView: function (value) {\r\n if (options.codeMirrorEditor) {\r\n options.codeMirrorEditor.getDoc().setValue(value);\r\n } else {\r\n context.element.code.value = value;\r\n }\r\n },\r\n\r\n /**\r\n * @description Get method in the code view area\r\n * @private\r\n */\r\n _getCodeView: function () {\r\n return options.codeMirrorEditor ? options.codeMirrorEditor.getDoc().getValue() : context.element.code.value;\r\n },\r\n\r\n /**\r\n * @description remove class, display text.\r\n * @param {Array|null} ignoredList Igonred button list\r\n */\r\n _setKeyEffect: function (ignoredList) {\r\n const commandMap = this.commandMap;\r\n const activePlugins = this.activePlugins;\r\n\r\n for (let key in commandMap) {\r\n if (ignoredList.indexOf(key) > -1 || !util.hasOwn(commandMap, key)) continue;\r\n if (activePlugins.indexOf(key) > -1) {\r\n plugins[key].active.call(this, null);\r\n } else if (commandMap.OUTDENT && /^OUTDENT$/i.test(key)) {\r\n if (!util.isImportantDisabled(commandMap.OUTDENT)) commandMap.OUTDENT.setAttribute('disabled', true);\r\n } else if (commandMap.INDENT && /^INDENT$/i.test(key)) {\r\n if (!util.isImportantDisabled(commandMap.INDENT)) commandMap.INDENT.removeAttribute('disabled');\r\n } else {\r\n util.removeClass(commandMap[key], 'active');\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * @description Initializ core variable\r\n * @param {Boolean} reload Is relooad?\r\n * @param {String} _initHTML initial html string\r\n * @private\r\n */\r\n _init: function (reload, _initHTML) {\r\n const wRegExp = _w.RegExp;\r\n this._ww = options.iframe ? context.element.wysiwygFrame.contentWindow : _w;\r\n this._wd = _d;\r\n this._charTypeHTML = options.charCounterType === 'byte-html';\r\n this.wwComputedStyle = _w.getComputedStyle(context.element.wysiwyg);\r\n this._editorHeight = context.element.wysiwygFrame.offsetHeight;\r\n this._editorHeightPadding = util.getNumber(this.wwComputedStyle.getPropertyValue('padding-top')) + util.getNumber(this.wwComputedStyle.getPropertyValue('padding-bottom'));\r\n this._classNameFilter = function (v) {\r\n return this.test(v) ? v : '';\r\n }.bind(options.allowedClassNames);\r\n\r\n const sPrefix = (options.__allowedScriptTag ? '' : 'script|');\r\n this.__scriptTagRegExp = new wRegExp('<(script)[^>]*>([\\\\s\\\\S]*?)<\\\\/\\\\1>|
';\r\n const attrs = formatEl.attributes;\r\n while (attrs[0]) {\r\n formatEl.removeAttribute(attrs[0].name);\r\n }\r\n } else {\r\n const defaultFormat = util.createElement(options.defaultTag);\r\n defaultFormat.innerHTML = '
';\r\n formatEl.parentElement.replaceChild(defaultFormat, formatEl);\r\n }\r\n\r\n core.nativeFocus();\r\n return false;\r\n }\r\n }\r\n\r\n // clean remove tag\r\n const startCon = range.startContainer;\r\n if (formatEl && !formatEl.previousElementSibling && range.startOffset === 0 && startCon.nodeType === 3 && !util.isFormatElement(startCon.parentNode)) {\r\n let prev = startCon.parentNode.previousSibling;\r\n const next = startCon.parentNode.nextSibling;\r\n if (!prev) {\r\n if (!next) {\r\n prev = util.createElement('BR');\r\n formatEl.appendChild(prev);\r\n } else {\r\n prev = next;\r\n }\r\n }\r\n\r\n let con = startCon;\r\n while(formatEl.contains(con) && !con.previousSibling) {\r\n con = con.parentNode;\r\n }\r\n\r\n if (!formatEl.contains(con)) {\r\n startCon.textContent = '';\r\n util.removeItemAllParents(startCon, null, formatEl);\r\n break;\r\n }\r\n }\r\n\r\n // tag[contenteditable=\"false\"]\r\n if (event._isUneditableNode(range, true)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n break;\r\n }\r\n\r\n // format attributes\r\n if (!selectRange && core._isEdgeFormat(range.startContainer, range.startOffset, 'start')) {\r\n if (util.isFormatElement(formatEl.previousElementSibling)) {\r\n core._formatAttrsTemp = formatEl.previousElementSibling.attributes;\r\n }\r\n }\r\n\r\n // nested list\r\n const commonCon = range.commonAncestorContainer;\r\n formatEl = util.getFormatElement(range.startContainer, null);\r\n rangeEl = util.getRangeFormatElement(formatEl, null);\r\n if (rangeEl && formatEl && !util.isCell(rangeEl) && !/^FIGCAPTION$/i.test(rangeEl.nodeName)) {\r\n if (util.isListCell(formatEl) && util.isList(rangeEl) && (util.isListCell(rangeEl.parentNode) || formatEl.previousElementSibling) && (selectionNode === formatEl || (selectionNode.nodeType === 3 && (!selectionNode.previousSibling || util.isList(selectionNode.previousSibling)))) &&\r\n (util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null) ? rangeEl.contains(range.startContainer) : (range.startOffset === 0 && range.collapsed))) {\r\n if (range.startContainer !== range.endContainer) {\r\n e.preventDefault();\r\n\r\n core.removeNode();\r\n if (range.startContainer.nodeType === 3) {\r\n core.setRange(range.startContainer, range.startContainer.textContent.length, range.startContainer, range.startContainer.textContent.length);\r\n }\r\n // history stack\r\n core.history.push(true);\r\n } else {\r\n let prev = formatEl.previousElementSibling || rangeEl.parentNode;\r\n if (util.isListCell(prev)) {\r\n e.preventDefault();\r\n\r\n let prevLast = prev;\r\n if (!prev.contains(formatEl) && util.isListCell(prevLast) && util.isList(prevLast.lastElementChild)) {\r\n prevLast = prevLast.lastElementChild.lastElementChild;\r\n while (util.isListCell(prevLast) && util.isList(prevLast.lastElementChild)) {\r\n prevLast = prevLast.lastElementChild && prevLast.lastElementChild.lastElementChild;\r\n }\r\n prev = prevLast;\r\n }\r\n\r\n let con = prev === rangeEl.parentNode ? rangeEl.previousSibling : prev.lastChild;\r\n if (!con) {\r\n con = util.createTextNode(util.zeroWidthSpace);\r\n rangeEl.parentNode.insertBefore(con, rangeEl.parentNode.firstChild);\r\n }\r\n const offset = con.nodeType === 3 ? con.textContent.length : 1;\r\n const children = formatEl.childNodes;\r\n let after = con;\r\n let child = children[0];\r\n while ((child = children[0])) {\r\n prev.insertBefore(child, after.nextSibling);\r\n after = child;\r\n }\r\n\r\n util.removeItem(formatEl);\r\n if (rangeEl.children.length === 0) util.removeItem(rangeEl);\r\n\r\n core.setRange(con, offset, con, offset);\r\n // history stack\r\n core.history.push(true);\r\n }\r\n }\r\n\r\n break;\r\n }\r\n\r\n // detach range\r\n if (!selectRange && range.startOffset === 0) {\r\n let detach = true;\r\n let comm = commonCon;\r\n while (comm && comm !== rangeEl && !util.isWysiwygDiv(comm)) {\r\n if (comm.previousSibling) {\r\n if (comm.previousSibling.nodeType === 1 || !util.onlyZeroWidthSpace(comm.previousSibling.textContent.trim())) {\r\n detach = false;\r\n break;\r\n }\r\n }\r\n comm = comm.parentNode;\r\n }\r\n\r\n if (detach && rangeEl.parentNode) {\r\n e.preventDefault();\r\n core.detachRangeFormatElement(rangeEl, (util.isListCell(formatEl) ? [formatEl] : null), null, false, false);\r\n // history stack\r\n core.history.push(true);\r\n break;\r\n }\r\n }\r\n }\r\n\r\n // component\r\n if (!selectRange && formatEl && (range.startOffset === 0 || (selectionNode === formatEl ? !!formatEl.childNodes[range.startOffset] : false))) {\r\n const sel = selectionNode === formatEl ? formatEl.childNodes[range.startOffset] : selectionNode;\r\n const prev = formatEl.previousSibling;\r\n // select file component\r\n const ignoreZWS = (commonCon.nodeType === 3 || util.isBreak(commonCon)) && !commonCon.previousSibling && range.startOffset === 0;\r\n if (sel && !sel.previousSibling && ( (commonCon && util.isComponent(commonCon.previousSibling)) || (ignoreZWS && util.isComponent(prev)))) {\r\n const fileComponentInfo = core.getFileComponent(prev);\r\n if (fileComponentInfo) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (formatEl.textContent.length === 0) util.removeItem(formatEl);\r\n if (core.selectComponent(fileComponentInfo.target, fileComponentInfo.pluginName) === false) core.blur();\r\n } else if (util.isComponent(prev)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n util.removeItem(prev);\r\n }\r\n break;\r\n }\r\n // delete nonEditable\r\n if (sel && util.isNonEditable(sel.previousSibling)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n util.removeItem(sel.previousSibling);\r\n break;\r\n }\r\n }\r\n\r\n break;\r\n case 46: /** delete key */\r\n if (fileComponentName) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n core.plugins[fileComponentName].destroy.call(core);\r\n break;\r\n }\r\n\r\n if (selectRange && event._hardDelete()) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n break;\r\n }\r\n\r\n if (!selectRange && core._isEdgeFormat(range.endContainer, range.endOffset, 'end') && !formatEl.nextSibling) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return;\r\n }\r\n\r\n // tag[contenteditable=\"false\"]\r\n if (event._isUneditableNode(range, false)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n break;\r\n }\r\n\r\n // component\r\n if ((util.isFormatElement(selectionNode) || selectionNode.nextSibling === null || (util.onlyZeroWidthSpace(selectionNode.nextSibling) && selectionNode.nextSibling.nextSibling === null)) && range.startOffset === selectionNode.textContent.length) {\r\n const nextEl = formatEl.nextElementSibling;\r\n if (!nextEl) break;\r\n if (util.isComponent(nextEl)) {\r\n e.preventDefault();\r\n\r\n if (util.onlyZeroWidthSpace(formatEl)) {\r\n util.removeItem(formatEl);\r\n // table component\r\n if (util.isTable(nextEl)) {\r\n let cell = util.getChildElement(nextEl, util.isCell, false);\r\n cell = cell.firstElementChild || cell;\r\n core.setRange(cell, 0, cell, 0);\r\n break;\r\n }\r\n }\r\n\r\n // select file component\r\n const fileComponentInfo = core.getFileComponent(nextEl);\r\n if (fileComponentInfo) {\r\n e.stopPropagation();\r\n if (core.selectComponent(fileComponentInfo.target, fileComponentInfo.pluginName) === false) core.blur();\r\n } else if (util.isComponent(nextEl)) {\r\n e.stopPropagation();\r\n util.removeItem(nextEl);\r\n }\r\n\r\n break;\r\n }\r\n }\r\n\r\n if (!selectRange && (core.isEdgePoint(range.endContainer, range.endOffset) || (selectionNode === formatEl ? !!formatEl.childNodes[range.startOffset] : false))) {\r\n const sel = selectionNode === formatEl ? formatEl.childNodes[range.startOffset] || selectionNode : selectionNode;\r\n // delete nonEditable\r\n if (sel && util.isNonEditable(sel.nextSibling)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n util.removeItem(sel.nextSibling);\r\n break;\r\n } else if (util.isComponent(sel)) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n util.removeItem(sel);\r\n break;\r\n }\r\n }\r\n\r\n // format attributes\r\n if (!selectRange && core._isEdgeFormat(range.endContainer, range.endOffset, 'end')) {\r\n if (util.isFormatElement(formatEl.nextElementSibling)) {\r\n core._formatAttrsTemp = formatEl.attributes;\r\n }\r\n }\r\n\r\n // nested list\r\n formatEl = util.getFormatElement(range.startContainer, null);\r\n rangeEl = util.getRangeFormatElement(formatEl, null);\r\n if (util.isListCell(formatEl) && util.isList(rangeEl) && (selectionNode === formatEl || (selectionNode.nodeType === 3 && (!selectionNode.nextSibling || util.isList(selectionNode.nextSibling)) &&\r\n (util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null) ? rangeEl.contains(range.endContainer) : (range.endOffset === selectionNode.textContent.length && range.collapsed))))) {\r\n if (range.startContainer !== range.endContainer) core.removeNode();\r\n\r\n let next = util.getArrayItem(formatEl.children, util.isList, false);\r\n next = next || formatEl.nextElementSibling || rangeEl.parentNode.nextElementSibling;\r\n if (next && (util.isList(next) || util.getArrayItem(next.children, util.isList, false))) {\r\n e.preventDefault();\r\n\r\n let con, children;\r\n if (util.isList(next)) {\r\n const child = next.firstElementChild;\r\n children = child.childNodes;\r\n con = children[0];\r\n while (children[0]) {\r\n formatEl.insertBefore(children[0], next);\r\n }\r\n util.removeItem(child);\r\n } else {\r\n con = next.firstChild;\r\n children = next.childNodes;\r\n while (children[0]) {\r\n formatEl.appendChild(children[0]);\r\n }\r\n util.removeItem(next);\r\n }\r\n core.setRange(con, 0, con, 0);\r\n // history stack\r\n core.history.push(true);\r\n }\r\n break;\r\n }\r\n\r\n break;\r\n case 9: /** tab key */\r\n if (fileComponentName || options.tabDisable) break;\r\n e.preventDefault();\r\n if (ctrl || alt || util.isWysiwygDiv(selectionNode)) break;\r\n\r\n const isEdge = (!range.collapsed || core.isEdgePoint(range.startContainer, range.startOffset));\r\n const selectedFormats = core.getSelectedElements(null);\r\n selectionNode = core.getSelectionNode();\r\n const cells = [];\r\n let lines = [];\r\n let fc = util.isListCell(selectedFormats[0]), lc = util.isListCell(selectedFormats[selectedFormats.length - 1]);\r\n let r = {sc: range.startContainer, so: range.startOffset, ec: range.endContainer, eo: range.endOffset};\r\n for (let i = 0, len = selectedFormats.length, f; i < len; i++) {\r\n f = selectedFormats[i];\r\n if (util.isListCell(f)) {\r\n if (!f.previousElementSibling && !shift) {\r\n continue;\r\n } else {\r\n cells.push(f);\r\n }\r\n } else {\r\n lines.push(f);\r\n }\r\n }\r\n\r\n // Nested list\r\n if (cells.length > 0 && isEdge && core.plugins.list) {\r\n r = core.plugins.list.editInsideList.call(core, shift, cells);\r\n } else {\r\n // table\r\n const tableCell = util.getParentElement(selectionNode, util.isCell);\r\n if (tableCell && isEdge) {\r\n const table = util.getParentElement(tableCell, 'table');\r\n const cells = util.getListChildren(table, util.isCell);\r\n let idx = shift ? util.prevIdx(cells, tableCell) : util.nextIdx(cells, tableCell);\r\n\r\n if (idx === cells.length && !shift) idx = 0;\r\n if (idx === -1 && shift) idx = cells.length - 1;\r\n\r\n let moveCell = cells[idx];\r\n if (!moveCell) break;\r\n moveCell = moveCell.firstElementChild || moveCell;\r\n core.setRange(moveCell, 0, moveCell, 0);\r\n break;\r\n }\r\n\r\n lines = lines.concat(cells);\r\n fc = lc = null;\r\n }\r\n\r\n // Lines tab(4)\r\n if (lines.length > 0) {\r\n if (!shift) {\r\n const tabText = util.createTextNode(new _w.Array(core._variable.tabSize + 1).join('\\u00A0'));\r\n if (lines.length === 1) {\r\n if (!core.insertNode(tabText, null, true)) return false;\r\n if (!fc) {\r\n r.sc = tabText;\r\n r.so = tabText.length;\r\n }\r\n if (!lc) {\r\n r.ec = tabText;\r\n r.eo = tabText.length;\r\n }\r\n } else {\r\n const len = lines.length - 1;\r\n for (let i = 0, child; i <= len; i++) {\r\n child = lines[i].firstChild;\r\n if (!child) continue;\r\n\r\n if (util.isBreak(child)) {\r\n lines[i].insertBefore(tabText.cloneNode(false), child);\r\n } else {\r\n child.textContent = tabText.textContent + child.textContent;\r\n }\r\n }\r\n\r\n const firstChild = util.getChildElement(lines[0], 'text', false);\r\n const endChild = util.getChildElement(lines[len], 'text', true);\r\n if (!fc && firstChild) {\r\n r.sc = firstChild;\r\n r.so = 0;\r\n }\r\n if (!lc && endChild) {\r\n r.ec = endChild;\r\n r.eo = endChild.textContent.length;\r\n }\r\n }\r\n } else {\r\n const len = lines.length - 1;\r\n for (let i = 0, line; i <= len; i++) {\r\n line = lines[i].childNodes;\r\n for (let c = 0, cLen = line.length, child; c < cLen; c++) {\r\n child = line[c];\r\n if (!child) break;\r\n if (util.onlyZeroWidthSpace(child)) continue;\r\n\r\n if (/^\\s{1,4}$/.test(child.textContent)) {\r\n util.removeItem(child);\r\n } else if (/^\\s{1,4}/.test(child.textContent)) {\r\n child.textContent = child.textContent.replace(/^\\s{1,4}/, '');\r\n }\r\n\r\n break;\r\n }\r\n }\r\n\r\n const firstChild = util.getChildElement(lines[0], 'text', false);\r\n const endChild = util.getChildElement(lines[len], 'text', true);\r\n if (!fc && firstChild) {\r\n r.sc = firstChild;\r\n r.so = 0;\r\n }\r\n if (!lc && endChild) {\r\n r.ec = endChild;\r\n r.eo = endChild.textContent.length;\r\n }\r\n }\r\n }\r\n\r\n core.setRange(r.sc, r.so, r.ec, r.eo);\r\n // history stack\r\n core.history.push(false);\r\n\r\n break;\r\n case 13: /** enter key */\r\n // enter login start\r\n const freeFormatEl = util.getFreeFormatElement(selectionNode, null);\r\n\r\n if (core._charTypeHTML) {\r\n let enterHTML = '';\r\n if ((!shift && freeFormatEl) || shift) {\r\n enterHTML = '
';\r\n } else {\r\n enterHTML = '<' + formatEl.nodeName + '>
';\r\n }\r\n\r\n if (!core.checkCharCount(enterHTML, 'byte-html')) {\r\n e.preventDefault();\r\n return false;\r\n }\r\n }\r\n\r\n if (!shift && !fileComponentName) {\r\n const formatEndEdge = core._isEdgeFormat(range.endContainer, range.endOffset, 'end');\r\n const formatStartEdge = core._isEdgeFormat(range.startContainer, range.startOffset, 'start');\r\n\r\n // add default format line\r\n if (formatEndEdge && (/^H[1-6]$/i.test(formatEl.nodeName) || /^HR$/i.test(formatEl.nodeName))) {\r\n event._enterPrevent(e);\r\n let temp = null;\r\n const newFormat = core.appendFormatTag(formatEl, options.defaultTag);\r\n\r\n if (formatEndEdge && formatEndEdge.length > 0) {\r\n temp = formatEndEdge.pop();\r\n const innerNode = temp;\r\n while(formatEndEdge.length > 0) {\r\n temp = temp.appendChild(formatEndEdge.pop());\r\n }\r\n newFormat.appendChild(innerNode);\r\n }\r\n\r\n temp = !temp ? newFormat.firstChild : temp.appendChild(newFormat.firstChild);\r\n if (util.isBreak(temp)) {\r\n const zeroWidth = util.createTextNode(util.zeroWidthSpace);\r\n temp.parentNode.insertBefore(zeroWidth, temp);\r\n core.setRange(zeroWidth, 1, zeroWidth, 1);\r\n } else {\r\n core.setRange(temp, 0, temp, 0);\r\n }\r\n break;\r\n } else if (rangeEl && formatEl && !util.isCell(rangeEl) && !/^FIGCAPTION$/i.test(rangeEl.nodeName)) {\r\n const range = core.getRange();\r\n if(core.isEdgePoint(range.endContainer, range.endOffset) && util.isList(selectionNode.nextSibling)) {\r\n event._enterPrevent(e);\r\n const newEl = util.createElement('LI');\r\n const br = util.createElement('BR');\r\n newEl.appendChild(br);\r\n\r\n formatEl.parentNode.insertBefore(newEl, formatEl.nextElementSibling);\r\n newEl.appendChild(selectionNode.nextSibling);\r\n\r\n core.setRange(br, 1, br, 1);\r\n break;\r\n }\r\n\r\n if ((range.commonAncestorContainer.nodeType === 3 ? !range.commonAncestorContainer.nextElementSibling : true) && util.onlyZeroWidthSpace(formatEl.innerText.trim()) && !util.isListCell(formatEl.nextElementSibling)) {\r\n event._enterPrevent(e);\r\n let newEl = null;\r\n\r\n if (util.isListCell(rangeEl.parentNode)) {\r\n const parentLi = formatEl.parentNode.parentNode;\r\n rangeEl = parentLi.parentNode;\r\n const newListCell = util.createElement('LI');\r\n newListCell.innerHTML = '
';\r\n util.copyTagAttributes(newListCell, formatEl, options.lineAttrReset);\r\n newEl = newListCell;\r\n rangeEl.insertBefore(newEl, parentLi.nextElementSibling);\r\n } else {\r\n const newFormat = util.isCell(rangeEl.parentNode) ? 'DIV' : util.isList(rangeEl.parentNode) ? 'LI' : (util.isFormatElement(rangeEl.nextElementSibling) && !util.isRangeFormatElement(rangeEl.nextElementSibling)) ? rangeEl.nextElementSibling.nodeName : (util.isFormatElement(rangeEl.previousElementSibling) && !util.isRangeFormatElement(rangeEl.previousElementSibling)) ? rangeEl.previousElementSibling.nodeName : options.defaultTag;\r\n newEl = util.createElement(newFormat);\r\n util.copyTagAttributes(newEl, formatEl, options.lineAttrReset);\r\n const edge = core.detachRangeFormatElement(rangeEl, [formatEl], null, true, true);\r\n edge.cc.insertBefore(newEl, edge.ec);\r\n }\r\n\r\n newEl.innerHTML = '
';\r\n util.removeItemAllParents(formatEl, null, null);\r\n core.setRange(newEl, 1, newEl, 1);\r\n break;\r\n }\r\n }\r\n\r\n if (freeFormatEl) {\r\n event._enterPrevent(e);\r\n const selectionFormat = selectionNode === freeFormatEl;\r\n const wSelection = core.getSelection();\r\n const children = selectionNode.childNodes, offset = wSelection.focusOffset, prev = selectionNode.previousElementSibling, next = selectionNode.nextSibling;\r\n\r\n if (!util.isClosureFreeFormatElement(freeFormatEl) && !!children && ((selectionFormat && range.collapsed && children.length - 1 <= offset + 1 && util.isBreak(children[offset]) && (!children[offset + 1] || ((!children[offset + 2] || util.onlyZeroWidthSpace(children[offset + 2].textContent)) && children[offset + 1].nodeType === 3 && util.onlyZeroWidthSpace(children[offset + 1].textContent))) && offset > 0 && util.isBreak(children[offset - 1])) ||\r\n (!selectionFormat && util.onlyZeroWidthSpace(selectionNode.textContent) && util.isBreak(prev) && (util.isBreak(prev.previousSibling) || !util.onlyZeroWidthSpace(prev.previousSibling.textContent)) && (!next || (!util.isBreak(next) && util.onlyZeroWidthSpace(next.textContent)))))) {\r\n if (selectionFormat) util.removeItem(children[offset - 1]);\r\n else util.removeItem(selectionNode);\r\n const newEl = core.appendFormatTag(freeFormatEl, (util.isFormatElement(freeFormatEl.nextElementSibling) && !util.isRangeFormatElement(freeFormatEl.nextElementSibling)) ? freeFormatEl.nextElementSibling : null);\r\n util.copyFormatAttributes(newEl, freeFormatEl);\r\n core.setRange(newEl, 1, newEl, 1);\r\n break;\r\n }\r\n\r\n if (selectionFormat) {\r\n functions.insertHTML(((range.collapsed && util.isBreak(range.startContainer.childNodes[range.startOffset - 1])) ? '
' : '
'), true, false);\r\n\r\n let focusNode = wSelection.focusNode;\r\n const wOffset = wSelection.focusOffset;\r\n if (freeFormatEl === focusNode) {\r\n focusNode = focusNode.childNodes[wOffset - offset > 1 ? wOffset - 1 : wOffset];\r\n }\r\n\r\n core.setRange(focusNode, 1, focusNode, 1);\r\n } else {\r\n const focusNext = wSelection.focusNode.nextSibling;\r\n const br = util.createElement('BR');\r\n core.insertNode(br, null, false);\r\n\r\n const brPrev = br.previousSibling, brNext = br.nextSibling;\r\n if (!util.isBreak(focusNext) && !util.isBreak(brPrev) && (!brNext || util.onlyZeroWidthSpace(brNext))) {\r\n br.parentNode.insertBefore(br.cloneNode(false), br);\r\n core.setRange(br, 1, br, 1);\r\n } else {\r\n core.setRange(brNext, 0, brNext, 0);\r\n }\r\n }\r\n\r\n event._onShortcutKey = true;\r\n break;\r\n }\r\n\r\n // set format attrs - edge\r\n if (range.collapsed && (formatStartEdge || formatEndEdge)) {\r\n event._enterPrevent(e);\r\n const focusBR = util.createElement('BR');\r\n const newFormat = util.createElement(formatEl.nodeName);\r\n util.copyTagAttributes(newFormat, formatEl, options.lineAttrReset);\r\n\r\n let child = focusBR;\r\n do {\r\n if (!util.isBreak(selectionNode) && selectionNode.nodeType === 1) {\r\n const f = selectionNode.cloneNode(false);\r\n f.appendChild(child);\r\n child = f;\r\n }\r\n selectionNode = selectionNode.parentNode;\r\n } while(formatEl !== selectionNode && formatEl.contains(selectionNode));\r\n\r\n newFormat.appendChild(child);\r\n formatEl.parentNode.insertBefore(newFormat, formatStartEdge && !formatEndEdge ? formatEl : formatEl.nextElementSibling);\r\n if (formatEndEdge) {\r\n core.setRange(focusBR, 1, focusBR, 1);\r\n }\r\n\r\n break;\r\n }\r\n\r\n if (formatEl) {\r\n e.stopPropagation();\r\n\r\n let newEl;\r\n let offset = 0;\r\n if (!range.collapsed) {\r\n const isMultiLine = util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null);\r\n const newFormat = formatEl.cloneNode(false);\r\n newFormat.innerHTML = '
';\r\n const commonCon = range.commonAncestorContainer;\r\n const r = commonCon === range.startContainer && commonCon === range.endContainer && util.onlyZeroWidthSpace(commonCon) ? range : core.removeNode();\r\n newEl = util.getFormatElement(r.container, null);\r\n if (!newEl) {\r\n if (util.isWysiwygDiv(r.container)) {\r\n event._enterPrevent(e);\r\n context.element.wysiwyg.appendChild(newFormat);\r\n newEl = newFormat;\r\n util.copyTagAttributes(newEl, formatEl, options.lineAttrReset);\r\n core.setRange(newEl, offset, newEl, offset);\r\n }\r\n break;\r\n }\r\n\r\n const innerRange = util.getRangeFormatElement(r.container);\r\n newEl = newEl.contains(innerRange) ? util.getChildElement(innerRange, util.getFormatElement.bind(util)) : newEl;\r\n if (isMultiLine) {\r\n if (formatEndEdge && !formatStartEdge) {\r\n newEl.parentNode.insertBefore(newFormat, (!r.prevContainer || r.container === r.prevContainer) ? newEl.nextElementSibling : newEl);\r\n newEl = newFormat;\r\n offset = 0;\r\n } else {\r\n offset = r.offset;\r\n if (formatStartEdge) {\r\n const tempEl = newEl.parentNode.insertBefore(newFormat, newEl);\r\n if (formatEndEdge) {\r\n newEl = tempEl;\r\n offset = 0;\r\n }\r\n }\r\n }\r\n } else {\r\n if (formatEndEdge && formatStartEdge) {\r\n newEl.parentNode.insertBefore(newFormat, (r.prevContainer && r.container === r.prevContainer) ? newEl.nextElementSibling : newEl);\r\n newEl = newFormat;\r\n offset = 0;\r\n } else {\r\n newEl = util.splitElement(r.container, r.offset, util.getElementDepth(formatEl));\r\n }\r\n }\r\n } else {\r\n if (util.onlyZeroWidthSpace(formatEl)) {\r\n newEl = core.appendFormatTag(formatEl, formatEl.cloneNode(false));\r\n } else {\r\n newEl = util.splitElement(range.endContainer, range.endOffset, util.getElementDepth(formatEl));\r\n }\r\n }\r\n\r\n event._enterPrevent(e);\r\n util.copyTagAttributes(newEl, formatEl, options.lineAttrReset);\r\n core.setRange(newEl, offset, newEl, offset);\r\n\r\n break;\r\n }\r\n }\r\n\r\n if (selectRange) break;\r\n\r\n if (rangeEl && util.getParentElement(rangeEl, 'FIGCAPTION') && util.getParentElement(rangeEl, util.isList)) {\r\n event._enterPrevent(e);\r\n formatEl = core.appendFormatTag(formatEl, null);\r\n core.setRange(formatEl, 0, formatEl, 0);\r\n }\r\n\r\n if (fileComponentName) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n core.containerOff();\r\n core.controllersOff();\r\n\r\n const compContext = context[fileComponentName];\r\n const container = compContext._container;\r\n const sibling = container.previousElementSibling || container.nextElementSibling;\r\n\r\n let newEl = null;\r\n if (util.isListCell(container.parentNode)) {\r\n newEl = util.createElement('BR');\r\n } else {\r\n newEl = util.createElement((util.isFormatElement(sibling) && !util.isRangeFormatElement(sibling)) ? sibling.nodeName : options.defaultTag);\r\n newEl.innerHTML = '
';\r\n }\r\n\r\n if (shift) container.parentNode.insertBefore(newEl, container);\r\n else container.parentNode.insertBefore(newEl, container.nextElementSibling);\r\n\r\n core.callPlugin(fileComponentName, function () {\r\n if (core.selectComponent(compContext._element, fileComponentName) === false) core.blur();\r\n }, null);\r\n }\r\n\r\n break;\r\n case 27:\r\n if (fileComponentName) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n core.controllersOff();\r\n return false;\r\n }\r\n break;\r\n }\r\n\r\n if (shift && keyCode === 16) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const tablePlugin = core.plugins.table;\r\n if (tablePlugin && !tablePlugin._shift && !tablePlugin._ref) {\r\n const cell = util.getParentElement(formatEl, util.isCell);\r\n if (cell) {\r\n tablePlugin.onTableCellMultiSelect.call(core, cell, true);\r\n return;\r\n }\r\n }\r\n } else if (shift && (util.isOSX_IOS ? alt : ctrl) && keyCode === 32) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const nbsp = core.insertNode(util.createTextNode('\\u00a0'));\r\n if (nbsp) {\r\n core.setRange(nbsp, nbsp.length, nbsp, nbsp.length);\r\n return;\r\n }\r\n }\r\n\r\n if (util.isIE && !ctrl && !alt && !selectRange && !event._nonTextKeyCode.test(keyCode) && util.isBreak(range.commonAncestorContainer)) {\r\n const zeroWidth = util.createTextNode(util.zeroWidthSpace);\r\n core.insertNode(zeroWidth, null, false);\r\n core.setRange(zeroWidth, 1, zeroWidth, 1);\r\n }\r\n\r\n if (event._directionKeyCode.test(keyCode)) {\r\n _w.setTimeout(core._editorRange.bind(core), 0);\r\n event._applyTagEffects();\r\n }\r\n },\r\n\r\n _onKeyDown_wysiwyg_arrowKey: function (e) {\r\n if (e.shiftKey) return; // shiftkey needs(?) other custom handler. This one may be adapted (in 'selectNode(...)'), but not for table\r\n\r\n let selectionNode = core.getSelectionNode();\r\n\r\n const selectNode = function (node, offset) {\r\n if (!offset) offset = 0;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n if (!node) return;\r\n\r\n let componentInfo = core.getFileComponent(node);\r\n if (componentInfo) {\r\n core.selectComponent(componentInfo.target, componentInfo.pluginName); // more responsive for key holdness\r\n } else {\r\n core.setRange(node, offset, node, offset);\r\n core.controllersOff();\r\n }\r\n };\r\n\r\n const table = util.getParentElement(selectionNode, 'table');\r\n if (table) {\r\n const currentRow = util.getParentElement(selectionNode, 'tr');\r\n const currentCell = util.getParentElement(selectionNode, 'td');\r\n\r\n let currentCellFirstNode = currentCell;\r\n let currentCellLastNode = currentCell;\r\n if (currentCell) {\r\n while (currentCellFirstNode && currentCellFirstNode.firstChild) currentCellFirstNode = currentCellFirstNode.firstChild;\r\n while (currentCellLastNode && currentCellLastNode.lastChild) currentCellLastNode = currentCellLastNode.lastChild;\r\n }\r\n\r\n let selectionNodeDeepestFirstChild = selectionNode;\r\n while (selectionNodeDeepestFirstChild && selectionNodeDeepestFirstChild.firstChild) selectionNodeDeepestFirstChild = selectionNodeDeepestFirstChild.firstChild;\r\n const isCellFirstNode = (selectionNodeDeepestFirstChild === currentCellFirstNode);\r\n const isCellLastNode = (selectionNodeDeepestFirstChild === currentCellLastNode);\r\n\r\n let siblingToSet = null;\r\n let offset = 0;\r\n if (e.keyCode === 38 && isCellFirstNode) { // UP\r\n const previousRow = currentRow && currentRow.previousElementSibling;\r\n if (previousRow) siblingToSet = previousRow.children[currentCell.cellIndex];\r\n else siblingToSet = util.getPreviousDeepestNode(table, core.context.element.wysiwyg);\r\n\r\n while (siblingToSet && siblingToSet.lastChild) siblingToSet = siblingToSet.lastChild;\r\n if (siblingToSet) offset = siblingToSet.textContent.length;\r\n } else if (e.keyCode === 40 && isCellLastNode) { // DOWN\r\n const nextRow = currentRow && currentRow.nextElementSibling;\r\n if (nextRow) siblingToSet = nextRow.children[currentCell.cellIndex];\r\n else siblingToSet = util.getNextDeepestNode(table, core.context.element.wysiwyg);\r\n\r\n while (siblingToSet && siblingToSet.firstChild) siblingToSet = siblingToSet.firstChild;\r\n }\r\n\r\n if (siblingToSet) {\r\n selectNode(siblingToSet, offset);\r\n return false;\r\n }\r\n }\r\n\r\n const componentInfo = core.getFileComponent(selectionNode);\r\n if (componentInfo) {\r\n const selectPrevious = /37|38/.test(e.keyCode);\r\n const selectNext = /39|40/.test(e.keyCode);\r\n\r\n if (selectPrevious) {\r\n const previousDeepestNode = util.getPreviousDeepestNode(componentInfo.target, core.context.element.wysiwyg);\r\n selectNode(previousDeepestNode, previousDeepestNode && previousDeepestNode.textContent.length);\r\n } else if (selectNext) {\r\n const nextDeepestNode = util.getNextDeepestNode(componentInfo.target, core.context.element.wysiwyg);\r\n selectNode(nextDeepestNode);\r\n }\r\n }\r\n\r\n },\r\n\r\n onKeyUp_wysiwyg: function (e) {\r\n if (event._onShortcutKey) return;\r\n\r\n core._editorRange();\r\n const keyCode = e.keyCode;\r\n const ctrl = e.ctrlKey || e.metaKey || keyCode === 91 || keyCode === 92 || keyCode === 224;\r\n const alt = e.altKey;\r\n\r\n if (core.isReadOnly) {\r\n if (!ctrl && event._cursorMoveKeyCode.test(keyCode)) event._applyTagEffects();\r\n return;\r\n }\r\n\r\n const range = core.getRange();\r\n let selectionNode = core.getSelectionNode();\r\n\r\n if (core._isBalloon && ((core._isBalloonAlways && keyCode !== 27) || !range.collapsed)) {\r\n if (core._isBalloonAlways) {\r\n if (keyCode !== 27) event._showToolbarBalloonDelay();\r\n } else {\r\n event._showToolbarBalloon();\r\n return;\r\n }\r\n }\r\n\r\n let selectionNodeDeepestFirstChild = selectionNode;\r\n while (selectionNodeDeepestFirstChild && selectionNodeDeepestFirstChild.firstChild) selectionNodeDeepestFirstChild = selectionNodeDeepestFirstChild.firstChild;\r\n\r\n const selectedComponentInfo = core.getFileComponent(selectionNodeDeepestFirstChild);\r\n if (!(e.keyCode === 16 || e.shiftKey) && selectedComponentInfo) core.selectComponent(selectedComponentInfo.target, selectedComponentInfo.pluginName);\r\n else if (core.currentFileComponentInfo) core.controllersOff();\r\n\r\n /** when format tag deleted */\r\n if (keyCode === 8 && util.isWysiwygDiv(selectionNode) && selectionNode.textContent === '' && selectionNode.children.length === 0) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n selectionNode.innerHTML = '';\r\n\r\n const oFormatTag = util.createElement(util.isFormatElement(core._variable.currentNodes[0]) ? core._variable.currentNodes[0] : options.defaultTag);\r\n oFormatTag.innerHTML = '
';\r\n\r\n selectionNode.appendChild(oFormatTag);\r\n core.setRange(oFormatTag, 0, oFormatTag, 0);\r\n event._applyTagEffects();\r\n\r\n core.history.push(false);\r\n return;\r\n }\r\n\r\n const formatEl = util.getFormatElement(selectionNode, null);\r\n const rangeEl = util.getRangeFormatElement(selectionNode, null);\r\n const attrs = core._formatAttrsTemp;\r\n\r\n if (attrs) {\r\n for (let i = 0, len = attrs.length; i < len; i++) {\r\n if (keyCode === 13 && /^id$/i.test(attrs[i].name)) {\r\n formatEl.removeAttribute('id');\r\n continue;\r\n }\r\n formatEl.setAttribute(attrs[i].name, attrs[i].value);\r\n }\r\n core._formatAttrsTemp = null;\r\n }\r\n\r\n if (!formatEl && range.collapsed && !util.isComponent(selectionNode) && !util.isList(selectionNode) && core._setDefaultFormat(util.isRangeFormatElement(rangeEl) ? 'DIV' : options.defaultTag) !== null) {\r\n selectionNode = core.getSelectionNode();\r\n }\r\n\r\n const textKey = !ctrl && !alt && !event._nonTextKeyCode.test(keyCode);\r\n if (textKey && selectionNode.nodeType === 3 && util.zeroWidthRegExp.test(selectionNode.textContent) && !(e.isComposing !== undefined ? e.isComposing : event._IEisComposing)) {\r\n let so = range.startOffset, eo = range.endOffset;\r\n const frontZeroWidthCnt = (selectionNode.textContent.substring(0, eo).match(event._frontZeroWidthReg) || '').length;\r\n so = range.startOffset - frontZeroWidthCnt;\r\n eo = range.endOffset - frontZeroWidthCnt;\r\n selectionNode.textContent = selectionNode.textContent.replace(util.zeroWidthRegExp, '');\r\n core.setRange(selectionNode, so < 0 ? 0 : so, selectionNode, eo < 0 ? 0 : eo);\r\n }\r\n\r\n if (event._deleteKeyCode.test(keyCode) && formatEl && util.onlyZeroWidthSpace(formatEl.textContent) && !formatEl.previousElementSibling) {\r\n formatEl.innerHTML = '
';\r\n core.setRange(formatEl, 0, formatEl, 0);\r\n }\r\n\r\n core._charCount('');\r\n\r\n // user event\r\n if (typeof functions.onKeyUp === 'function' && functions.onKeyUp(e, core) === false) return;\r\n\r\n // history stack\r\n if (!ctrl && !alt && !event._historyIgnoreKeyCode.test(keyCode)) {\r\n core.history.push(true);\r\n }\r\n },\r\n\r\n onScroll_wysiwyg: function (e) {\r\n core.controllersOff();\r\n if (core._isBalloon) event._hideToolbar();\r\n\r\n // user event\r\n if (typeof functions.onScroll === 'function') functions.onScroll(e, core);\r\n },\r\n\r\n onFocus_wysiwyg: function (e) {\r\n if (core._antiBlur) return;\r\n core.hasFocus = true;\r\n _w.setTimeout(event._applyTagEffects);\r\n\r\n if (core._isInline) event._showToolbarInline();\r\n\r\n // user event\r\n if (typeof functions.onFocus === 'function') functions.onFocus(e, core);\r\n },\r\n\r\n onBlur_wysiwyg: function (e) {\r\n if (core._antiBlur || core._variable.isCodeView) return;\r\n core.hasFocus = false;\r\n core.effectNode = null;\r\n core.controllersOff();\r\n if (core._isInline || core._isBalloon) event._hideToolbar();\r\n\r\n core._setKeyEffect([]);\r\n\r\n core._variable.currentNodes = [];\r\n core._variable.currentNodesMap = [];\r\n if (options.showPathLabel) context.element.navigation.textContent = '';\r\n // user event\r\n if (typeof functions.onBlur === 'function') functions.onBlur(e, core,this);\r\n },\r\n\r\n onMouseDown_resizingBar: function (e) {\r\n e.stopPropagation();\r\n\r\n core.submenuOff();\r\n core.controllersOff();\r\n\r\n core._variable.resizeClientY = e.clientY;\r\n context.element.resizeBackground.style.display = 'block';\r\n\r\n function closureFunc() {\r\n context.element.resizeBackground.style.display = 'none';\r\n _d.removeEventListener('mousemove', event._resize_editor);\r\n _d.removeEventListener('mouseup', closureFunc);\r\n }\r\n\r\n _d.addEventListener('mousemove', event._resize_editor);\r\n _d.addEventListener('mouseup', closureFunc);\r\n },\r\n\r\n _resize_editor: function (e) {\r\n const resizeInterval = context.element.editorArea.offsetHeight + (e.clientY - core._variable.resizeClientY);\r\n const h = (resizeInterval < core._variable.minResizingSize ? core._variable.minResizingSize : resizeInterval);\r\n context.element.wysiwygFrame.style.height = context.element.code.style.height = h + 'px';\r\n core._variable.resizeClientY = e.clientY;\r\n if (!util.isResizeObserverSupported) core.__callResizeFunction(h, null);\r\n },\r\n\r\n onResize_window: function () {\r\n if (!util.isResizeObserverSupported) core.resetResponsiveToolbar();\r\n\r\n const toolbar = context.element.toolbar;\r\n const isToolbarHidden = (toolbar.style.display === 'none' || (core._isInline && !core._inlineToolbarAttr.isShow));\r\n if (toolbar.offsetWidth === 0 && !isToolbarHidden) return;\r\n\r\n if (context.fileBrowser && context.fileBrowser.area.style.display === 'block') {\r\n context.fileBrowser.body.style.maxHeight = (_w.innerHeight - context.fileBrowser.header.offsetHeight - 50) + 'px';\r\n }\r\n\r\n if (core.submenuActiveButton && core.submenu) {\r\n core._setMenuPosition(core.submenuActiveButton, core.submenu);\r\n }\r\n\r\n if (core._variable.isFullScreen) {\r\n core._variable.innerHeight_fullScreen += (_w.innerHeight - toolbar.offsetHeight) - core._variable.innerHeight_fullScreen;\r\n context.element.editorArea.style.height = core._variable.innerHeight_fullScreen + 'px';\r\n return;\r\n }\r\n\r\n if (core._variable.isCodeView && core._isInline) {\r\n event._showToolbarInline();\r\n return;\r\n }\r\n\r\n core._iframeAutoHeight();\r\n\r\n if (core._sticky) {\r\n toolbar.style.width = (context.element.topArea.offsetWidth - 2) + 'px';\r\n event.onScroll_window();\r\n }\r\n },\r\n\r\n onScroll_window: function () {\r\n if (core._variable.isFullScreen || context.element.toolbar.offsetWidth === 0 || options.stickyToolbar < 0) return;\r\n\r\n const element = context.element;\r\n const editorHeight = element.editorArea.offsetHeight;\r\n const y = (this.scrollY || _d.documentElement.scrollTop) + options.stickyToolbar;\r\n const editorTop = event._getEditorOffsets(options.toolbarContainer).top - (core._isInline ? element.toolbar.offsetHeight : 0);\r\n const inlineOffset = core._isInline && (y - editorTop) > 0 ? y - editorTop - context.element.toolbar.offsetHeight : 0;\r\n\r\n if (y < editorTop) {\r\n event._offStickyToolbar();\r\n }\r\n else if (y + core._variable.minResizingSize >= editorHeight + editorTop) {\r\n if (!core._sticky) event._onStickyToolbar(inlineOffset);\r\n element.toolbar.style.top = (inlineOffset + editorHeight + editorTop + options.stickyToolbar - y - core._variable.minResizingSize) + 'px';\r\n }\r\n else if (y >= editorTop) {\r\n event._onStickyToolbar(inlineOffset);\r\n }\r\n },\r\n\r\n _getEditorOffsets: function (container) {\r\n let offsetEl = container || context.element.topArea;\r\n let t = 0, l = 0, s = 0;\r\n\r\n while (offsetEl) {\r\n t += offsetEl.offsetTop;\r\n l += offsetEl.offsetLeft;\r\n s += offsetEl.scrollTop;\r\n offsetEl = offsetEl.offsetParent;\r\n }\r\n\r\n return {\r\n top: t,\r\n left: l,\r\n scroll: s\r\n };\r\n },\r\n\r\n _getPageBottomSpace: function () {\r\n return _d.documentElement.scrollHeight - (event._getEditorOffsets(null).top + context.element.topArea.offsetHeight);\r\n },\r\n\r\n _onStickyToolbar: function (inlineOffset) {\r\n const element = context.element;\r\n\r\n if (!core._isInline && !options.toolbarContainer) {\r\n element._stickyDummy.style.height = element.toolbar.offsetHeight + 'px';\r\n element._stickyDummy.style.display = 'block';\r\n }\r\n\r\n element.toolbar.style.top = (options.stickyToolbar + inlineOffset) + 'px';\r\n element.toolbar.style.width = core._isInline ? core._inlineToolbarAttr.width : element.toolbar.offsetWidth + 'px';\r\n util.addClass(element.toolbar, 'se-toolbar-sticky');\r\n core._sticky = true;\r\n },\r\n\r\n _offStickyToolbar: function () {\r\n const element = context.element;\r\n\r\n element._stickyDummy.style.display = 'none';\r\n element.toolbar.style.top = core._isInline ? core._inlineToolbarAttr.top : '';\r\n element.toolbar.style.width = core._isInline ? core._inlineToolbarAttr.width : '';\r\n element.editorArea.style.marginTop = '';\r\n\r\n util.removeClass(element.toolbar, 'se-toolbar-sticky');\r\n core._sticky = false;\r\n },\r\n\r\n _codeViewAutoHeight: function () {\r\n if (core._variable.isFullScreen) return;\r\n context.element.code.style.height = context.element.code.scrollHeight + 'px';\r\n },\r\n\r\n // FireFox - table delete, Chrome - image, video, audio\r\n _hardDelete: function () {\r\n const range = core.getRange();\r\n const sc = range.startContainer;\r\n const ec = range.endContainer;\r\n\r\n // table\r\n const sCell = util.getRangeFormatElement(sc);\r\n const eCell = util.getRangeFormatElement(ec);\r\n const sIsCell = util.isCell(sCell);\r\n const eIsCell = util.isCell(eCell);\r\n const ancestor = range.commonAncestorContainer;\r\n if (((sIsCell && !sCell.previousElementSibling && !sCell.parentElement.previousElementSibling) || (eIsCell && !eCell.nextElementSibling && !eCell.parentElement.nextElementSibling)) && sCell !== eCell) {\r\n if (!sIsCell) {\r\n util.removeItem(util.getParentElement(eCell, function(current) {return ancestor === current.parentNode;}));\r\n } else if (!eIsCell) {\r\n util.removeItem(util.getParentElement(sCell, function(current) {return ancestor === current.parentNode;}));\r\n } else {\r\n util.removeItem(util.getParentElement(sCell, function(current) {return ancestor === current.parentNode;}));\r\n core.nativeFocus();\r\n return true;\r\n }\r\n }\r\n\r\n // component\r\n const sComp = sc.nodeType === 1 ? util.getParentElement(sc, '.se-component') : null;\r\n const eComp = ec.nodeType === 1 ? util.getParentElement(ec, '.se-component') : null;\r\n if (sComp) util.removeItem(sComp);\r\n if (eComp) util.removeItem(eComp);\r\n\r\n return false;\r\n },\r\n\r\n onPaste_wysiwyg: function (e) {\r\n const clipboardData = util.isIE ? _w.clipboardData : e.clipboardData;\r\n if (!clipboardData) return true;\r\n return event._dataTransferAction('paste', e, clipboardData);\r\n },\r\n\r\n _setClipboardComponent: function (e, info, clipboardData) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n clipboardData.setData('text/html', info.component.outerHTML);\r\n },\r\n\r\n onCopy_wysiwyg: function (e) {\r\n const clipboardData = util.isIE ? _w.clipboardData : e.clipboardData;\r\n\r\n // user event\r\n if (typeof functions.onCopy === 'function' && functions.onCopy(e, clipboardData, core) === false) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return false;\r\n }\r\n\r\n const info = core.currentFileComponentInfo;\r\n if (info && !util.isIE) {\r\n event._setClipboardComponent(e, info, clipboardData);\r\n util.addClass(info.component, 'se-component-copy');\r\n // copy effect\r\n _w.setTimeout(function () {\r\n util.removeClass(info.component, 'se-component-copy');\r\n }, 150);\r\n }\r\n },\r\n\r\n onSave_wysiwyg: function (content) {\r\n // user event\r\n if (typeof functions.onSave === 'function') {\r\n functions.onSave(content, core);\r\n return;\r\n }\r\n },\r\n\r\n onCut_wysiwyg: function (e) {\r\n const clipboardData = util.isIE ? _w.clipboardData : e.clipboardData;\r\n\r\n // user event\r\n if (typeof functions.onCut === 'function' && functions.onCut(e, clipboardData, core) === false) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return false;\r\n }\r\n\r\n const info = core.currentFileComponentInfo;\r\n if (info && !util.isIE) {\r\n event._setClipboardComponent(e, info, clipboardData);\r\n util.removeItem(info.component);\r\n core.controllersOff();\r\n }\r\n\r\n _w.setTimeout(function () {\r\n // history stack\r\n core.history.push(false);\r\n });\r\n },\r\n\r\n onDrop_wysiwyg: function (e) {\r\n if (core.isReadOnly || util.isIE) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return false;\r\n }\r\n\r\n const dataTransfer = e.dataTransfer;\r\n if (!dataTransfer) return true;\r\n\r\n event._setDropLocationSelection(e);\r\n core.removeNode();\r\n\r\n if (!document.body.contains(core.currentControllerTarget)) core.controllersOff();\r\n\r\n return event._dataTransferAction('drop', e, dataTransfer);\r\n },\r\n\r\n _setDropLocationSelection: function (e) {\r\n const range = { startContainer: null, startOffset: null, endContainer: null, endOffset: null };\r\n\r\n let r = null;\r\n if (e.rangeParent) {\r\n range.startContainer = e.rangeParent;\r\n range.startOffset = e.rangeOffset;\r\n range.endContainer = e.rangeParent;\r\n range.endOffset = e.rangeOffset;\r\n } else if (core._wd.caretRangeFromPoint) {\r\n r = core._wd.caretRangeFromPoint(e.clientX, e.clientY);\r\n } else {\r\n r = core.getRange();\r\n }\r\n if (r) {\r\n range.startContainer = r.startContainer;\r\n range.startOffset = r.startOffset;\r\n range.endContainer = r.endContainer;\r\n range.endOffset = r.endOffset;\r\n }\r\n\r\n if (range.startContainer === range.endContainer) {\r\n const component = util.getParentElement(range.startContainer, util.isComponent);\r\n if (component) {\r\n range.startContainer = component;\r\n range.startOffset = 0;\r\n range.endContainer = component;\r\n range.endOffset = 0;\r\n }\r\n }\r\n core.setRange(range.startContainer, range.startOffset, range.endContainer, range.endOffset);\r\n },\r\n\r\n _dataTransferAction: function (type, e, data) {\r\n let plainText, cleanData;\r\n if (util.isIE) {\r\n plainText = data.getData('Text');\r\n\r\n const range = core.getRange();\r\n const tempDiv = util.createElement('DIV');\r\n const tempRange = {\r\n sc: range.startContainer,\r\n so: range.startOffset,\r\n ec: range.endContainer,\r\n eo: range.endOffset\r\n };\r\n\r\n tempDiv.setAttribute('contenteditable', true);\r\n tempDiv.style.cssText = 'position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden;';\r\n\r\n context.element.relative.appendChild(tempDiv);\r\n tempDiv.focus();\r\n\r\n _w.setTimeout(function () {\r\n cleanData = tempDiv.innerHTML;\r\n util.removeItem(tempDiv);\r\n core.setRange(tempRange.sc, tempRange.so, tempRange.ec, tempRange.eo);\r\n event._setClipboardData(type, e, plainText, cleanData, data);\r\n });\r\n\r\n return true;\r\n } else {\r\n plainText = data.getData('text/plain');\r\n cleanData = data.getData('text/html');\r\n if (event._setClipboardData(type, e, plainText, cleanData, data) === false) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return false;\r\n }\r\n }\r\n },\r\n\r\n _setClipboardData: function (type, e, plainText, cleanData, data) {\r\n // MS word, OneNode, Excel\r\n const MSData = /class=[\"']*Mso(Normal|List)/i.test(cleanData) || /content=[\"']*Word.Document/i.test(cleanData) || /content=[\"']*OneNote.File/i.test(cleanData) || /content=[\"']*Excel.Sheet/i.test(cleanData);\r\n const onlyText = !cleanData;\r\n\r\n if (!onlyText) {\r\n cleanData = cleanData.replace(/^\\r?\\n?\\r?\\n?\\x3C!--StartFragment--\\>|\\x3C!--EndFragment-->\\r?\\n?<\\/body\\>\\r?\\n?<\\/html>$/g, '');\r\n if (MSData) {\r\n cleanData = cleanData.replace(/\\n/g, ' ');\r\n plainText = plainText.replace(/\\n/g, ' ');\r\n }\r\n cleanData = core.cleanHTML(cleanData, core.pasteTagsWhitelistRegExp, core.pasteTagsBlacklistRegExp);\r\n } else {\r\n cleanData = util._HTMLConvertor(plainText).replace(/\\n/g, '
');\r\n }\r\n\r\n const maxCharCount = core._charCount(core._charTypeHTML ? cleanData : plainText);\r\n // user event - paste\r\n if (type === 'paste' && typeof functions.onPaste === 'function') {\r\n const value = functions.onPaste(e, cleanData, maxCharCount, core);\r\n if (value === false) {\r\n return false;\r\n } else if (typeof value === 'string') {\r\n if (!value) return false;\r\n cleanData = value;\r\n }\r\n }\r\n // user event - drop\r\n if (type === 'drop' && typeof functions.onDrop === 'function') {\r\n const value = functions.onDrop(e, cleanData, maxCharCount, core);\r\n if (value === false) {\r\n return false;\r\n } else if (typeof value === 'string') {\r\n if (!value) return false;\r\n cleanData = value;\r\n }\r\n }\r\n\r\n // files\r\n const files = data.files;\r\n if (files.length > 0 && !MSData) {\r\n if (/^image/.test(files[0].type) && core.plugins.image) {\r\n functions.insertImage(files);\r\n }\r\n return false;\r\n }\r\n\r\n if (!maxCharCount) {\r\n return false;\r\n }\r\n\r\n if (cleanData) {\r\n functions.insertHTML(cleanData, true, false);\r\n return false;\r\n }\r\n },\r\n\r\n onMouseMove_wysiwyg: function (e) {\r\n if (core.isDisabled || core.isReadOnly) return false;\r\n const component = util.getParentElement(e.target, util.isComponent);\r\n const lineBreakerStyle = core._lineBreaker.style;\r\n\r\n if (component && !core.currentControllerName) {\r\n const ctxEl = context.element;\r\n let scrollTop = 0;\r\n let el = ctxEl.wysiwyg;\r\n do {\r\n scrollTop += el.scrollTop;\r\n el = el.parentElement;\r\n } while (el && !/^(BODY|HTML)$/i.test(el.nodeName));\r\n\r\n const wScroll = ctxEl.wysiwyg.scrollTop;\r\n const offsets = event._getEditorOffsets(null);\r\n const componentTop = util.getOffset(component, ctxEl.wysiwygFrame).top + wScroll;\r\n const y = e.pageY + scrollTop + (options.iframe && !options.toolbarContainer ? ctxEl.toolbar.offsetHeight : 0);\r\n const c = componentTop + (options.iframe ? scrollTop : offsets.top);\r\n\r\n const isList = util.isListCell(component.parentNode);\r\n let dir = '', top = '';\r\n if ((isList ? !component.previousSibling : !util.isFormatElement(component.previousElementSibling)) && y < (c + 20)) {\r\n top = componentTop;\r\n dir = 't';\r\n } else if ((isList ? !component.nextSibling : !util.isFormatElement(component.nextElementSibling)) && y > (c + component.offsetHeight - 20)) {\r\n top = componentTop + component.offsetHeight;\r\n dir = 'b';\r\n } else {\r\n lineBreakerStyle.display = 'none';\r\n return;\r\n }\r\n\r\n core._variable._lineBreakComp = component;\r\n core._variable._lineBreakDir = dir;\r\n lineBreakerStyle.top = (top - wScroll) + 'px';\r\n core._lineBreakerButton.style.left = (util.getOffset(component).left + (component.offsetWidth / 2) - 15) + 'px';\r\n lineBreakerStyle.display = 'block';\r\n } // off line breaker\r\n else if (lineBreakerStyle.display !== 'none') {\r\n lineBreakerStyle.display = 'none';\r\n }\r\n },\r\n\r\n _enterPrevent: function (e) {\r\n e.preventDefault();\r\n if (!util.isMobile) return;\r\n\r\n core.__focusTemp.focus();\r\n },\r\n\r\n _onMouseDown_lineBreak: function (e) {\r\n e.preventDefault();\r\n },\r\n\r\n _onLineBreak: function (e) {\r\n e.preventDefault();\r\n\r\n const component = core._variable._lineBreakComp;\r\n const dir = !this ? core._variable._lineBreakDir : this;\r\n const isList = util.isListCell(component.parentNode);\r\n\r\n const format = util.createElement(isList ? 'BR' : util.isCell(component.parentNode) ? 'DIV' : options.defaultTag);\r\n if (!isList) format.innerHTML = '
';\r\n\r\n if (core._charTypeHTML && !core.checkCharCount(format.outerHTML, 'byte-html')) return;\r\n\r\n component.parentNode.insertBefore(format, dir === 't' ? component : component.nextSibling);\r\n core._lineBreaker.style.display = 'none';\r\n core._variable._lineBreakComp = null;\r\n\r\n const focusEl = isList ? format : format.firstChild;\r\n core.setRange(focusEl, 1, focusEl, 1);\r\n // history stack\r\n core.history.push(false);\r\n },\r\n\r\n _resizeObserver: null,\r\n _toolbarObserver: null,\r\n _addEvent: function () {\r\n const eventWysiwyg = options.iframe ? core._ww : context.element.wysiwyg;\r\n if (util.isResizeObserverSupported) {\r\n this._resizeObserver = new _w.ResizeObserver(function(entries) {\r\n core.__callResizeFunction(-1, entries[0]);\r\n });\r\n }\r\n\r\n /** toolbar event */\r\n context.element.toolbar.addEventListener('mousedown', event._buttonsEventHandler, false);\r\n context.element._menuTray.addEventListener('mousedown', event._buttonsEventHandler, false);\r\n context.element.toolbar.addEventListener('click', event.onClick_toolbar, false);\r\n /** editor area */\r\n eventWysiwyg.addEventListener('mousedown', event.onMouseDown_wysiwyg, false);\r\n eventWysiwyg.addEventListener('click', event.onClick_wysiwyg, false);\r\n eventWysiwyg.addEventListener(util.isIE ? 'textinput' : 'input', event.onInput_wysiwyg, false);\r\n eventWysiwyg.addEventListener('keydown', event.onKeyDown_wysiwyg, false);\r\n eventWysiwyg.addEventListener('keyup', event.onKeyUp_wysiwyg, false);\r\n eventWysiwyg.addEventListener('paste', event.onPaste_wysiwyg, false);\r\n eventWysiwyg.addEventListener('copy', event.onCopy_wysiwyg, false);\r\n eventWysiwyg.addEventListener('cut', event.onCut_wysiwyg, false);\r\n eventWysiwyg.addEventListener('drop', event.onDrop_wysiwyg, false);\r\n eventWysiwyg.addEventListener('scroll', event.onScroll_wysiwyg, false);\r\n eventWysiwyg.addEventListener('focus', event.onFocus_wysiwyg, false);\r\n eventWysiwyg.addEventListener('blur', event.onBlur_wysiwyg, false);\r\n\r\n /** line breaker */\r\n event._lineBreakerBind = { a: event._onLineBreak.bind(''), t: event._onLineBreak.bind('t'), b: event._onLineBreak.bind('b') };\r\n eventWysiwyg.addEventListener('mousemove', event.onMouseMove_wysiwyg, false);\r\n core._lineBreakerButton.addEventListener('mousedown', event._onMouseDown_lineBreak, false);\r\n core._lineBreakerButton.addEventListener('click', event._lineBreakerBind.a, false);\r\n context.element.lineBreaker_t.addEventListener('mousedown', event._lineBreakerBind.t, false);\r\n context.element.lineBreaker_b.addEventListener('mousedown', event._lineBreakerBind.b, false);\r\n\r\n /** Events are registered mobile. */\r\n eventWysiwyg.addEventListener('touchstart', event.onMouseDown_wysiwyg, {passive: true, useCapture: false});\r\n eventWysiwyg.addEventListener('touchend', event.onClick_wysiwyg, {passive: true, useCapture: false});\r\n\r\n /** code view area auto line */\r\n if (options.height === 'auto' && !options.codeMirrorEditor) {\r\n context.element.code.addEventListener('keydown', event._codeViewAutoHeight, false);\r\n context.element.code.addEventListener('keyup', event._codeViewAutoHeight, false);\r\n context.element.code.addEventListener('paste', event._codeViewAutoHeight, false);\r\n }\r\n\r\n /** resizingBar */\r\n if (context.element.resizingBar) {\r\n if (/\\d+/.test(options.height) && options.resizeEnable) {\r\n context.element.resizingBar.addEventListener('mousedown', event.onMouseDown_resizingBar, false);\r\n } else {\r\n util.addClass(context.element.resizingBar, 'se-resizing-none');\r\n }\r\n }\r\n\r\n /** set response toolbar */\r\n event._setResponsiveToolbar();\r\n\r\n /** responsive toolbar observer */\r\n if (util.isResizeObserverSupported) this._toolbarObserver = new _w.ResizeObserver(core.resetResponsiveToolbar);\r\n\r\n /** window event */\r\n _w.addEventListener('resize', event.onResize_window, false);\r\n if (options.stickyToolbar > -1) {\r\n _w.addEventListener('scroll', event.onScroll_window, false);\r\n }\r\n },\r\n\r\n _removeEvent: function () {\r\n const eventWysiwyg = options.iframe ? core._ww : context.element.wysiwyg;\r\n\r\n context.element.toolbar.removeEventListener('mousedown', event._buttonsEventHandler);\r\n context.element._menuTray.removeEventListener('mousedown', event._buttonsEventHandler);\r\n context.element.toolbar.removeEventListener('click', event.onClick_toolbar);\r\n\r\n eventWysiwyg.removeEventListener('mousedown', event.onMouseDown_wysiwyg);\r\n eventWysiwyg.removeEventListener('click', event.onClick_wysiwyg);\r\n eventWysiwyg.removeEventListener(util.isIE ? 'textinput' : 'input', event.onInput_wysiwyg);\r\n eventWysiwyg.removeEventListener('keydown', event.onKeyDown_wysiwyg);\r\n eventWysiwyg.removeEventListener('keyup', event.onKeyUp_wysiwyg);\r\n eventWysiwyg.removeEventListener('paste', event.onPaste_wysiwyg);\r\n eventWysiwyg.removeEventListener('copy', event.onCopy_wysiwyg);\r\n eventWysiwyg.removeEventListener('cut', event.onCut_wysiwyg);\r\n eventWysiwyg.removeEventListener('drop', event.onDrop_wysiwyg);\r\n eventWysiwyg.removeEventListener('scroll', event.onScroll_wysiwyg);\r\n\r\n eventWysiwyg.removeEventListener('mousemove', event.onMouseMove_wysiwyg);\r\n core._lineBreakerButton.removeEventListener('mousedown', event._onMouseDown_lineBreak);\r\n core._lineBreakerButton.removeEventListener('click', event._lineBreakerBind.a);\r\n context.element.lineBreaker_t.removeEventListener('mousedown', event._lineBreakerBind.t);\r\n context.element.lineBreaker_b.removeEventListener('mousedown', event._lineBreakerBind.b);\r\n event._lineBreakerBind = null;\r\n\r\n eventWysiwyg.removeEventListener('touchstart', event.onMouseDown_wysiwyg, {passive: true, useCapture: false});\r\n eventWysiwyg.removeEventListener('touchend', event.onClick_wysiwyg, {passive: true, useCapture: false});\r\n eventWysiwyg.removeEventListener('focus', event.onFocus_wysiwyg);\r\n eventWysiwyg.removeEventListener('blur', event.onBlur_wysiwyg);\r\n\r\n context.element.code.removeEventListener('keydown', event._codeViewAutoHeight);\r\n context.element.code.removeEventListener('keyup', event._codeViewAutoHeight);\r\n context.element.code.removeEventListener('paste', event._codeViewAutoHeight);\r\n\r\n if (context.element.resizingBar) {\r\n context.element.resizingBar.removeEventListener('mousedown', event.onMouseDown_resizingBar);\r\n }\r\n\r\n if (event._resizeObserver) {\r\n event._resizeObserver.unobserve(context.element.wysiwygFrame);\r\n event._resizeObserver = null;\r\n }\r\n\r\n if (event._toolbarObserver) {\r\n event._toolbarObserver.unobserve(context.element._toolbarShadow);\r\n event._toolbarObserver = null;\r\n }\r\n\r\n _w.removeEventListener('resize', event.onResize_window);\r\n _w.removeEventListener('scroll', event.onScroll_window);\r\n },\r\n\r\n _setResponsiveToolbar: function () {\r\n if (_responsiveButtons.length === 0) {\r\n _responsiveButtons = null;\r\n return;\r\n }\r\n\r\n event._responsiveCurrentSize = 'default';\r\n const sizeArray = event._responsiveButtonSize = [];\r\n const buttonsObj = event._responsiveButtons = {default: _responsiveButtons[0]};\r\n for (let i = 1, len = _responsiveButtons.length, size, buttonGroup; i < len; i++) {\r\n buttonGroup = _responsiveButtons[i];\r\n size = buttonGroup[0] * 1;\r\n sizeArray.push(size);\r\n buttonsObj[size] = buttonGroup[1];\r\n }\r\n\r\n sizeArray.sort(function (a, b) { return a - b; }).unshift('default');\r\n }\r\n };\r\n\r\n /** functions */\r\n const functions = {\r\n /**\r\n * @description Core, Util object\r\n */\r\n core: core,\r\n util: util,\r\n\r\n /**\r\n * @description Event functions\r\n * @param {Object} e Event Object\r\n * @param {Object} core Core object\r\n */\r\n onload: null,\r\n onScroll: null,\r\n onMouseDown: null,\r\n onClick: null,\r\n onInput: null,\r\n onKeyDown: null,\r\n onKeyUp: null,\r\n onCopy: null,\r\n onCut: null,\r\n onFocus: null,\r\n\r\n /**\r\n * @description Event functions\r\n * @param {Object} e Event Object\r\n * @param {Object} core Core object\r\n * @param {String} contents Current contents\r\n */\r\n onBlur: null,\r\n\r\n /**\r\n * @description Event functions\r\n * @param {String} contents Current contents\r\n * @param {Object} core Core object\r\n */\r\n onChange: null,\r\n\r\n /**\r\n * @description Event functions\r\n * @param {String} contents Current contents\r\n * @param {Object} core Core object\r\n */\r\n onSave: null,\r\n\r\n /**\r\n * @description Event functions (drop, paste)\r\n * When false is returned, the default behavior is stopped.\r\n * If the string is returned, the cleanData value is modified to the return value.\r\n * @param {Object} e Event object.\r\n * @param {String} cleanData HTML string modified for editor format.\r\n * @param {Boolean} maxChartCount option (true if max character is exceeded)\r\n * @param {Object} core Core object\r\n * @returns {Boolean|String}\r\n */\r\n onDrop: null,\r\n onPaste: null,\r\n\r\n /**\r\n * @description Called just before the inline toolbar is positioned and displayed on the screen.\r\n * @param {Element} toolbar Toolbar Element\r\n * @param {Object} context The editor's context object (editor.getContext())\r\n * @param {Object} core Core object\r\n */\r\n showInline: null,\r\n\r\n /**\r\n * @description Called just after the controller is positioned and displayed on the screen.\r\n * controller - editing elements displayed on the screen [image resizing, table editor, link editor..]]\r\n * @param {String} name The name of the plugin that called the controller\r\n * @param {Array} controllers Array of Controller elements\r\n * @param {Object} core Core object\r\n */\r\n showController: null,\r\n\r\n /**\r\n * @description An event when toggling between code view and wysiwyg view.\r\n * @param {Boolean} isCodeView Whether the current code view mode\r\n * @param {Object} core Core object\r\n */\r\n toggleCodeView: null,\r\n\r\n /**\r\n * @description An event when toggling full screen.\r\n * @param {Boolean} isFullScreen Whether the current full screen mode\r\n * @param {Object} core Core object\r\n */\r\n toggleFullScreen: null,\r\n\r\n /**\r\n * @description It replaces the default callback function of the image upload\r\n * @param {Object} response Response object\r\n * @param {Object} info Input information\r\n * - linkValue: Link url value\r\n * - linkNewWindow: Open in new window Check Value\r\n * - inputWidth: Value of width input\r\n * - inputHeight: Value of height input\r\n * - align: Align Check Value\r\n * - isUpdate: Update image if true, create image if false\r\n * - element: If isUpdate is true, the currently selected image.\r\n * @param {Object} core Core object\r\n */\r\n imageUploadHandler: null,\r\n\r\n /**\r\n * @description It replaces the default callback function of the video upload\r\n * @param xmlHttp xmlHttpRequest object\r\n * @param info Input information\r\n * - inputWidth: Value of width input\r\n * - inputHeight: Value of height input\r\n * - align: Align Check Value\r\n * - isUpdate: Update video if true, create video if false\r\n * - element: If isUpdate is true, the currently selected video.\r\n * @param core Core object\r\n */\r\n videoUploadHandler: null,\r\n\r\n /**\r\n * @description It replaces the default callback function of the audio upload\r\n * @param xmlHttp xmlHttpRequest object\r\n * @param info Input information\r\n * - isUpdate: Update audio if true, create audio if false\r\n * - element: If isUpdate is true, the currently selected audio.\r\n * @param core Core object\r\n */\r\n audioUploadHandler: null,\r\n\r\n /**\r\n * @description Called before the image is uploaded\r\n * If true is returned, the internal upload process runs normally.\r\n * If false is returned, no image upload is performed.\r\n * If new fileList are returned, replaced the previous fileList\r\n * If undefined is returned, it waits until \"uploadHandler\" is executed.\r\n * @param {Array} files Files array\r\n * @param {Object} info info: {\r\n * - linkValue: Link url value\r\n * - linkNewWindow: Open in new window Check Value\r\n * - inputWidth: Value of width input\r\n * - inputHeight: Value of height input\r\n * - align: Align Check Value\r\n * - isUpdate: Update image if true, create image if false\r\n * - element: If isUpdate is true, the currently selected image.\r\n * }\r\n * @param {Object} core Core object\r\n * @param {Function} uploadHandler If undefined is returned, it waits until \"uploadHandler\" is executed.\r\n * \"uploadHandler\" is an upload function with \"core\" and \"info\" bound.\r\n * [upload files] : uploadHandler(files or [new File(...),])\r\n * [error] : uploadHandler(\"Error message\")\r\n * [Just finish] : uploadHandler()\r\n * [directly register] : uploadHandler(response) // Same format as \"imageUploadUrl\" response\r\n * ex) {\r\n * // \"errorMessage\": \"insert error message\",\r\n * \"result\": [ { \"url\": \"...\", \"name\": \"...\", \"size\": \"999\" }, ]\r\n * }\r\n * @returns {Boolean|Array|undefined}\r\n */\r\n onImageUploadBefore: null,\r\n /**\r\n * @description Called before the video is uploaded\r\n * If true is returned, the internal upload process runs normally.\r\n * If false is returned, no video(iframe, video) upload is performed.\r\n * If new fileList are returned, replaced the previous fileList\r\n * If undefined is returned, it waits until \"uploadHandler\" is executed.\r\n * @param {Array} files Files array\r\n * @param {Object} info info: {\r\n * - inputWidth: Value of width input\r\n * - inputHeight: Value of height input\r\n * - align: Align Check Value\r\n * - isUpdate: Update video if true, create video if false\r\n * - element: If isUpdate is true, the currently selected video.\r\n * }\r\n * @param {Object} core Core object\r\n * @param {Function} uploadHandler If undefined is returned, it waits until \"uploadHandler\" is executed.\r\n * \"uploadHandler\" is an upload function with \"core\" and \"info\" bound.\r\n * [upload files] : uploadHandler(files or [new File(...),])\r\n * [error] : uploadHandler(\"Error message\")\r\n * [Just finish] : uploadHandler()\r\n * [directly register] : uploadHandler(response) // Same format as \"videoUploadUrl\" response\r\n * ex) {\r\n * // \"errorMessage\": \"insert error message\",\r\n * \"result\": [ { \"url\": \"...\", \"name\": \"...\", \"size\": \"999\" }, ]\r\n * }\r\n * @returns {Boolean|Array|undefined}\r\n */\r\n onVideoUploadBefore: null,\r\n /**\r\n * @description Called before the audio is uploaded\r\n * If true is returned, the internal upload process runs normally.\r\n * If false is returned, no audio upload is performed.\r\n * If new fileList are returned, replaced the previous fileList\r\n * If undefined is returned, it waits until \"uploadHandler\" is executed.\r\n * @param {Array} files Files array\r\n * @param {Object} info info: {\r\n * - isUpdate: Update audio if true, create audio if false\r\n * - element: If isUpdate is true, the currently selected audio.\r\n * }\r\n * @param {Object} core Core object\r\n * @param {Function} uploadHandler If undefined is returned, it waits until \"uploadHandler\" is executed.\r\n * \"uploadHandler\" is an upload function with \"core\" and \"info\" bound.\r\n * [upload files] : uploadHandler(files or [new File(...),])\r\n * [error] : uploadHandler(\"Error message\")\r\n * [Just finish] : uploadHandler()\r\n * [directly register] : uploadHandler(response) // Same format as \"audioUploadUrl\" response\r\n * ex) {\r\n * // \"errorMessage\": \"insert error message\",\r\n * \"result\": [ { \"url\": \"...\", \"name\": \"...\", \"size\": \"999\" }, ]\r\n * }\r\n * @returns {Boolean|Array|undefined}\r\n */\r\n onAudioUploadBefore: null,\r\n\r\n /**\r\n * @description Called when the image is uploaded, updated, deleted\r\n * @param {Element} targetElement Target element\r\n * @param {Number} index Uploaded index\r\n * @param {String} state Upload status ('create', 'update', 'delete')\r\n * @param {Object} info Image info object\r\n * - index: data index\r\n * - name: file name\r\n * - size: file size\r\n * - select: select function\r\n * - delete: delete function\r\n * - element: target element\r\n * - src: src attribute of tag\r\n * @param {Number} remainingFilesCount Count of remaining files to upload (0 when added as a url)\r\n * @param {Object} core Core object\r\n */\r\n onImageUpload: null,\r\n /**\r\n * @description Called when the video(iframe, video) is is uploaded, updated, deleted\r\n * -- arguments is same \"onImageUpload\" --\r\n */\r\n onVideoUpload: null,\r\n /**\r\n * @description Called when the audio is is uploaded, updated, deleted\r\n * -- arguments is same \"onImageUpload\" --\r\n */\r\n onAudioUpload: null,\r\n\r\n /**\r\n * @description Called when the image is upload failed\r\n * @param {String} errorMessage Error message\r\n * @param {Object} result Response Object\r\n * @param {Object} core Core object\r\n * @returns {Boolean}\r\n */\r\n onImageUploadError: null,\r\n /**\r\n * @description Called when the video(iframe, video) upload failed\r\n * -- arguments is same \"onImageUploadError\" --\r\n */\r\n onVideoUploadError: null,\r\n /**\r\n * @description Called when the audio upload failed\r\n * -- arguments is same \"onImageUploadError\" --\r\n */\r\n onAudioUploadError: null,\r\n\r\n /**\r\n * @description Called when the editor is resized using the bottom bar\r\n */\r\n onResizeEditor: null,\r\n\r\n /**\r\n * @description Called after the \"setToolbarButtons\" invocation.\r\n * Can be used to tweak buttons properties (useful for custom buttons)\r\n * @param {Array} buttonList Button list \r\n * @param {Object} core Core object\r\n */\r\n onSetToolbarButtons: null,\r\n\r\n /**\r\n * @description Reset the buttons on the toolbar. (Editor is not reloaded)\r\n * You cannot set a new plugin for the button.\r\n * @param {Array} buttonList Button list \r\n */\r\n setToolbarButtons: function (buttonList) {\r\n core.submenuOff();\r\n core.containerOff();\r\n core.moreLayerOff();\r\n\r\n const newToolbar = _Constructor._createToolBar(_d, buttonList, core.plugins, options);\r\n _responsiveButtons = newToolbar.responsiveButtons;\r\n event._setResponsiveToolbar();\r\n\r\n context.element.toolbar.replaceChild(newToolbar._buttonTray, context.element._buttonTray);\r\n const newContext = _Context(context.element.originElement, core._getConstructed(context.element), options);\r\n\r\n context.element = newContext.element;\r\n context.tool = newContext.tool;\r\n if (options.iframe) context.element.wysiwyg = core._wd.body;\r\n\r\n core._recoverButtonStates();\r\n core._cachingButtons();\r\n core.history._resetCachingButton();\r\n\r\n core.effectNode = null;\r\n if (core.hasFocus) event._applyTagEffects();\r\n if (core.isReadOnly) util.setDisabledButtons(true, core.resizingDisabledButtons);\r\n if (typeof functions.onSetToolbarButtons === 'function') functions.onSetToolbarButtons(newToolbar._buttonTray.querySelectorAll('button'), core);\r\n },\r\n\r\n /**\r\n * @description Add or reset option property (Editor is reloaded)\r\n * @param {Object} _options Options\r\n */\r\n setOptions: function (_options) {\r\n event._removeEvent();\r\n core._resetComponents();\r\n\r\n util.removeClass(core._styleCommandMap.showBlocks, 'active');\r\n util.removeClass(core._styleCommandMap.codeView, 'active');\r\n core._variable.isCodeView = false;\r\n core._iframeAuto = null;\r\n\r\n core.plugins = _options.plugins || core.plugins;\r\n const mergeOptions = [options, _options].reduce(function (init, option) {\r\n for (let key in option) {\r\n if (!util.hasOwn(option, key)) continue;\r\n if (key === 'plugins' && option[key] && init[key]) {\r\n let i = init[key], o = option[key];\r\n i = i.length ? i : _w.Object.keys(i).map(function(name) { return i[name]; });\r\n o = o.length ? o : _w.Object.keys(o).map(function(name) { return o[name]; });\r\n init[key] = (o.filter(function(val) { return i.indexOf(val) === -1; })).concat(i);\r\n } else {\r\n init[key] = option[key];\r\n }\r\n }\r\n return init;\r\n }, {});\r\n\r\n const el = context.element;\r\n const _initHTML = el.wysiwyg.innerHTML;\r\n\r\n // set option\r\n const cons = _Constructor._setOptions(mergeOptions, context, options);\r\n\r\n if (cons.callButtons) {\r\n pluginCallButtons = cons.callButtons;\r\n core.initPlugins = {};\r\n }\r\n\r\n if (cons.plugins) {\r\n core.plugins = plugins = cons.plugins;\r\n }\r\n\r\n // reset context\r\n if (el._menuTray.children.length === 0) this._menuTray = {};\r\n _responsiveButtons = cons.toolbar.responsiveButtons;\r\n core.options = options = mergeOptions;\r\n core.lang = lang = options.lang;\r\n\r\n if (options.iframe) {\r\n el.wysiwygFrame.addEventListener('load', function () {\r\n util._setIframeDocument(this, options);\r\n core._setOptionsInit(el, _initHTML);\r\n });\r\n }\r\n\r\n el.editorArea.appendChild(el.wysiwygFrame);\r\n\r\n if (!options.iframe) {\r\n core._setOptionsInit(el, _initHTML);\r\n }\r\n },\r\n\r\n /**\r\n * @description Set \"options.defaultStyle\" style.\r\n * Define the style of the edit area\r\n * It can also be defined with the \"setOptions\" method, but the \"setDefaultStyle\" method does not render the editor again.\r\n * @param {String} style Style string\r\n */\r\n setDefaultStyle: function (style) {\r\n const newStyles = options._editorStyles = util._setDefaultOptionStyle(options, style);\r\n const el = context.element;\r\n\r\n // top area\r\n el.topArea.style.cssText = newStyles.top;\r\n // code view\r\n el.code.style.cssText = options._editorStyles.frame;\r\n el.code.style.display = 'none';\r\n if (options.height === 'auto') {\r\n el.code.style.overflow = 'hidden';\r\n } else {\r\n el.code.style.overflow = '';\r\n }\r\n // wysiwyg frame\r\n if (!options.iframe) {\r\n el.wysiwygFrame.style.cssText = newStyles.frame + newStyles.editor;\r\n } else {\r\n el.wysiwygFrame.style.cssText = newStyles.frame;\r\n el.wysiwyg.style.cssText = newStyles.editor;\r\n }\r\n },\r\n\r\n /**\r\n * @description Open a notice area\r\n * @param {String} message Notice message\r\n */\r\n noticeOpen: function (message) {\r\n core.notice.open.call(core, message);\r\n },\r\n\r\n /**\r\n * @description Close a notice area\r\n */\r\n noticeClose: function () {\r\n core.notice.close.call(core);\r\n },\r\n\r\n /**\r\n * @description Copying the contents of the editor to the original textarea and execute onSave callback\r\n * * not working during enabled codeView mode\r\n */\r\n save: function () {\r\n const contents = core.getContents(false);\r\n context.element.originElement.value = contents;\r\n event.onSave_wysiwyg(contents, core);\r\n },\r\n\r\n /**\r\n * @description Gets the suneditor's context object. Contains settings, plugins, and cached element objects\r\n * @returns {Object}\r\n */\r\n getContext: function () {\r\n return context;\r\n },\r\n\r\n /**\r\n * @description Gets the contents of the suneditor\r\n * * not working during enabled codeView mode\r\n * @param {Boolean} onlyContents - Return only the contents of the body without headers when the \"fullPage\" option is true\r\n * @returns {String}\r\n */\r\n getContents: function (onlyContents) {\r\n return core.getContents(onlyContents);\r\n },\r\n\r\n /**\r\n * @description Gets only the text of the suneditor contents\r\n * * not working during enabled codeView mode\r\n * @returns {String}\r\n */\r\n getText: function () {\r\n return context.element.wysiwyg.textContent;\r\n },\r\n\r\n /**\r\n * @description Get the editor's number of characters or binary data size.\r\n * You can use the \"charCounterType\" option format.\r\n * @param {String|null} charCounterType options - charCounterType ('char', 'byte', 'byte-html')\r\n * If argument is no value, the currently set \"charCounterType\" option is used.\r\n * @returns {Number}\r\n */\r\n getCharCount: function (charCounterType) {\r\n charCounterType = typeof charCounterType === 'string' ? charCounterType : options.charCounterType;\r\n return core.getCharLength((core._charTypeHTML ? context.element.wysiwyg.innerHTML : context.element.wysiwyg.textContent), charCounterType);\r\n },\r\n\r\n /**\r\n * @description Gets uploaded images informations\r\n * - index: data index\r\n * - name: file name\r\n * - size: file size\r\n * - select: select function\r\n * - delete: delete function\r\n * - element: target element\r\n * - src: src attribute of tag\r\n * @returns {Array}\r\n */\r\n getImagesInfo: function () {\r\n return context.image ? context.image._infoList : [];\r\n },\r\n\r\n /**\r\n * @description Gets uploaded files(plugin using fileManager) information list.\r\n * image: [img], video: [video, iframe], audio: [audio]\r\n * When the argument value is 'image', it is the same function as \"getImagesInfo\".\r\n * - index: data index\r\n * - name: file name\r\n * - size: file size\r\n * - select: select function\r\n * - delete: delete function\r\n * - element: target element\r\n * - src: src attribute of tag\r\n * @param {String} pluginName Plugin name (image, video, audio)\r\n * @returns {Array}\r\n */\r\n getFilesInfo: function (pluginName) {\r\n return context[pluginName] ? context[pluginName]._infoList : [];\r\n },\r\n\r\n /**\r\n * @description Upload images using image plugin\r\n * @param {FileList} files FileList\r\n */\r\n insertImage: function (files) {\r\n if (!core.plugins.image || !files) return;\r\n\r\n if (!core.initPlugins.image) core.callPlugin('image', core.plugins.image.submitAction.bind(core, files), null);\r\n else core.plugins.image.submitAction.call(core, files);\r\n core.focus();\r\n },\r\n\r\n /**\r\n * @description Inserts an HTML element or HTML string or plain string at the current cursor position\r\n * @param {Element|String} html HTML Element or HTML string or plain string\r\n * @param {Boolean} notCleaningData If true, inserts the HTML string without refining it with core.cleanHTML.\r\n * @param {Boolean} checkCharCount If true, if \"options.maxCharCount\" is exceeded when \"element\" is added, null is returned without addition.\r\n * @param {Boolean} rangeSelection If true, range select the inserted node.\r\n */\r\n insertHTML: function (html, notCleaningData, checkCharCount, rangeSelection) {\r\n if (!context.element.wysiwygFrame.contains(core.getSelection().focusNode)) core.focus();\r\n\r\n if (typeof html === 'string') {\r\n if (!notCleaningData) html = core.cleanHTML(html, null, null);\r\n try {\r\n if (util.isListCell(util.getFormatElement(core.getSelectionNode(), null))) {\r\n const dom = _d.createRange().createContextualFragment(html);\r\n const domTree = dom.childNodes;\r\n if (core._isFormatData(domTree)) html = core._convertListCell(domTree);\r\n }\r\n\r\n const dom = _d.createRange().createContextualFragment(html);\r\n const domTree = dom.childNodes;\r\n\r\n if (checkCharCount) {\r\n const type = core._charTypeHTML ? 'outerHTML' : 'textContent';\r\n let checkHTML = '';\r\n for (let i = 0, len = domTree.length; i < len; i++) {\r\n checkHTML += domTree[i][type];\r\n }\r\n if (!core.checkCharCount(checkHTML, null)) return;\r\n }\r\n\r\n let c, a, t, prev, firstCon;\r\n while ((c = domTree[0])) {\r\n if (prev && prev.nodeType === 3 && a && a.nodeType === 1 && util.isBreak(c)) {\r\n prev = c;\r\n util.removeItem(c);\r\n continue;\r\n }\r\n t = core.insertNode(c, a, false);\r\n a = t.container || t;\r\n if (!firstCon) firstCon = t;\r\n prev = c;\r\n }\r\n\r\n if (prev.nodeType === 3 && a.nodeType === 1) a = prev;\r\n const offset = a.nodeType === 3 ? (t.endOffset || a.textContent.length): a.childNodes.length;\r\n if (rangeSelection) core.setRange(firstCon.container || firstCon, firstCon.startOffset || 0, a, offset);\r\n else core.setRange(a, offset, a, offset);\r\n } catch (error) {\r\n if (core.isDisabled || core.isReadOnly) return;\r\n console.warn('[SUNEDITOR.insertHTML.fail] ' + error);\r\n core.execCommand('insertHTML', false, html);\r\n }\r\n } else {\r\n if (util.isComponent(html)) {\r\n core.insertComponent(html, false, checkCharCount, false);\r\n } else {\r\n let afterNode = null;\r\n if (util.isFormatElement(html) || util.isMedia(html)) {\r\n afterNode = util.getFormatElement(core.getSelectionNode(), null);\r\n }\r\n core.insertNode(html, afterNode, checkCharCount);\r\n }\r\n }\r\n\r\n core.effectNode = null;\r\n core.focus();\r\n\r\n // history stack\r\n core.history.push(false);\r\n },\r\n\r\n /**\r\n * @description Change the contents of the suneditor\r\n * @param {String|undefined} contents Contents to Input\r\n */\r\n setContents: function (contents) {\r\n core.setContents(contents);\r\n },\r\n\r\n /**\r\n * @description Add contents to the suneditor\r\n * @param {String} contents Contents to Input\r\n */\r\n appendContents: function (contents) {\r\n const convertValue = core.convertContentsForEditor(contents);\r\n\r\n if (!core._variable.isCodeView) {\r\n const temp = util.createElement('DIV');\r\n temp.innerHTML = convertValue;\r\n\r\n const wysiwyg = context.element.wysiwyg;\r\n const children = temp.children;\r\n for (let i = 0, len = children.length; i < len; i++) {\r\n if (children[i]) {\r\n wysiwyg.appendChild(children[i]);\r\n }\r\n }\r\n } else {\r\n core._setCodeView(core._getCodeView() + '\\n' + core.convertHTMLForCodeView(convertValue, false));\r\n }\r\n\r\n // history stack\r\n core.history.push(false);\r\n },\r\n\r\n /**\r\n * @description Switch to or off \"ReadOnly\" mode.\r\n * @param {Boolean} value \"readOnly\" boolean value.\r\n */\r\n readOnly: function (value) {\r\n core.isReadOnly = value;\r\n\r\n util.setDisabledButtons(!!value, core.resizingDisabledButtons);\r\n\r\n if (value) {\r\n /** off menus */\r\n core.controllersOff();\r\n if (core.submenuActiveButton && core.submenuActiveButton.disabled) core.submenuOff();\r\n if (core._moreLayerActiveButton && core._moreLayerActiveButton.disabled) core.moreLayerOff();\r\n if (core.containerActiveButton && core.containerActiveButton.disabled) core.containerOff();\r\n if (core.modalForm) core.plugins.dialog.close.call(core);\r\n\r\n context.element.code.setAttribute(\"readOnly\", \"true\");\r\n util.addClass(context.element.wysiwygFrame, 'se-read-only');\r\n } else {\r\n context.element.code.removeAttribute(\"readOnly\");\r\n util.removeClass(context.element.wysiwygFrame, 'se-read-only');\r\n }\r\n\r\n if (options.codeMirrorEditor) options.codeMirrorEditor.setOption('readOnly', !!value);\r\n },\r\n\r\n /**\r\n * @description Disable the suneditor\r\n */\r\n disable: function () {\r\n this.toolbar.disable();\r\n this.wysiwyg.disable();\r\n },\r\n\r\n /**\r\n * @description Provided for backward compatibility and will be removed in 3.0.0 version\r\n */\r\n disabled: function () {\r\n this.disable();\r\n },\r\n\r\n /**\r\n * @description Enable the suneditor\r\n */\r\n enable: function () {\r\n this.toolbar.enable();\r\n this.wysiwyg.enable();\r\n },\r\n\r\n /**\r\n * @description Provided for backward compatibility and will be removed in 3.0.0 version\r\n */\r\n enabled: function () {\r\n this.enable();\r\n },\r\n\r\n /**\r\n * @description Show the suneditor\r\n */\r\n show: function () {\r\n const topAreaStyle = context.element.topArea.style;\r\n if (topAreaStyle.display === 'none') topAreaStyle.display = options.display;\r\n },\r\n\r\n /**\r\n * @description Hide the suneditor\r\n */\r\n hide: function () {\r\n context.element.topArea.style.display = 'none';\r\n },\r\n\r\n /**\r\n * @description Destroy the suneditor\r\n */\r\n destroy: function () {\r\n /** off menus */\r\n core.submenuOff();\r\n core.containerOff();\r\n core.controllersOff();\r\n if (core.notice) core.notice.close.call(core);\r\n if (core.modalForm) core.plugins.dialog.close.call(core);\r\n\r\n /** remove history */\r\n core.history._destroy();\r\n\r\n /** remove event listeners */\r\n event._removeEvent();\r\n\r\n /** remove element */\r\n util.removeItem(context.element.toolbar);\r\n util.removeItem(context.element.topArea);\r\n\r\n /** remove object reference */\r\n for (let k in core.functions) { if (util.hasOwn(core, k)) delete core.functions[k]; }\r\n for (let k in core) { if (util.hasOwn(core, k)) delete core[k]; }\r\n for (let k in event) { if (util.hasOwn(event, k)) delete event[k]; }\r\n for (let k in context) { if (util.hasOwn(context, k)) delete context[k]; }\r\n for (let k in pluginCallButtons) { if (util.hasOwn(pluginCallButtons, k)) delete pluginCallButtons[k]; }\r\n\r\n /** remove user object */\r\n for (let k in this) { if (util.hasOwn(this, k)) delete this[k]; }\r\n },\r\n\r\n /**\r\n * @description Toolbar methods\r\n */\r\n toolbar: {\r\n /**\r\n * @description Disable the toolbar\r\n */\r\n disable: function () {\r\n /** off menus */\r\n core.submenuOff();\r\n core.moreLayerOff();\r\n core.containerOff();\r\n\r\n context.tool.cover.style.display = 'block';\r\n },\r\n\r\n /**\r\n * @description Provided for backward compatibility and will be removed in 3.0.0 version\r\n */\r\n disabled: function () {\r\n this.disable();\r\n },\r\n\r\n /**\r\n * @description Enable the toolbar\r\n */\r\n enable: function () {\r\n context.tool.cover.style.display = 'none';\r\n },\r\n\r\n /**\r\n * @description Provided for backward compatibility and will be removed in 3.0.0 version\r\n */\r\n enabled: function () {\r\n this.enable();\r\n },\r\n\r\n /**\r\n * @description Show the toolbar\r\n */\r\n show: function () {\r\n if (core._isInline) {\r\n event._showToolbarInline();\r\n } else {\r\n context.element.toolbar.style.display = '';\r\n context.element._stickyDummy.style.display = '';\r\n }\r\n\r\n event.onResize_window();\r\n },\r\n\r\n /**\r\n * @description Hide the toolbar\r\n */\r\n hide: function () {\r\n if (core._isInline) {\r\n event._hideToolbar();\r\n } else {\r\n context.element.toolbar.style.display = 'none';\r\n context.element._stickyDummy.style.display = 'none';\r\n }\r\n\r\n event.onResize_window();\r\n },\r\n },\r\n\r\n /**\r\n * @description Wysiwyg methods\r\n */\r\n wysiwyg: {\r\n /**\r\n * @description Disable the wysiwyg area\r\n */\r\n disable: function () {\r\n /** off menus */\r\n core.controllersOff();\r\n if (core.modalForm) core.plugins.dialog.close.call(core);\r\n\r\n context.element.wysiwyg.setAttribute('contenteditable', false);\r\n core.isDisabled = true;\r\n\r\n if (options.codeMirrorEditor) {\r\n options.codeMirrorEditor.setOption('readOnly', true);\r\n } else {\r\n context.element.code.setAttribute('disabled', 'disabled');\r\n }\r\n },\r\n\r\n /**\r\n * @description Enable the wysiwyg area\r\n */\r\n enable: function () {\r\n context.element.wysiwyg.setAttribute('contenteditable', true);\r\n core.isDisabled = false;\r\n\r\n if (options.codeMirrorEditor) {\r\n options.codeMirrorEditor.setOption('readOnly', false);\r\n } else {\r\n context.element.code.removeAttribute('disabled');\r\n }\r\n },\r\n }\r\n };\r\n\r\n /************ Core init ************/\r\n // functions\r\n core.functions = functions;\r\n core.options = options;\r\n\r\n // Create to sibling node\r\n let contextEl = context.element;\r\n let originEl = contextEl.originElement;\r\n let topEl = contextEl.topArea;\r\n originEl.style.display = 'none';\r\n topEl.style.display = 'block';\r\n\r\n // init\r\n if (options.iframe) {\r\n contextEl.wysiwygFrame.addEventListener('load', function () {\r\n util._setIframeDocument(this, options);\r\n core._editorInit(false, options.value);\r\n options.value = null;\r\n });\r\n }\r\n\r\n // insert editor element\r\n if (typeof originEl.nextElementSibling === 'object') {\r\n originEl.parentNode.insertBefore(topEl, originEl.nextElementSibling);\r\n } else {\r\n originEl.parentNode.appendChild(topEl);\r\n }\r\n\r\n contextEl.editorArea.appendChild(contextEl.wysiwygFrame);\r\n contextEl = originEl = topEl = null;\r\n\r\n // init\r\n if (!options.iframe) {\r\n core._editorInit(false, options.value);\r\n options.value = null;\r\n }\r\n\r\n return functions;\r\n}","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nimport core from './lib/core';\nimport util from './lib/util';\nimport _Constructor from './lib/constructor';\nimport _Context from './lib/context';\n\nexport default {\n /**\n * @description Returns the create function with preset options.\n * If the options overlap, the options of the 'create' function take precedence.\n * @param {Json} options Initialization options\n * @returns {Object}\n */\n init: function (init_options) {\n return {\n create: function (idOrElement, options) {\n return this.create(idOrElement, options, init_options);\n }.bind(this)\n };\n },\n\n /**\n * @description Create the suneditor\n * @param {String|Element} idOrElement textarea Id or textarea element\n * @param {JSON|Object} options user options\n * @returns {Object}\n */\n create: function (idOrElement, options, _init_options) {\n util._propertiesInit();\n\n if (typeof options !== 'object') options = {};\n if (_init_options) {\n options = [_init_options, options].reduce(function (init, option) {\n for (let key in option) {\n if (!util.hasOwn(option, key)) continue;\n if (key === 'plugins' && option[key] && init[key]) {\n let i = init[key], o = option[key];\n i = i.length ? i : Object.keys(i).map(function(name) { return i[name]; });\n o = o.length ? o : Object.keys(o).map(function(name) { return o[name]; });\n init[key] = (o.filter(function(val) { return i.indexOf(val) === -1; })).concat(i);\n } else {\n init[key] = option[key];\n }\n }\n return init;\n }, {});\n }\n \n const element = typeof idOrElement === 'string' ? document.getElementById(idOrElement) : idOrElement;\n\n if (!element) {\n if (typeof idOrElement === 'string') {\n throw Error('[SUNEDITOR.create.fail] The element for that id was not found (ID:\"' + idOrElement + '\")');\n }\n\n throw Error('[SUNEDITOR.create.fail] suneditor requires textarea\\'s element or id value');\n }\n\n const cons = _Constructor.init(element, options);\n\n if (cons.constructed._top.id && document.getElementById(cons.constructed._top.id)) {\n throw Error('[SUNEDITOR.create.fail] The ID of the suneditor you are trying to create already exists (ID:\"' + cons.constructed._top.id + '\")');\n }\n\n return core(_Context(element, cons.constructed, cons.options), cons.pluginCallButtons, cons.plugins, cons.options.lang, options, cons._responsiveButtons);\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\n(function (global, factory) {\n if (typeof module === 'object' && typeof module.exports === 'object') {\n module.exports = global.document ?\n factory(global, true) :\n function (w) {\n if (!w.document) {\n throw new Error('SUNEDITOR_MODULES a window with a document');\n }\n return factory(w);\n };\n } else {\n factory(global);\n }\n}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {\n const fileBrowser = {\n name: 'fileBrowser',\n _xmlHttp: null,\n _loading: null,\n\n /**\n * @description Constructor\n * @param {Object} core Core object \n */\n add: function (core) {\n const context = core.context;\n context.fileBrowser = {\n _closeSignal: false,\n area: null,\n header: null,\n tagArea: null,\n body: null,\n list: null,\n tagElements: null,\n items: [],\n selectedTags: [],\n selectorHandler: null,\n contextPlugin: '',\n columnSize: 4\n };\n\n /** fileBrowser */\n let browser_div = core.util.createElement('DIV');\n browser_div.className = 'se-file-browser sun-editor-common';\n\n let back = core.util.createElement('DIV');\n back.className = 'se-file-browser-back';\n\n let content = core.util.createElement('DIV');\n content.className = 'se-file-browser-inner';\n content.innerHTML = this.set_browser(core);\n\n browser_div.appendChild(back);\n browser_div.appendChild(content);\n this._loading = browser_div.querySelector('.se-loading-box');\n\n context.fileBrowser.area = browser_div;\n context.fileBrowser.header = content.querySelector('.se-file-browser-header');\n context.fileBrowser.titleArea = content.querySelector('.se-file-browser-title');\n context.fileBrowser.tagArea = content.querySelector('.se-file-browser-tags');\n context.fileBrowser.body = content.querySelector('.se-file-browser-body');\n context.fileBrowser.list = content.querySelector('.se-file-browser-list');\n\n /** add event listeners */\n context.fileBrowser.tagArea.addEventListener('click', this.onClickTag.bind(core));\n context.fileBrowser.list.addEventListener('click', this.onClickFile.bind(core));\n content.addEventListener('mousedown', this._onMouseDown_browser.bind(core));\n content.addEventListener('click', this._onClick_browser.bind(core));\n \n /** append html */\n context.element.relative.appendChild(browser_div);\n \n /** empty memory */\n browser_div = null, back = null, content = null;\n },\n\n set_browser: function (core) {\n const lang = core.lang;\n\n return '
' +\n '
';\n },\n\n /**\n * @description Event to control the behavior of closing the browser\n * @param {MouseEvent} e Event object\n * @private\n */\n _onMouseDown_browser: function (e) {\n if (/se-file-browser-inner/.test(e.target.className)) {\n this.context.fileBrowser._closeSignal = true;\n } else {\n this.context.fileBrowser._closeSignal = false;\n }\n },\n\n /**\n * @description Event to close the window when the outside area of the browser or close button is click\n * @param {MouseEvent} e Event object\n * @private\n */\n _onClick_browser: function (e) {\n e.stopPropagation();\n\n if (/close/.test(e.target.getAttribute('data-command')) || this.context.fileBrowser._closeSignal) {\n this.plugins.fileBrowser.close.call(this);\n }\n },\n\n /**\n * @description Open a file browser plugin\n * @param {String} pluginName Plugin name using the file browser\n * @param {Function|null} selectorHandler When the function comes as an argument value, it substitutes \"context.selectorHandler\".\n */\n open: function (pluginName, selectorHandler) {\n if (this.plugins.fileBrowser._bindClose) {\n this._d.removeEventListener('keydown', this.plugins.fileBrowser._bindClose);\n this.plugins.fileBrowser._bindClose = null;\n }\n\n this.plugins.fileBrowser._bindClose = function (e) {\n if (!/27/.test(e.keyCode)) return;\n this.plugins.fileBrowser.close.call(this);\n }.bind(this);\n this._d.addEventListener('keydown', this.plugins.fileBrowser._bindClose);\n\n const fileBrowserContext = this.context.fileBrowser;\n fileBrowserContext.contextPlugin = pluginName;\n fileBrowserContext.selectorHandler = selectorHandler;\n \n const pluginContext = this.context[pluginName];\n const listClassName = pluginContext.listClass;\n if (!this.util.hasClass(fileBrowserContext.list, listClassName)) {\n fileBrowserContext.list.className = 'se-file-browser-list ' + listClassName;\n }\n\n if (this.options.popupDisplay === 'full') {\n fileBrowserContext.area.style.position = 'fixed';\n } else {\n fileBrowserContext.area.style.position = 'absolute';\n }\n \n fileBrowserContext.titleArea.textContent = pluginContext.title;\n fileBrowserContext.area.style.display = 'block';\n\n if (this.context[pluginName].directData) {\n this.plugins.fileBrowser._drawListItem.call(this, this.context[pluginName].directData, true);\n } else {\n this.plugins.fileBrowser._drawFileList.call(this, this.context[pluginName].url, this.context[pluginName].header);\n }\n },\n\n _bindClose: null,\n \n /**\n * @description Close a fileBrowser plugin\n * The plugin's \"init\" method is called.\n */\n close: function () {\n const fileBrowserPlugin = this.plugins.fileBrowser;\n\n if (fileBrowserPlugin._xmlHttp) {\n fileBrowserPlugin._xmlHttp.abort();\n }\n\n if (fileBrowserPlugin._bindClose) {\n this._d.removeEventListener('keydown', fileBrowserPlugin._bindClose);\n fileBrowserPlugin._bindClose = null;\n }\n\n const fileBrowserContext = this.context.fileBrowser;\n fileBrowserContext.area.style.display = 'none';\n fileBrowserContext.selectorHandler = null;\n fileBrowserContext.selectedTags = [];\n fileBrowserContext.items = [];\n fileBrowserContext.list.innerHTML = fileBrowserContext.tagArea.innerHTML = fileBrowserContext.titleArea.textContent = '';\n\n if (typeof this.plugins[fileBrowserContext.contextPlugin].init === 'function') this.plugins[fileBrowserContext.contextPlugin].init.call(this);\n fileBrowserContext.contextPlugin = '';\n },\n\n /**\n * @description Show file browser loading box\n */\n showBrowserLoading: function () {\n this._loading.style.display = 'block';\n },\n\n /**\n * @description Close file browser loading box\n */\n closeBrowserLoading: function () {\n this._loading.style.display = 'none';\n },\n\n _drawFileList: function (url, browserHeader) {\n const fileBrowserPlugin = this.plugins.fileBrowser;\n\n const xmlHttp = fileBrowserPlugin._xmlHttp = this.util.getXMLHttpRequest();\n xmlHttp.onreadystatechange = fileBrowserPlugin._callBackGet.bind(this, xmlHttp);\n xmlHttp.open('get', url, true);\n if(browserHeader !== null && typeof browserHeader === 'object' && this._w.Object.keys(browserHeader).length > 0){\n for(let key in browserHeader){\n xmlHttp.setRequestHeader(key, browserHeader[key]);\n }\n }\n xmlHttp.send(null);\n\n this.plugins.fileBrowser.showBrowserLoading();\n },\n\n _callBackGet: function (xmlHttp) {\n if (xmlHttp.readyState === 4) {\n this.plugins.fileBrowser._xmlHttp = null;\n if (xmlHttp.status === 200) {\n try {\n const res = JSON.parse(xmlHttp.responseText);\n if (res.result.length > 0) {\n this.plugins.fileBrowser._drawListItem.call(this, res.result, true);\n } else if (res.nullMessage) {\n this.context.fileBrowser.list.innerHTML = res.nullMessage;\n }\n } catch (e) {\n throw Error('[SUNEDITOR.fileBrowser.drawList.fail] cause : \"' + e.message + '\"');\n } finally {\n this.plugins.fileBrowser.closeBrowserLoading();\n this.context.fileBrowser.body.style.maxHeight = (this._w.innerHeight - this.context.fileBrowser.header.offsetHeight - 50) + 'px';\n }\n } else { // exception\n this.plugins.fileBrowser.closeBrowserLoading();\n if (xmlHttp.status !== 0) {\n const res = !xmlHttp.responseText ? xmlHttp : JSON.parse(xmlHttp.responseText);\n const err = '[SUNEDITOR.fileBrowser.get.serverException] status: ' + xmlHttp.status + ', response: ' + (res.errorMessage || xmlHttp.responseText);\n throw Error(err);\n }\n }\n }\n },\n\n _drawListItem: function (items, update) {\n const fileBrowserContext = this.context.fileBrowser;\n const pluginContext = this.context[fileBrowserContext.contextPlugin];\n\n const _tags = [];\n const len = items.length;\n const columnSize = pluginContext.columnSize || fileBrowserContext.columnSize;\n const splitSize = columnSize <= 1 ? 1 : (Math.round(len/columnSize) || 1);\n const drawItemHandler = pluginContext.itemTemplateHandler;\n \n let tagsHTML = '';\n let listHTML = '' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '
' +\n '' +\n '' +\n '
';\n let columns = 1;\n for (let i = 0, item, tags; i < len; i++) {\n item = items[i];\n tags = !item.tag ? [] : typeof item.tag === 'string' ? item.tag.split(',') : item.tag;\n tags = item.tag = tags.map(function (v) { return v.trim(); });\n listHTML += drawItemHandler(item);\n\n if ((i + 1) % splitSize === 0 && columns < columnSize && (i + 1) < len) {\n columns++;\n listHTML += '
';\n }\n \n if (update && tags.length > 0) {\n for (let t = 0, tLen = tags.length, tag; t < tLen; t++) {\n tag = tags[t];\n if (tag && _tags.indexOf(tag) === -1) {\n _tags.push(tag);\n tagsHTML += '' + tag + '';\n }\n }\n }\n }\n listHTML += '
';\n\n fileBrowserContext.list.innerHTML = listHTML;\n\n if (update) {\n fileBrowserContext.items = items;\n fileBrowserContext.tagArea.innerHTML = tagsHTML;\n fileBrowserContext.tagElements = fileBrowserContext.tagArea.querySelectorAll('A');\n }\n },\n\n onClickTag: function (e) {\n const target = e.target;\n if (!this.util.isAnchor(target)) return;\n\n const tagName = target.textContent;\n const fileBrowserPlugin = this.plugins.fileBrowser;\n const fileBrowserContext = this.context.fileBrowser;\n\n const selectTag = fileBrowserContext.tagArea.querySelector('a[title=\"' + tagName + '\"]');\n const selectedTags = fileBrowserContext.selectedTags;\n const sTagIndex = selectedTags.indexOf(tagName);\n\n if (sTagIndex > -1){\n selectedTags.splice(sTagIndex, 1);\n this.util.removeClass(selectTag, 'on');\n } else {\n selectedTags.push(tagName);\n this.util.addClass(selectTag, 'on');\n }\n\n fileBrowserPlugin._drawListItem.call(this,\n selectedTags.length === 0 ?\n fileBrowserContext.items :\n fileBrowserContext.items.filter(function (item) {\n return item.tag.some(function (tag) {\n return selectedTags.indexOf(tag) > -1;\n });\n }), false);\n },\n\n onClickFile: function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n const fileBrowserContext = this.context.fileBrowser;\n const listEl = fileBrowserContext.list;\n let target = e.target;\n let command = null;\n\n if (target === listEl) return;\n\n while (listEl !== target.parentNode) {\n command = target.getAttribute('data-command');\n if (command) break;\n target = target.parentNode;\n }\n\n if (!command) return;\n\n const handler = (fileBrowserContext.selectorHandler || this.context[fileBrowserContext.contextPlugin].selectorHandler);\n handler(target, target.parentNode.querySelector('.__se__img_name').textContent);\n this.plugins.fileBrowser.close.call(this);\n }\n };\n\n if (typeof noGlobal === typeof undefined) {\n if (!window.SUNEDITOR_MODULES) {\n Object.defineProperty(window, 'SUNEDITOR_MODULES', {\n enumerable: true,\n writable: false,\n configurable: false,\n value: {}\n });\n }\n\n Object.defineProperty(window.SUNEDITOR_MODULES, 'fileBrowser', {\n enumerable: true,\n writable: false,\n configurable: false,\n value: fileBrowser\n });\n }\n\n return fileBrowser;\n}));","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\n(function (global, factory) {\n if (typeof module === 'object' && typeof module.exports === 'object') {\n module.exports = global.document ?\n factory(global, true) :\n function (w) {\n if (!w.document) {\n throw new Error('SUNEDITOR_MODULES a window with a document');\n }\n return factory(w);\n };\n } else {\n factory(global);\n }\n}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {\n const dialog = {\n name: 'dialog',\n /**\n * @description Constructor\n * @param {Object} core Core object \n */\n add: function (core) {\n const context = core.context;\n context.dialog = {\n kind: '',\n updateModal: false,\n _closeSignal: false\n };\n\n /** dialog */\n let dialog_div = core.util.createElement('DIV');\n dialog_div.className = 'se-dialog sun-editor-common';\n\n let dialog_back = core.util.createElement('DIV');\n dialog_back.className = 'se-dialog-back';\n dialog_back.style.display = 'none';\n\n let dialog_area = core.util.createElement('DIV');\n dialog_area.className = 'se-dialog-inner';\n dialog_area.style.display = 'none';\n\n dialog_div.appendChild(dialog_back);\n dialog_div.appendChild(dialog_area);\n\n context.dialog.modalArea = dialog_div;\n context.dialog.back = dialog_back;\n context.dialog.modal = dialog_area;\n\n /** add event listeners */\n context.dialog.modal.addEventListener('mousedown', this._onMouseDown_dialog.bind(core));\n context.dialog.modal.addEventListener('click', this._onClick_dialog.bind(core));\n \n /** append html */\n context.element.relative.appendChild(dialog_div);\n \n /** empty memory */\n dialog_div = null, dialog_back = null, dialog_area = null;\n },\n\n /**\n * @description Event to control the behavior of closing the dialog\n * @param {MouseEvent} e Event object\n * @private\n */\n _onMouseDown_dialog: function (e) {\n if (/se-dialog-inner/.test(e.target.className)) {\n this.context.dialog._closeSignal = true;\n } else {\n this.context.dialog._closeSignal = false;\n }\n },\n\n /**\n * @description Event to close the window when the outside area of the dialog or close button is click\n * @param {MouseEvent} e Event object\n * @private\n */\n _onClick_dialog: function (e) {\n if (/close/.test(e.target.getAttribute('data-command')) || this.context.dialog._closeSignal) {\n this.plugins.dialog.close.call(this);\n }\n },\n\n /**\n * @description Open a Dialog plugin\n * @param {String} kind Dialog plugin name\n * @param {Boolean} update Whether it will open for update ('image' === this.currentControllerName)\n */\n open: function (kind, update) {\n if (this.modalForm) return false;\n if (this.plugins.dialog._bindClose) {\n this._d.removeEventListener('keydown', this.plugins.dialog._bindClose);\n this.plugins.dialog._bindClose = null;\n }\n\n this.plugins.dialog._bindClose = function (e) {\n if (!/27/.test(e.keyCode)) return;\n this.plugins.dialog.close.call(this);\n }.bind(this);\n this._d.addEventListener('keydown', this.plugins.dialog._bindClose);\n\n this.context.dialog.updateModal = update;\n\n if (this.options.popupDisplay === 'full') {\n this.context.dialog.modalArea.style.position = 'fixed';\n } else {\n this.context.dialog.modalArea.style.position = 'absolute';\n }\n\n this.context.dialog.kind = kind;\n this.modalForm = this.context[kind].modal;\n const focusElement = this.context[kind].focusElement;\n\n if (typeof this.plugins[kind].on === 'function') this.plugins[kind].on.call(this, update);\n\n this.context.dialog.modalArea.style.display = 'block';\n this.context.dialog.back.style.display = 'block';\n this.context.dialog.modal.style.display = 'block';\n this.modalForm.style.display = 'block';\n\n if (focusElement) focusElement.focus();\n },\n\n _bindClose: null,\n \n /**\n * @description Close a Dialog plugin\n * The plugin's \"init\" method is called.\n */\n close: function () {\n if (this.plugins.dialog._bindClose) {\n this._d.removeEventListener('keydown', this.plugins.dialog._bindClose);\n this.plugins.dialog._bindClose = null;\n }\n\n const kind = this.context.dialog.kind;\n this.modalForm.style.display = 'none';\n this.context.dialog.back.style.display = 'none';\n this.context.dialog.modalArea.style.display = 'none';\n this.context.dialog.updateModal = false;\n if (typeof this.plugins[kind].init === 'function') this.plugins[kind].init.call(this);\n this.context.dialog.kind = '';\n this.modalForm = null;\n this.focus();\n }\n };\n\n if (typeof noGlobal === typeof undefined) {\n if (!window.SUNEDITOR_MODULES) {\n Object.defineProperty(window, 'SUNEDITOR_MODULES', {\n enumerable: true,\n writable: false,\n configurable: false,\n value: {}\n });\n }\n\n Object.defineProperty(window.SUNEDITOR_MODULES, 'dialog', {\n enumerable: true,\n writable: false,\n configurable: false,\n value: dialog\n });\n }\n\n return dialog;\n}));","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\n(function (global, factory) {\n if (typeof module === 'object' && typeof module.exports === 'object') {\n module.exports = global.document ?\n factory(global, true) :\n function (w) {\n if (!w.document) {\n throw new Error('SUNEDITOR_LANG a window with a document');\n }\n return factory(w);\n };\n } else {\n factory(global);\n }\n}(typeof window !== 'undefined' ? window : this, function (window, noGlobal) {\n const lang = {\n code: 'en',\n toolbar: {\n default: 'Default',\n save: 'Save',\n font: 'Font',\n formats: 'Formats',\n fontSize: 'Size',\n bold: 'Bold',\n underline: 'Underline',\n italic: 'Italic',\n strike: 'Strike',\n subscript: 'Subscript',\n superscript: 'Superscript',\n removeFormat: 'Remove Format',\n fontColor: 'Font Color',\n hiliteColor: 'Highlight Color',\n indent: 'Indent',\n outdent: 'Outdent',\n align: 'Align',\n alignLeft: 'Align left',\n alignRight: 'Align right',\n alignCenter: 'Align center',\n alignJustify: 'Align justify',\n list: 'List',\n orderList: 'Ordered list',\n unorderList: 'Unordered list',\n horizontalRule: 'Horizontal line',\n hr_solid: 'Solid',\n hr_dotted: 'Dotted',\n hr_dashed: 'Dashed',\n table: 'Table',\n link: 'Link',\n math: 'Math',\n image: 'Image',\n video: 'Video',\n audio: 'Audio',\n fullScreen: 'Full screen',\n showBlocks: 'Show blocks',\n codeView: 'Code view',\n undo: 'Undo',\n redo: 'Redo',\n preview: 'Preview',\n print: 'print',\n tag_p: 'Paragraph',\n tag_div: 'Normal (DIV)',\n tag_h: 'Header',\n tag_blockquote: 'Quote',\n tag_pre: 'Code',\n template: 'Template',\n lineHeight: 'Line height',\n paragraphStyle: 'Paragraph style',\n textStyle: 'Text style',\n imageGallery: 'Image gallery',\n dir_ltr: 'Left to right',\n dir_rtl: 'Right to left',\n mention: 'Mention'\n },\n dialogBox: {\n linkBox: {\n title: 'Insert Link',\n url: 'URL to link',\n text: 'Text to display',\n newWindowCheck: 'Open in new window',\n downloadLinkCheck: 'Download link',\n bookmark: 'Bookmark'\n },\n mathBox: {\n title: 'Math',\n inputLabel: 'Mathematical Notation',\n fontSizeLabel: 'Font Size',\n previewLabel: 'Preview'\n },\n imageBox: {\n title: 'Insert image',\n file: 'Select from files',\n url: 'Image URL',\n altText: 'Alternative text'\n },\n videoBox: {\n title: 'Insert Video',\n file: 'Select from files',\n url: 'Media embed URL, YouTube/Vimeo'\n },\n audioBox: {\n title: 'Insert Audio',\n file: 'Select from files',\n url: 'Audio URL'\n },\n browser: {\n tags: 'Tags',\n search: 'Search',\n },\n caption: 'Insert description',\n close: 'Close',\n submitButton: 'Submit',\n revertButton: 'Revert',\n proportion: 'Constrain proportions',\n basic: 'Basic',\n left: 'Left',\n right: 'Right',\n center: 'Center',\n width: 'Width',\n height: 'Height',\n size: 'Size',\n ratio: 'Ratio'\n },\n controller: {\n edit: 'Edit',\n unlink: 'Unlink',\n remove: 'Remove',\n insertRowAbove: 'Insert row above',\n insertRowBelow: 'Insert row below',\n deleteRow: 'Delete row',\n insertColumnBefore: 'Insert column before',\n insertColumnAfter: 'Insert column after',\n deleteColumn: 'Delete column',\n fixedColumnWidth: 'Fixed column width',\n resize100: 'Resize 100%',\n resize75: 'Resize 75%',\n resize50: 'Resize 50%',\n resize25: 'Resize 25%',\n autoSize: 'Auto size',\n mirrorHorizontal: 'Mirror, Horizontal',\n mirrorVertical: 'Mirror, Vertical',\n rotateLeft: 'Rotate left',\n rotateRight: 'Rotate right',\n maxSize: 'Max size',\n minSize: 'Min size',\n tableHeader: 'Table header',\n mergeCells: 'Merge cells',\n splitCells: 'Split Cells',\n HorizontalSplit: 'Horizontal split',\n VerticalSplit: 'Vertical split'\n },\n menu: {\n spaced: 'Spaced',\n bordered: 'Bordered',\n neon: 'Neon',\n translucent: 'Translucent',\n shadow: 'Shadow',\n code: 'Code'\n }\n };\n\n if (typeof noGlobal === typeof undefined) {\n if (!window.SUNEDITOR_LANG) {\n Object.defineProperty(window, 'SUNEDITOR_LANG', {\n enumerable: true,\n writable: false,\n configurable: false,\n value: {}\n });\n }\n\n Object.defineProperty(window.SUNEDITOR_LANG, 'en', {\n enumerable: true,\n writable: true,\n configurable: true,\n value: lang\n });\n }\n\n return lang;\n}));","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'blockquote',\n display: 'command',\n add: function (core, targetElement) {\n const context = core.context;\n context.blockquote = {\n targetButton: targetElement,\n tag: core.util.createElement('BLOCKQUOTE')\n };\n },\n\n /**\n * @Override core\n */\n active: function (element) {\n if (!element) {\n this.util.removeClass(this.context.blockquote.targetButton, 'active');\n } else if (/blockquote/i.test(element.nodeName)) {\n this.util.addClass(this.context.blockquote.targetButton, 'active');\n return true;\n }\n \n return false;\n },\n\n /**\n * @Override core\n */\n action: function () {\n const currentBlockquote = this.util.getParentElement(this.getSelectionNode(), 'blockquote');\n\n if (currentBlockquote) {\n this.detachRangeFormatElement(currentBlockquote, null, null, false, false);\n } else {\n this.applyRangeFormatElement(this.context.blockquote.tag.cloneNode(false));\n }\n }\n};","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'align',\n display: 'submenu',\n add: function (core, targetElement) {\n const icons = core.icons;\n const context = core.context;\n context.align = {\n targetButton: targetElement,\n _itemMenu: null,\n _alignList: null,\n currentAlign: '',\n defaultDir: core.options.rtl ? 'right' : 'left',\n icons: {\n justify: icons.align_justify,\n left: icons.align_left,\n right: icons.align_right,\n center: icons.align_center\n }\n };\n\n /** set submenu */\n let listDiv = this.setSubmenu(core);\n let listUl = context.align._itemMenu = listDiv.querySelector('ul');\n\n /** add event listeners */\n listUl.addEventListener('click', this.pickup.bind(core));\n context.align._alignList = listUl.querySelectorAll('li button');\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, listDiv);\n\n /** empty memory */\n listDiv = null, listUl = null;\n },\n\n setSubmenu: function (core) {\n const lang = core.lang;\n const icons = core.icons;\n const listDiv = core.util.createElement('DIV');\n const alignItems = core.options.alignItems;\n\n let html = '';\n for (let i = 0, item, text; i < alignItems.length; i++) {\n item = alignItems[i];\n text = lang.toolbar['align' + item.charAt(0).toUpperCase() + item.slice(1)];\n html += '' +\n '
';\n\n return listDiv;\n },\n\n /**\n * @Override core\n */\n active: function (element) {\n const alignContext = this.context.align;\n const targetButton = alignContext.targetButton;\n const target = targetButton.firstElementChild;\n\n if (!element) {\n this.util.changeElement(target, alignContext.icons[alignContext.defaultDir]);\n targetButton.removeAttribute('data-focus');\n } else if (this.util.isFormatElement(element)) {\n const textAlign = element.style.textAlign;\n if (textAlign) {\n this.util.changeElement(target, alignContext.icons[textAlign] || alignContext.icons[alignContext.defaultDir]);\n targetButton.setAttribute('data-focus', textAlign);\n return true;\n }\n }\n\n return false;\n },\n\n /**\n * @Override submenu\n */\n on: function () {\n const alignContext = this.context.align;\n const alignList = alignContext._alignList;\n const currentAlign = alignContext.targetButton.getAttribute('data-focus') || alignContext.defaultDir;\n\n if (currentAlign !== alignContext.currentAlign) {\n for (let i = 0, len = alignList.length; i < len; i++) {\n if (currentAlign === alignList[i].getAttribute('data-value')) {\n this.util.addClass(alignList[i], 'active');\n } else {\n this.util.removeClass(alignList[i], 'active');\n }\n }\n\n alignContext.currentAlign = currentAlign;\n }\n },\n\n exchangeDir: function () {\n const dir = this.options.rtl ? 'right' : 'left';\n if (!this.context.align || this.context.align.defaultDir === dir) return;\n\n this.context.align.defaultDir = dir;\n let menu = this.context.align._itemMenu;\n let leftBtn = menu.querySelector('[data-value=\"left\"]');\n let rightBtn = menu.querySelector('[data-value=\"right\"]');\n if (leftBtn && rightBtn) {\n const lp = leftBtn.parentElement;\n const rp = rightBtn.parentElement;\n lp.appendChild(rightBtn);\n rp.appendChild(leftBtn);\n }\n },\n\n pickup: function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n let target = e.target;\n let value = null;\n\n while (!value && !/UL/i.test(target.tagName)) {\n value = target.getAttribute('data-value');\n target = target.parentNode;\n }\n\n if (!value) return;\n\n const defaultDir = this.context.align.defaultDir;\n const selectedFormsts = this.getSelectedElements();\n for (let i = 0, len = selectedFormsts.length; i < len; i++) {\n this.util.setStyle(selectedFormsts[i], 'textAlign', (value === defaultDir ? '' : value));\n }\n\n this.effectNode = null;\n this.submenuOff();\n this.focus();\n \n // history stack\n this.history.push(false);\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'font',\n display: 'submenu',\n add: function (core, targetElement) {\n const context = core.context;\n context.font = {\n targetText: targetElement.querySelector('.txt'),\n targetTooltip: targetElement.parentNode.querySelector('.se-tooltip-text'),\n _fontList: null,\n currentFont: ''\n };\n\n /** set submenu */\n let listDiv = this.setSubmenu(core);\n\n /** add event listeners */\n listDiv.querySelector('.se-list-inner').addEventListener('click', this.pickup.bind(core));\n\n context.font._fontList = listDiv.querySelectorAll('ul li button');\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, listDiv);\n\n /** empty memory */\n listDiv = null;\n },\n\n setSubmenu: function (core) {\n const lang = core.lang;\n const listDiv = core.util.createElement('DIV');\n\n listDiv.className = 'se-submenu se-list-layer se-list-font-family';\n\n let font, text, i, len;\n let fontList = core.options.font;\n\n let list = '- ' +\n html +\n '
' +\n '
';\n listDiv.innerHTML = list;\n\n return listDiv;\n },\n\n /**\n * @Override core\n */\n active: function (element) {\n const target = this.context.font.targetText;\n const tooltip = this.context.font.targetTooltip;\n\n if (!element) {\n const font = this.hasFocus ? this.wwComputedStyle.fontFamily : this.lang.toolbar.font;\n this.util.changeTxt(target, font);\n this.util.changeTxt(tooltip, this.hasFocus ? this.lang.toolbar.font + (font ? ' (' + font + ')' : '') : font);\n } else if (element.style && element.style.fontFamily.length > 0) {\n const selectFont = element.style.fontFamily.replace(/[\"']/g,'');\n this.util.changeTxt(target, selectFont);\n this.util.changeTxt(tooltip, this.lang.toolbar.font + ' (' + selectFont + ')');\n return true;\n }\n\n return false;\n },\n\n /**\n * @Override submenu\n */\n on: function () {\n const fontContext = this.context.font;\n const fontList = fontContext._fontList;\n const currentFont = fontContext.targetText.textContent;\n\n if (currentFont !== fontContext.currentFont) {\n for (let i = 0, len = fontList.length; i < len; i++) {\n if (currentFont === (fontList[i].getAttribute('data-value') || '').replace(/'|\"/g, '')) {\n this.util.addClass(fontList[i], 'active');\n } else {\n this.util.removeClass(fontList[i], 'active');\n }\n }\n\n fontContext.currentFont = currentFont;\n }\n },\n\n pickup: function (e) {\n if (!/^BUTTON$/i.test(e.target.tagName)) return false;\n\n e.preventDefault();\n e.stopPropagation();\n\n let value = e.target.getAttribute('data-value');\n\n if (value) {\n const newNode = this.util.createElement('SPAN');\n if (/[\\s\\d\\W]/.test(value) && !/^['\"].*['\"]$/.test(value)) {\n value = '\"' + value + '\"';\n }\n newNode.style.fontFamily = value;\n this.nodeChange(newNode, ['font-family'], null, null);\n } else {\n this.nodeChange(null, ['font-family'], ['span'], true);\n }\n \n this.submenuOff();\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'fontSize',\n display: 'submenu',\n add: function (core, targetElement) {\n const context = core.context;\n context.fontSize = {\n targetText: targetElement.querySelector('.txt'),\n _sizeList: null,\n currentSize: ''\n };\n\n /** set submenu */\n let listDiv = this.setSubmenu(core);\n let listUl = listDiv.querySelector('ul');\n\n /** add event listeners */\n listUl.addEventListener('click', this.pickup.bind(core));\n context.fontSize._sizeList = listUl.querySelectorAll('li button');\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, listDiv);\n\n /** empty memory */\n listDiv = null, listUl = null;\n },\n\n setSubmenu: function (core) {\n const option = core.options;\n const lang = core.lang;\n const listDiv = core.util.createElement('DIV');\n\n listDiv.className = 'se-submenu se-list-layer se-list-font-size';\n\n const sizeList = !option.fontSize ? [8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72] : option.fontSize;\n\n let list = '- ' +\n '';\n for (i = 0, len = fontList.length; i < len; i++) {\n font = fontList[i];\n text = font.split(',')[0];\n list += '';\n }\n list += '
' +\n '
';\n\n listDiv.innerHTML = list;\n\n return listDiv;\n },\n\n /**\n * @Override core\n */\n active: function (element) {\n if (!element) {\n this.util.changeTxt(this.context.fontSize.targetText, this.hasFocus ? this._convertFontSize.call(this, this.options.fontSizeUnit, this.wwComputedStyle.fontSize) : this.lang.toolbar.fontSize);\n } else if (element.style && element.style.fontSize.length > 0) {\n this.util.changeTxt(this.context.fontSize.targetText, this._convertFontSize.call(this, this.options.fontSizeUnit, element.style.fontSize));\n return true;\n }\n\n return false;\n },\n\n /**\n * @Override submenu\n */\n on: function () {\n const fontSizeContext = this.context.fontSize;\n const sizeList = fontSizeContext._sizeList;\n const currentSize = fontSizeContext.targetText.textContent;\n\n if (currentSize !== fontSizeContext.currentSize) {\n for (let i = 0, len = sizeList.length; i < len; i++) {\n if (currentSize === sizeList[i].getAttribute('data-value')) {\n this.util.addClass(sizeList[i], 'active');\n } else {\n this.util.removeClass(sizeList[i], 'active');\n }\n }\n\n fontSizeContext.currentSize = currentSize;\n }\n },\n\n pickup: function (e) {\n if (!/^BUTTON$/i.test(e.target.tagName)) return false;\n \n e.preventDefault();\n e.stopPropagation();\n\n const value = e.target.getAttribute('data-value');\n\n if (value) {\n const newNode = this.util.createElement('SPAN');\n newNode.style.fontSize = value;\n this.nodeChange(newNode, ['font-size'], null, null);\n } else {\n this.nodeChange(null, ['font-size'], ['span'], true);\n }\n\n this.submenuOff();\n }\n};\n","/*\r\n * wysiwyg web editor\r\n *\r\n * suneditor.js\r\n * Copyright 2018 JiHong Lee.\r\n * MIT license.\r\n */\r\n'use strict';\r\n\r\nexport default {\r\n name: 'colorPicker',\r\n /**\r\n * @description Constructor\r\n * @param {Object} core Core object \r\n */\r\n add: function (core) {\r\n const context = core.context;\r\n context.colorPicker = {\r\n colorListHTML: '',\r\n _colorInput: '',\r\n _defaultColor: '#000',\r\n _styleProperty: 'color',\r\n _currentColor: '',\r\n _colorList: []\r\n };\r\n\r\n /** set submenu */\r\n context.colorPicker.colorListHTML = this.createColorList(core, this._makeColorList);\r\n },\r\n\r\n /**\r\n * @description Create color list\r\n * @param {Object} core Core object \r\n * @param {Function} makeColor this._makeColorList\r\n * @returns {String} HTML string\r\n */\r\n createColorList: function (core, makeColor) {\r\n const option = core.options;\r\n const lang = core.lang;\r\n const colorList = !option.colorList || option.colorList.length === 0 ?\r\n [\r\n '#ff0000', '#ff5e00', '#ffe400', '#abf200', '#00d8ff', '#0055ff', '#6600ff', '#ff00dd', '#000000',\r\n '#ffd8d8', '#fae0d4', '#faf4c0', '#e4f7ba', '#d4f4fa', '#d9e5ff', '#e8d9ff', '#ffd9fa', '#f1f1f1',\r\n '#ffa7a7', '#ffc19e', '#faed7d', '#cef279', '#b2ebf4', '#b2ccff', '#d1b2ff', '#ffb2f5', '#bdbdbd',\r\n '#f15f5f', '#f29661', '#e5d85c', '#bce55c', '#5cd1e5', '#6699ff', '#a366ff', '#f261df', '#8c8c8c',\r\n '#980000', '#993800', '#998a00', '#6b9900', '#008299', '#003399', '#3d0099', '#990085', '#353535',\r\n '#670000', '#662500', '#665c00', '#476600', '#005766', '#002266', '#290066', '#660058', '#222222'\r\n ] : option.colorList;\r\n\r\n let colorArr = [];\r\n let list = '- ' +\n '';\n for (let i = 0, unit = option.fontSizeUnit, len = sizeList.length, size; i < len; i++) {\n size = sizeList[i];\n list += '';\n }\n list += '
';\r\n for (let i = 0, len = colorList.length, color; i < len; i++) {\r\n color = colorList[i];\r\n if (!color) continue;\r\n \r\n if (typeof color === 'string') {\r\n colorArr.push(color);\r\n if (i < len - 1) continue;\r\n }\r\n if (colorArr.length > 0) {\r\n list += '
';\r\n\r\n return list;\r\n },\r\n\r\n /**\r\n * @description Internal function used by this.createColorList\r\n * @param {Array} colorList Color list\r\n * @private\r\n */\r\n _makeColorList: function (colorList) {\r\n let list = '';\r\n\r\n list += '' + makeColor(colorArr) + '
';\r\n colorArr = [];\r\n }\r\n if (typeof color === 'object') {\r\n list += '' + makeColor(color) + '
';\r\n }\r\n }\r\n list += '' +\r\n '' +\r\n '- ';\r\n for (let i = 0, len = colorList.length, color; i < len; i++) {\r\n color = colorList[i];\r\n if (typeof color === 'string') {\r\n list += '
- ' +\r\n '' +\r\n ' ';\r\n }\r\n }\r\n list += '
' +\n '
';\n\n return listDiv;\n },\n\n active: function (element) {\n if (!element) {\n if (this.util.hasClass(this.context.horizontalRule.currentHR, 'on')) {\n this.controllersOff();\n }\n } else if (/HR/i.test(element.nodeName)) {\n this.context.horizontalRule.currentHR = element;\n if (!this.util.hasClass(element, 'on')) {\n this.util.addClass(element, 'on');\n this.controllersOn('hr', this.util.removeClass.bind(this.util, element, 'on'));\n }\n return true;\n }\n\n return false;\n },\n\n appendHr: function (hrTemp) {\n this.focus();\n return this.insertComponent(hrTemp.cloneNode(false), false, true, false);\n },\n\n horizontalRulePick: function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n let target = e.target;\n let command = target.getAttribute('data-command');\n \n while (!command && !/UL/i.test(target.tagName)) {\n target = target.parentNode;\n command = target.getAttribute('data-command');\n }\n\n if (!command) return;\n\n const oNode = this.plugins.horizontalRule.appendHr.call(this, target.firstElementChild);\n if (oNode) {\n this.setRange(oNode, 0, oNode, 0);\n this.submenuOff();\n }\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'list',\n display: 'submenu',\n add: function (core, targetElement) {\n const context = core.context;\n context.list = {\n targetButton: targetElement,\n _list: null,\n currentList: '',\n icons: {\n bullets: core.icons.list_bullets,\n number: core.icons.list_number\n }\n };\n\n /** set submenu */\n let listDiv = this.setSubmenu(core);\n let listUl = listDiv.querySelector('ul');\n\n /** add event listeners */\n listUl.addEventListener('click', this.pickup.bind(core));\n context.list._list = listUl.querySelectorAll('li button');\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, listDiv);\n\n /** empty memory */\n listDiv = null, listUl = null;\n },\n\n setSubmenu: function (core) {\n const lang = core.lang;\n const listDiv = core.util.createElement('DIV');\n\n listDiv.className = 'se-submenu se-list-layer';\n listDiv.innerHTML = '' +\n '- ' +\n list +\n '
' +\n '
';\n\n return listDiv;\n },\n\n /**\n * @Override core\n */\n active: function (element) {\n const button = this.context.list.targetButton;\n const icon = button.firstElementChild;\n const util = this.util;\n\n if (util.isList(element)) {\n const nodeName = element.nodeName;\n button.setAttribute('data-focus', nodeName);\n util.addClass(button, 'active');\n if (/UL/i.test(nodeName)) {\n util.changeElement(icon, this.context.list.icons.bullets);\n } else {\n util.changeElement(icon, this.context.list.icons.number);\n }\n \n return true;\n } else {\n button.removeAttribute('data-focus');\n util.changeElement(icon, this.context.list.icons.number);\n util.removeClass(button, 'active');\n }\n\n return false;\n },\n\n /**\n * @Override submenu\n */\n on: function () {\n const listContext = this.context.list;\n const list = listContext._list;\n const currentList = listContext.targetButton.getAttribute('data-focus') || '';\n\n if (currentList !== listContext.currentList) {\n for (let i = 0, len = list.length; i < len; i++) {\n if (currentList === list[i].getAttribute('data-command')) {\n this.util.addClass(list[i], 'active');\n } else {\n this.util.removeClass(list[i], 'active');\n }\n }\n\n listContext.currentList = currentList;\n }\n },\n\n editList: function (command, selectedCells, detach) {\n let range = this.getRange();\n let selectedFormats = !selectedCells ? this.getSelectedElementsAndComponents(false) : selectedCells;\n\n if (selectedFormats.length === 0) {\n if (selectedCells) return;\n range = this.getRange_addLine(range, null);\n selectedFormats = this.getSelectedElementsAndComponents(false);\n if (selectedFormats.length === 0) return;\n }\n \n const util = this.util;\n util.sortByDepth(selectedFormats, true);\n\n // merge\n let firstSel = selectedFormats[0];\n let lastSel = selectedFormats[selectedFormats.length - 1];\n let topEl = (util.isListCell(firstSel) || util.isComponent(firstSel)) && !firstSel.previousElementSibling ? firstSel.parentNode.previousElementSibling : firstSel.previousElementSibling;\n let bottomEl = (util.isListCell(lastSel) || util.isComponent(lastSel)) && !lastSel.nextElementSibling ? lastSel.parentNode.nextElementSibling : lastSel.nextElementSibling;\n\n const isCollapsed = range.collapsed;\n const originRange = {\n sc: range.startContainer,\n so: (range.startContainer === range.endContainer && util.onlyZeroWidthSpace(range.startContainer) && range.startOffset === 0 && range.endOffset === 1) ? range.endOffset : range.startOffset,\n ec: range.endContainer,\n eo: range.endOffset\n };\n let afterRange = null;\n let isRemove = true;\n\n for (let i = 0, len = selectedFormats.length; i < len; i++) {\n if (!util.isList(util.getRangeFormatElement(selectedFormats[i], function (current) {\n return this.getRangeFormatElement(current) && current !== selectedFormats[i];\n }.bind(util)))) {\n isRemove = false;\n break;\n }\n }\n\n if (isRemove && (!topEl || (firstSel.tagName !== topEl.tagName || command !== topEl.tagName.toUpperCase())) && (!bottomEl || (lastSel.tagName !== bottomEl.tagName || command !== bottomEl.tagName.toUpperCase()))) {\n if (detach) {\n for (let i = 0, len = selectedFormats.length; i < len; i++) {\n for (let j = i - 1; j >= 0; j--) {\n if (selectedFormats[j].contains(selectedFormats[i])) {\n selectedFormats.splice(i, 1);\n i--; len--;\n break;\n }\n }\n }\n }\n\n const currentFormat = util.getRangeFormatElement(firstSel);\n const cancel = currentFormat && currentFormat.tagName === command;\n let rangeArr, tempList;\n const passComponent = function (current) {\n return !this.isComponent(current);\n }.bind(util);\n \n if (!cancel) tempList = util.createElement(command);\n\n for (let i = 0, len = selectedFormats.length, r, o; i < len; i++) {\n o = util.getRangeFormatElement(selectedFormats[i], passComponent);\n if (!o || !util.isList(o)) continue;\n\n if (!r) {\n r = o;\n rangeArr = {r: r, f: [util.getParentElement(selectedFormats[i], 'LI')]};\n } else {\n if (r !== o) {\n if (detach && util.isListCell(o.parentNode)) {\n this.plugins.list._detachNested.call(this, rangeArr.f);\n } else {\n afterRange = this.detachRangeFormatElement(rangeArr.f[0].parentNode, rangeArr.f, tempList, false, true);\n }\n \n o = selectedFormats[i].parentNode;\n if (!cancel) tempList = util.createElement(command);\n \n r = o;\n rangeArr = {r: r, f: [util.getParentElement(selectedFormats[i], 'LI')]};\n } else {\n rangeArr.f.push(util.getParentElement(selectedFormats[i], 'LI'));\n }\n }\n \n if (i === len - 1) {\n if (detach && util.isListCell(o.parentNode)) {\n this.plugins.list._detachNested.call(this, rangeArr.f);\n } else {\n afterRange = this.detachRangeFormatElement(rangeArr.f[0].parentNode, rangeArr.f, tempList, false, true);\n }\n }\n }\n } else {\n const topElParent = topEl ? topEl.parentNode : topEl;\n const bottomElParent = bottomEl ? bottomEl.parentNode : bottomEl;\n topEl = topElParent && !util.isWysiwygDiv(topElParent) && topElParent.nodeName === command ? topElParent : topEl;\n bottomEl = bottomElParent && !util.isWysiwygDiv(bottomElParent) && bottomElParent.nodeName === command ? bottomElParent : bottomEl;\n\n const mergeTop = topEl && topEl.tagName === command;\n const mergeBottom = bottomEl && bottomEl.tagName === command;\n \n let list = mergeTop ? topEl : util.createElement(command);\n let firstList = null;\n let lastList = null;\n let topNumber = null;\n let bottomNumber = null;\n\n const passComponent = function (current) {\n return !this.isComponent(current) && !this.isList(current);\n }.bind(util);\n \n for (let i = 0, len = selectedFormats.length, newCell, fTag, isCell, next, originParent, nextParent, parentTag, siblingTag, rangeTag; i < len; i++) {\n fTag = selectedFormats[i];\n if (fTag.childNodes.length === 0 && !util._isIgnoreNodeChange(fTag)) {\n util.removeItem(fTag);\n continue;\n }\n next = selectedFormats[i + 1];\n originParent = fTag.parentNode;\n nextParent = next ? next.parentNode : null;\n isCell = util.isListCell(fTag);\n rangeTag = util.isRangeFormatElement(originParent) ? originParent : null;\n parentTag = isCell && !util.isWysiwygDiv(originParent) ? originParent.parentNode : originParent;\n siblingTag = isCell && !util.isWysiwygDiv(originParent) ? (!next || util.isListCell(parentTag)) ? originParent : originParent.nextSibling : fTag.nextSibling;\n\n newCell = util.createElement('LI');\n util.copyFormatAttributes(newCell, fTag);\n\n if (i === 0 && originRange.sc === fTag) {\n originRange.sc = newCell;\n }\n if (i === len - 1 && originRange.ec === fTag) {\n originRange.ec = newCell;\n }\n\n if (util.isComponent(fTag)) {\n const isHR = /^HR$/i.test(fTag.nodeName);\n if (!isHR) newCell.innerHTML = '- ' +\n '' +\n '' +\n '
';\n newCell.innerHTML += fTag.outerHTML;\n if (isHR) newCell.innerHTML += '
';\n } else {\n const fChildren = fTag.childNodes;\n while (fChildren[0]) {\n newCell.appendChild(fChildren[0]);\n }\n }\n list.appendChild(newCell);\n\n if (!next) lastList = list;\n if (!next || parentTag !== nextParent || util.isRangeFormatElement(siblingTag)) {\n if (!firstList) firstList = list;\n if ((!mergeTop || !next || parentTag !== nextParent) && !(next && util.isList(nextParent) && nextParent === originParent)) {\n if (list.parentNode !== parentTag) parentTag.insertBefore(list, siblingTag);\n }\n }\n\n util.removeItem(fTag);\n if (mergeTop && topNumber === null) topNumber = list.children.length - 1;\n if (next && (util.getRangeFormatElement(nextParent, passComponent) !== util.getRangeFormatElement(originParent, passComponent) || (util.isList(nextParent) && util.isList(originParent) && util.getElementDepth(nextParent) !== util.getElementDepth(originParent)))) {\n list = util.createElement(command);\n }\n\n if (rangeTag && rangeTag.children.length === 0) util.removeItem(rangeTag);\n }\n\n if (topNumber) {\n firstList = firstList.children[topNumber];\n }\n\n if (mergeBottom) {\n bottomNumber = list.children.length - 1;\n list.innerHTML += bottomEl.innerHTML;\n lastList = list.children[bottomNumber];\n util.removeItem(bottomEl);\n }\n }\n \n this.effectNode = null;\n return !isCollapsed ? originRange : afterRange || originRange;\n },\n\n _detachNested: function (cells) {\n const first = cells[0];\n const last = cells[cells.length - 1];\n const next = last.nextElementSibling;\n const originList = first.parentNode;\n const sibling = originList.parentNode.nextElementSibling;\n const parentNode = originList.parentNode.parentNode;\n\n for (let c = 0, cLen = cells.length; c < cLen; c++) {\n parentNode.insertBefore(cells[c], sibling);\n }\n\n if (next && originList.children.length > 0) {\n const newList = originList.cloneNode(false);\n const children = originList.childNodes;\n const index = this.util.getPositionIndex(next);\n while (children[index]) {\n newList.appendChild(children[index]);\n }\n last.appendChild(newList);\n }\n\n if (originList.children.length === 0) this.util.removeItem(originList);\n this.util.mergeSameTags(parentNode);\n\n const edge = this.util.getEdgeChildNodes(first, last);\n\n return {\n cc: first.parentNode,\n sc: edge.sc,\n ec: edge.ec\n };\n },\n\n editInsideList: function (remove, selectedCells) {\n selectedCells = !selectedCells ? this.getSelectedElements().filter(function (el) { return this.isListCell(el); }.bind(this.util)) : selectedCells;\n const cellsLen = selectedCells.length;\n if (cellsLen === 0 || (!remove && (!this.util.isListCell(selectedCells[0].previousElementSibling) && !this.util.isListCell(selectedCells[cellsLen - 1].nextElementSibling)))) {\n return {\n sc: selectedCells[0],\n so: 0,\n ec: selectedCells[cellsLen - 1],\n eo: 1\n };\n }\n\n let originList = selectedCells[0].parentNode;\n let lastCell = selectedCells[cellsLen - 1];\n let range = null;\n\n if (remove) {\n if (originList !== lastCell.parentNode && this.util.isList(lastCell.parentNode.parentNode) && lastCell.nextElementSibling) {\n lastCell = lastCell.nextElementSibling;\n while (lastCell) {\n selectedCells.push(lastCell);\n lastCell = lastCell.nextElementSibling;\n }\n }\n range = this.plugins.list.editList.call(this, originList.nodeName.toUpperCase(), selectedCells, true);\n } else {\n let innerList = this.util.createElement(originList.nodeName);\n let prev = selectedCells[0].previousElementSibling;\n let next = lastCell.nextElementSibling;\n const nodePath = { s: null, e: null, sl: originList, el: originList };\n\n for (let i = 0, len = cellsLen, c; i < len; i++) {\n c = selectedCells[i];\n if (c.parentNode !== originList) {\n this.plugins.list._insiedList.call(this, originList, innerList, prev, next, nodePath);\n originList = c.parentNode;\n innerList = this.util.createElement(originList.nodeName);\n }\n \n prev = c.previousElementSibling;\n next = c.nextElementSibling;\n innerList.appendChild(c);\n }\n \n this.plugins.list._insiedList.call(this, originList, innerList, prev, next, nodePath);\n\n const sc = this.util.getNodeFromPath(nodePath.s, nodePath.sl);\n const ec = this.util.getNodeFromPath(nodePath.e, nodePath.el);\n range = {\n sc: sc,\n so: 0,\n ec: ec,\n eo: ec.textContent.length\n };\n }\n\n return range;\n },\n\n _insiedList: function (originList, innerList, prev, next, nodePath) {\n let insertPrev = false;\n\n if (prev && innerList.tagName === prev.tagName) {\n const children = innerList.children;\n while (children[0]) {\n prev.appendChild(children[0]);\n }\n\n innerList = prev;\n insertPrev = true;\n }\n\n if (next && innerList.tagName === next.tagName) {\n const children = next.children;\n while (children[0]) {\n innerList.appendChild(children[0]);\n }\n\n const temp = next.nextElementSibling;\n next.parentNode.removeChild(next);\n next = temp;\n }\n\n if (!insertPrev) {\n if (this.util.isListCell(prev)) {\n originList = prev;\n next = null;\n }\n\n originList.insertBefore(innerList, next);\n\n if (!nodePath.s) {\n nodePath.s = this.util.getNodePath(innerList.firstElementChild.firstChild, originList, null);\n nodePath.sl = originList;\n }\n\n const slPath = originList.contains(nodePath.sl) ? this.util.getNodePath(nodePath.sl, originList) : null;\n nodePath.e = this.util.getNodePath(innerList.lastElementChild.firstChild, originList, null);\n nodePath.el = originList;\n\n this.util.mergeSameTags(originList, [nodePath.s, nodePath.e, slPath], false);\n this.util.mergeNestedTags(originList);\n if (slPath) nodePath.sl = this.util.getNodeFromPath(slPath, originList);\n }\n\n return innerList;\n },\n\n pickup: function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n let target = e.target;\n let command = '';\n\n while (!command && !/^UL$/i.test(target.tagName)) {\n command = target.getAttribute('data-command');\n target = target.parentNode;\n }\n\n if (!command) return;\n\n const range = this.plugins.list.editList.call(this, command, null, false);\n if (range) this.setRange(range.sc, range.so, range.ec, range.eo);\n\n this.submenuOff();\n\n // history stack\n this.history.push(false);\n }\n};\n","/*\r\n * wysiwyg web editor\r\n *\r\n * suneditor.js\r\n * Copyright 2017 JiHong Lee.\r\n * MIT license.\r\n */\r\n'use strict';\r\n\r\nexport default {\r\n name: 'table',\r\n display: 'submenu',\r\n add: function (core, targetElement) {\r\n const context = core.context;\r\n let contextTable = context.table = {\r\n _element: null,\r\n _tdElement: null,\r\n _trElement: null,\r\n _trElements: null,\r\n _tableXY: [],\r\n _maxWidth: true,\r\n _fixedColumn: false,\r\n _rtl: core.options.rtl,\r\n cellControllerTop: core.options.tableCellControllerPosition === 'top',\r\n resizeText: null,\r\n headerButton: null,\r\n mergeButton: null,\r\n splitButton: null,\r\n splitMenu: null,\r\n maxText: core.lang.controller.maxSize,\r\n minText: core.lang.controller.minSize,\r\n _physical_cellCnt: 0,\r\n _logical_cellCnt: 0,\r\n _rowCnt: 0,\r\n _rowIndex: 0,\r\n _physical_cellIndex: 0,\r\n _logical_cellIndex: 0,\r\n _current_colSpan: 0,\r\n _current_rowSpan: 0,\r\n icons: {\r\n expansion: core.icons.expansion,\r\n reduction: core.icons.reduction\r\n }\r\n };\r\n\r\n /** set submenu */\r\n let listDiv = this.setSubmenu(core);\r\n let tablePicker = listDiv.querySelector('.se-controller-table-picker');\r\n\r\n contextTable.tableHighlight = listDiv.querySelector('.se-table-size-highlighted');\r\n contextTable.tableUnHighlight = listDiv.querySelector('.se-table-size-unhighlighted');\r\n contextTable.tableDisplay = listDiv.querySelector('.se-table-size-display');\r\n if (core.options.rtl) contextTable.tableHighlight.style.left = (10 * 18 - 13) + 'px';\r\n\r\n /** set table controller */\r\n let tableController = this.setController_table(core);\r\n contextTable.tableController = tableController;\r\n contextTable.resizeButton = tableController.querySelector('._se_table_resize');\r\n contextTable.resizeText = tableController.querySelector('._se_table_resize > span > span');\r\n contextTable.columnFixedButton = tableController.querySelector('._se_table_fixed_column');\r\n contextTable.headerButton = tableController.querySelector('._se_table_header');\r\n\r\n /** set resizing */\r\n let resizeDiv = this.setController_tableEditor(core, contextTable.cellControllerTop);\r\n contextTable.resizeDiv = resizeDiv;\r\n contextTable.splitMenu = resizeDiv.querySelector('.se-btn-group-sub');\r\n contextTable.mergeButton = resizeDiv.querySelector('._se_table_merge_button');\r\n contextTable.splitButton = resizeDiv.querySelector('._se_table_split_button');\r\n contextTable.insertRowAboveButton = resizeDiv.querySelector('._se_table_insert_row_a');\r\n contextTable.insertRowBelowButton = resizeDiv.querySelector('._se_table_insert_row_b');\r\n \r\n /** add event listeners */\r\n tablePicker.addEventListener('mousemove', this.onMouseMove_tablePicker.bind(core, contextTable));\r\n tablePicker.addEventListener('click', this.appendTable.bind(core));\r\n resizeDiv.addEventListener('click', this.onClick_tableController.bind(core));\r\n tableController.addEventListener('click', this.onClick_tableController.bind(core));\r\n\r\n /** append target button menu */\r\n core.initMenuTarget(this.name, targetElement, listDiv);\r\n\r\n /** append controller */\r\n context.element.relative.appendChild(resizeDiv);\r\n context.element.relative.appendChild(tableController);\r\n\r\n /** empty memory */\r\n listDiv = null, tablePicker = null, resizeDiv = null, tableController = null, contextTable = null;\r\n },\r\n\r\n setSubmenu: function (core) {\r\n const listDiv = core.util.createElement('DIV');\r\n listDiv.className = 'se-submenu se-selector-table';\r\n listDiv.innerHTML = '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '' +\r\n '
' +\r\n '1 x 1
';\r\n\r\n return listDiv;\r\n },\r\n\r\n setController_table: function (core) {\r\n const lang = core.lang;\r\n const icons = core.icons;\r\n const tableResize = core.util.createElement('DIV');\r\n\r\n tableResize.className = 'se-controller se-controller-table';\r\n tableResize.innerHTML = '' +\r\n '' +\r\n '
';\r\n\r\n return tableResize;\r\n },\r\n\r\n setController_tableEditor: function (core, cellControllerTop) {\r\n const lang = core.lang;\r\n const icons = core.icons;\r\n const tableResize = core.util.createElement('DIV');\r\n\r\n tableResize.className = 'se-controller se-controller-table-cell';\r\n tableResize.innerHTML = (cellControllerTop ? '' : '') +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n '
';\r\n\r\n return tableResize;\r\n },\r\n\r\n appendTable: function () {\r\n const oTable = this.util.createElement('TABLE');\r\n const createCells = this.plugins.table.createCells;\r\n\r\n const x = this.context.table._tableXY[0];\r\n let y = this.context.table._tableXY[1];\r\n let tableHTML = '';\r\n while (y > 0) {\r\n tableHTML += '' +\r\n '
' +\r\n '' +\r\n '
' +\r\n '- ' +\r\n '
- ' + \r\n lang.controller.VerticalSplit + ' ' +\r\n '
- ' + \r\n lang.controller.HorizontalSplit + ' ' +\r\n '
- ';\n for (let i = 0, len = formatList.length, format, tagName, command, name, h, attrs, className; i < len; i++) {\n format = formatList[i];\n \n if (typeof format === 'string' && defaultFormats.indexOf(format) > -1) {\n tagName = format.toLowerCase();\n command = tagName === 'blockquote' ? 'range' : tagName === 'pre' ? 'free' : 'replace';\n h = /^h/.test(tagName) ? tagName.match(/\\d+/)[0] : '';\n name = lang_toolbar['tag_' + (h ? 'h' : tagName)] + h;\n className = '';\n attrs = '';\n } else {\n tagName = format.tag.toLowerCase();\n command = format.command;\n name = format.name || tagName;\n className = format.class;\n attrs = className ? ' class=\"' + className + '\"' : '';\n }\n\n list += '
- ' +\n ' ';\n }\n list += '
' + next.innerHTML;\n util.removeItem(next);\n }\n\n freeElement = tag.cloneNode(false);\n first = true;\n }\n \n inner = freeElement.innerHTML;\n freeElement.innerHTML = ((first || !html || !inner || /
$/i.test(html)) ? html : html + '
') + inner;\n\n if (i === 0) {\n parentNode.insertBefore(freeElement, f);\n next = f.nextSibling;\n if (next && freeElement.nodeName === next.nodeName && util.isSameAttributes(freeElement, next)) {\n freeElement.innerHTML += '
' + next.innerHTML;\n util.removeItem(next);\n }\n\n const prev = freeElement.previousSibling;\n if (prev && freeElement.nodeName === prev.nodeName && util.isSameAttributes(freeElement, prev)) {\n prev.innerHTML += '
' + freeElement.innerHTML;\n util.removeItem(freeElement);\n }\n }\n\n if (!isComp) util.removeItem(f);\n if (!!html) first = false;\n }\n \n this.setRange(focusElement, 0, focusElement, 0);\n }\n // replace format\n else {\n for (let i = 0, len = modifiedFormsts.length, node, newFormat; i < len; i++) {\n node = modifiedFormsts[i];\n \n if ((node.nodeName.toLowerCase() !== value.toLowerCase() || (node.className.match(/(\\s|^)__se__format__[^\\s]+/) || [''])[0].trim() !== className) && !util.isComponent(node)) {\n newFormat = tag.cloneNode(false);\n util.copyFormatAttributes(newFormat, node);\n newFormat.innerHTML = node.innerHTML;\n \n node.parentNode.replaceChild(newFormat, node);\n }\n \n if (i === 0) first = newFormat || node;\n if (i === len - 1) last = newFormat || node;\n newFormat = null;\n }\n \n this.setRange(util.getNodeFromPath(firstPath, first), startOffset, util.getNodeFromPath(lastPath, last), endOffset);\n }\n\n // history stack\n this.history.push(false);\n }\n\n this.submenuOff();\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 20197 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'lineHeight',\n display: 'submenu',\n add: function (core, targetElement) {\n const context = core.context;\n context.lineHeight = {\n _sizeList: null,\n currentSize: -1\n };\n\n /** set submenu */\n let listDiv = this.setSubmenu(core);\n let listUl = listDiv.querySelector('ul');\n\n /** add event listeners */\n listUl.addEventListener('click', this.pickup.bind(core));\n\n context.lineHeight._sizeList = listUl.querySelectorAll('li button');\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, listDiv);\n\n /** empty memory */\n listDiv = null, listUl = null;\n },\n\n setSubmenu: function (core) {\n const option = core.options;\n const lang = core.lang;\n const listDiv = core.util.createElement('DIV');\n\n listDiv.className = 'se-submenu se-list-layer';\n\n const sizeList = !option.lineHeights ? [\n {text: '1', value: 1},\n {text: '1.15', value: 1.15},\n {text: '1.5', value: 1.5},\n {text: '2', value: 2}\n ] : option.lineHeights;\n\n let list = '
' +\n '
';\n\n listDiv.innerHTML = list;\n\n return listDiv;\n },\n\n /**\n * @Override submenu\n */\n on: function () {\n const lineHeightContext = this.context.lineHeight;\n const sizeList = lineHeightContext._sizeList;\n const format = this.util.getFormatElement(this.getSelectionNode());\n const currentSize = !format ? '' : format.style.lineHeight + '';\n\n if (currentSize !== lineHeightContext.currentSize) {\n for (let i = 0, len = sizeList.length; i < len; i++) {\n if (currentSize === sizeList[i].getAttribute('data-value')) {\n this.util.addClass(sizeList[i], 'active');\n } else {\n this.util.removeClass(sizeList[i], 'active');\n }\n }\n\n lineHeightContext.currentSize = currentSize;\n }\n },\n\n pickup: function (e) {\n if (!/^BUTTON$/i.test(e.target.tagName)) return false;\n \n e.preventDefault();\n e.stopPropagation();\n\n const value = e.target.getAttribute('data-value') || '';\n const formats = this.getSelectedElements();\n\n for (let i = 0, len = formats.length; i < len; i++) {\n formats[i].style.lineHeight = value;\n }\n\n this.submenuOff();\n\n // history stack\n this.history.push(false);\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'template',\n display: 'submenu',\n add: function (core, targetElement) {\n const context = core.context;\n context.template = {\n selectedIndex: -1\n };\n\n /** set submenu */\n let templateDiv = this.setSubmenu(core);\n\n /** add event listeners */\n templateDiv.querySelector('ul').addEventListener('click', this.pickup.bind(core));\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, templateDiv);\n\n /** empty memory */\n templateDiv = null;\n },\n\n setSubmenu: function (core) {\n const templateList = core.options.templates;\n if (!templateList || templateList.length === 0) {\n throw Error('[SUNEDITOR.plugins.template.fail] To use the \"template\" plugin, please define the \"templates\" option.');\n }\n\n const listDiv = core.util.createElement('DIV');\n listDiv.className = 'se-list-layer';\n\n let list = '';\n\n listDiv.innerHTML = list;\n\n return listDiv;\n },\n\n pickup: function (e) {\n if (!/^BUTTON$/i.test(e.target.tagName)) return false;\n\n e.preventDefault();\n e.stopPropagation();\n\n this.context.template.selectedIndex = e.target.getAttribute('data-value') * 1;\n const temp = this.options.templates[this.context.template.selectedIndex];\n\n if (temp.html) {\n this.setContents(temp.html);\n } else {\n this.submenuOff();\n throw Error('[SUNEDITOR.template.fail] cause : \"templates[i].html not found\"');\n }\n \n this.submenuOff();\n }\n};","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nexport default {\n name: 'paragraphStyle',\n display: 'submenu',\n add: function (core, targetElement) {\n const context = core.context;\n context.paragraphStyle = {\n _classList: null\n };\n\n /** set submenu */\n let listDiv = this.setSubmenu(core);\n\n /** add event listeners */\n listDiv.querySelector('ul').addEventListener('click', this.pickUp.bind(core));\n\n context.paragraphStyle._classList = listDiv.querySelectorAll('li button');\n\n /** append target button menu */\n core.initMenuTarget(this.name, targetElement, listDiv);\n\n /** empty memory */\n listDiv = null;\n },\n\n setSubmenu: function (core) {\n const option = core.options;\n const listDiv = core.util.createElement('DIV');\n listDiv.className = 'se-submenu se-list-layer se-list-format';\n\n const menuLang = core.lang.menu;\n const defaultList = {\n spaced: {\n name: menuLang.spaced,\n class: '__se__p-spaced',\n _class: ''\n },\n bordered: {\n name: menuLang.bordered,\n class: '__se__p-bordered',\n _class: ''\n },\n neon: {\n name: menuLang.neon,\n class: '__se__p-neon',\n _class: ''\n }\n };\n const paragraphStyles = !option.paragraphStyles || option.paragraphStyles.length === 0 ? ['spaced', 'bordered', 'neon'] : option.paragraphStyles;\n\n let list = '- ' +\n '';\n for (let i = 0, len = sizeList.length, size; i < len; i++) {\n size = sizeList[i];\n list += '';\n }\n list += '
- ';\n for (let i = 0, len = paragraphStyles.length, p, name, attrs, _class; i < len; i++) {\n p = paragraphStyles[i];\n\n if (typeof p === 'string') {\n const defaultStyle = defaultList[p.toLowerCase()];\n if (!defaultStyle) continue;\n p = defaultStyle;\n }\n\n name = p.name;\n attrs = p.class ? ' class=\"' + p.class + '\"' : '';\n _class = p._class;\n\n list += '
- ' +\n '
- ';\n for (let i = 0, len = styleList.length, t, tag, name, attrs, command, value, _class; i < len; i++) {\n t = styleList[i];\n attrs = '', value = '', command = [];\n\n if (typeof t === 'string') {\n const defaultStyle = defaultList[t.toLowerCase()];\n if (!defaultStyle) continue;\n t = defaultStyle;\n }\n\n name = t.name;\n tag = t.tag || 'span';\n _class = t._class;\n\n if (t.style) {\n attrs += ' style=\"' + t.style + '\"';\n value += t.style.replace(/:[^;]+(;|$)\\s*/g, ',');\n command.push('style');\n }\n if (t.class) {\n attrs += ' class=\"' + t.class + '\"';\n value += '.' + t.class.trim().replace(/\\s+/g, ',.');\n command.push('class');\n }\n\n value = value.replace(/,$/, '');\n\n list += '
- ' +\n ' ';\n }\n list += '
- ' + html + '
' +\n '
';\n\n forms.innerHTML = html;\n return forms;\n },\n\n initEvent: function (pluginName, forms) {\n const anchorPlugin = this.plugins.anchor;\n const context = this.context.anchor.caller[pluginName] = {\n modal: forms,\n urlInput: null,\n linkDefaultRel: this.options.linkRelDefault,\n defaultRel: this.options.linkRelDefault.default || '',\n currentRel: [],\n linkAnchor: null,\n linkValue: '',\n _change: false,\n callerName: pluginName\n };\n\n if (typeof context.linkDefaultRel.default === 'string') context.linkDefaultRel.default = context.linkDefaultRel.default.trim();\n if (typeof context.linkDefaultRel.check_new_window === 'string') context.linkDefaultRel.check_new_window = context.linkDefaultRel.check_new_window.trim();\n if (typeof context.linkDefaultRel.check_bookmark === 'string') context.linkDefaultRel.check_bookmark = context.linkDefaultRel.check_bookmark.trim();\n\n context.urlInput = forms.querySelector('.se-input-url');\n context.anchorText = forms.querySelector('._se_anchor_text');\n context.newWindowCheck = forms.querySelector('._se_anchor_check');\n context.downloadCheck = forms.querySelector('._se_anchor_download');\n context.download = forms.querySelector('._se_anchor_download_icon');\n context.preview = forms.querySelector('.se-link-preview');\n context.bookmark = forms.querySelector('._se_anchor_bookmark_icon');\n context.bookmarkButton = forms.querySelector('._se_bookmark_button');\n\n this.plugins.selectMenu.initEvent.call(this, pluginName, forms);\n const listContext = this.context.selectMenu.caller[pluginName];\n \n /** rel */\n if (this.options.linkRel.length > 0) {\n context.relButton = forms.querySelector('.se-anchor-rel-btn');\n context.relList = forms.querySelector('.se-list-layer');\n context.relPreview = forms.querySelector('.se-anchor-rel-preview');\n context.relButton.addEventListener('click', anchorPlugin.onClick_relButton.bind(this, context));\n context.relList.addEventListener('click', anchorPlugin.onClick_relList.bind(this, context));\n }\n\n context.newWindowCheck.addEventListener('change', anchorPlugin.onChange_newWindowCheck.bind(this, context));\n context.downloadCheck.addEventListener('change', anchorPlugin.onChange_downloadCheck.bind(this, context));\n context.anchorText.addEventListener('input', anchorPlugin.onChangeAnchorText.bind(this, context));\n context.urlInput.addEventListener('input', anchorPlugin.onChangeUrlInput.bind(this, context));\n context.urlInput.addEventListener('keydown', anchorPlugin.onKeyDownUrlInput.bind(this, listContext));\n context.urlInput.addEventListener('focus', anchorPlugin.onFocusUrlInput.bind(this, context, listContext));\n context.urlInput.addEventListener('blur', anchorPlugin.onBlurUrlInput.bind(this, listContext));\n context.bookmarkButton.addEventListener('click', anchorPlugin.onClick_bookmarkButton.bind(this, context));\n },\n\n on: function (contextAnchor, update) {\n const anchorPlugin = this.plugins.anchor;\n\n if (!update) {\n anchorPlugin.init.call(this, contextAnchor);\n contextAnchor.anchorText.value = this.getSelection().toString().trim();\n contextAnchor.newWindowCheck.checked = this.options.linkTargetNewWindow;\n } else if (contextAnchor.linkAnchor) {\n this.context.dialog.updateModal = true;\n const href = contextAnchor.linkAnchor.getAttribute('href');\n contextAnchor.linkValue = contextAnchor.preview.textContent = contextAnchor.urlInput.value = anchorPlugin.selfPathBookmark.call(this, href) ? href.substr(href.lastIndexOf('#')) : href;\n contextAnchor.anchorText.value = contextAnchor.linkAnchor.textContent;\n contextAnchor.newWindowCheck.checked = (/_blank/i.test(contextAnchor.linkAnchor.target) ? true : false);\n contextAnchor.downloadCheck.checked = contextAnchor.linkAnchor.download;\n }\n\n this.context.anchor.callerContext = contextAnchor;\n anchorPlugin.setRel.call(this, contextAnchor, (update && contextAnchor.linkAnchor) ? contextAnchor.linkAnchor.rel : contextAnchor.defaultRel);\n anchorPlugin.setLinkPreview.call(this, contextAnchor, contextAnchor.linkValue);\n this.plugins.selectMenu.on.call(this, contextAnchor.callerName, this.plugins.anchor.setHeaderBookmark);\n },\n\n selfPathBookmark: function(path) {\n const href = this._w.location.href.replace(/\\/$/, '');\n return path.indexOf('#') === 0 || (path.indexOf(href) === 0 && path.indexOf('#') === (href.indexOf(\"#\") === -1 ? href.length : href.substr(0, href.indexOf(\"#\")).length));\n },\n\n _closeRelMenu: null,\n toggleRelList: function (contextAnchor, show) {\n if (!show) {\n if (this.plugins.anchor._closeRelMenu) this.plugins.anchor._closeRelMenu();\n } else {\n const target = contextAnchor.relButton;\n const relList = contextAnchor.relList;\n this.util.addClass(target, 'active');\n relList.style.visibility = 'hidden';\n relList.style.display = 'block';\n if (!this.options.rtl) relList.style.left = (target.offsetLeft + target.offsetWidth + 1) + 'px';\n else relList.style.left = (target.offsetLeft - relList.offsetWidth - 1) + 'px';\n relList.style.top = (target.offsetTop + (target.offsetHeight / 2) - (relList.offsetHeight / 2)) + 'px';\n relList.style.visibility = '';\n\n this.plugins.anchor._closeRelMenu = function (context, target, e) {\n if (e && (context.relButton.contains(e.target) || context.relList.contains(e.target))) return;\n this.util.removeClass(target, 'active');\n context.relList.style.display = 'none';\n this.modalForm.removeEventListener('click', this.plugins.anchor._closeRelMenu);\n this.plugins.anchor._closeRelMenu = null;\n }.bind(this, contextAnchor, target);\n \n this.modalForm.addEventListener('click', this.plugins.anchor._closeRelMenu);\n }\n },\n\n onClick_relButton: function (contextAnchor, e) {\n this.plugins.anchor.toggleRelList.call(this, contextAnchor, !this.util.hasClass(e.target, 'active'));\n },\n\n onClick_relList: function (contextAnchor, e) {\n const target = e.target;\n const cmd = target.getAttribute('data-command');\n if (!cmd) return;\n \n const current = contextAnchor.currentRel;\n const checked = this.util.toggleClass(target, 'se-checked');\n const index = current.indexOf(cmd);\n if (checked) {\n if (index === -1) current.push(cmd);\n } else {\n if (index > -1) current.splice(index, 1);\n }\n\n contextAnchor.relPreview.title = contextAnchor.relPreview.textContent = current.join(' ');\n },\n\n setRel: function (contextAnchor, relAttr) {\n const relListEl = contextAnchor.relList;\n const rels = contextAnchor.currentRel = !relAttr ? [] : relAttr.split(' ');\n if (!relListEl) return;\n\n const checkedRel = relListEl.querySelectorAll('button');\n for (let i = 0, len = checkedRel.length, cmd; i < len; i++) {\n cmd = checkedRel[i].getAttribute('data-command');\n if (rels.indexOf(cmd) > -1) {\n this.util.addClass(checkedRel[i], 'se-checked');\n } else {\n this.util.removeClass(checkedRel[i], 'se-checked');\n }\n }\n\n contextAnchor.relPreview.title = contextAnchor.relPreview.textContent = rels.join(' ');\n },\n\n createHeaderList: function (contextAnchor, contextList, urlValue) {\n const headers = this.util.getListChildren(this.context.element.wysiwyg, function(current) {\n return /h[1-6]/i.test(current.nodeName);\n });\n if (headers.length === 0) return;\n\n const valueRegExp = new this._w.RegExp('^' + urlValue.replace(/^#/, ''), 'i');\n const list = [];\n let html = '';\n for(let i = 0, len = headers.length, h; i < len; i++) {\n h = headers[i];\n if (!valueRegExp.test(h.textContent)) continue;\n list.push(h);\n html += '' +\n '' +\n '
' +\n '' +\n '' +\n '' +\n core.plugins.selectMenu.setForm() +\n '
' +\n '' +\n '' + icons.bookmark + '' +\n '' + icons.download + '' +\n '' +\n '
' +\n '' +\n '' +\n '
' +\n '' +\n '' +\n '' + lang.dialogBox.imageBox.title + '' +\n '
' +\n '' +\n '' +\n '' +\n '
' +\n '';\n\n dialog.innerHTML = html;\n\n return dialog;\n },\n\n _fileInputChange: function () {\n if (!this.imgInputFile.value) {\n this.imgUrlFile.removeAttribute('disabled');\n this.previewSrc.style.textDecoration = '';\n } else {\n this.imgUrlFile.setAttribute('disabled', true);\n this.previewSrc.style.textDecoration = 'line-through';\n }\n },\n\n _removeSelectedFiles: function (urlInput, previewSrc) {\n this.value = '';\n if (urlInput) {\n urlInput.removeAttribute('disabled');\n previewSrc.style.textDecoration = '';\n }\n },\n\n _openGallery: function () {\n this.callPlugin('imageGallery', this.plugins.imageGallery.open.bind(this, this.plugins.image._setUrlInput.bind(this.context.image)), null);\n },\n\n _setUrlInput: function (target) {\n this.altText.value = target.alt;\n this._v_src._linkValue = this.previewSrc.textContent = this.imgUrlFile.value = target.getAttribute('data-value') || target.src;\n this.imgUrlFile.focus();\n },\n\n _onLinkPreview: function (context, protocol, e) {\n const value = e.target.value.trim();\n context._linkValue = this.textContent = !value ? '' : (protocol && value.indexOf('://') === -1 && value.indexOf('#') !== 0) ? protocol + value : value.indexOf('://') === -1 ? '/' + value : value;\n },\n\n /**\n * @Override @Required fileManager\n */\n fileTags: ['img'],\n\n /**\n * @Override core, fileManager, resizing\n * @description It is called from core.selectComponent.\n * @param {Element} element Target element\n */\n select: function (element) {\n this.plugins.image.onModifyMode.call(this, element, this.plugins.resizing.call_controller_resize.call(this, element, 'image'));\n },\n\n /**\n * @Override fileManager, resizing\n */\n destroy: function (element) {\n const imageEl = element || this.context.image._element;\n const imageContainer = this.util.getParentElement(imageEl, this.util.isMediaComponent) || imageEl;\n const dataIndex = imageEl.getAttribute('data-index') * 1;\n\n // event\n if (typeof this.functions.onImageDeleteBefore === 'function' && (this.functions.onImageDeleteBefore(imageEl, imageContainer, dataIndex, this) === false)) return;\n\n let focusEl = (imageContainer.previousElementSibling || imageContainer.nextElementSibling);\n \n const emptyDiv = imageContainer.parentNode;\n this.util.removeItem(imageContainer);\n this.plugins.image.init.call(this);\n this.controllersOff();\n\n if (emptyDiv !== this.context.element.wysiwyg) this.util.removeItemAllParents(emptyDiv, function (current) { return current.childNodes.length === 0; }, null);\n\n // focus\n this.focusEdge(focusEl);\n \n // event\n this.plugins.fileManager.deleteInfo.call(this, 'image', dataIndex, this.functions.onImageUpload);\n\n // history stack\n this.history.push(false);\n },\n\n /**\n * @Required @Override dialog\n */\n on: function (update) {\n const contextImage = this.context.image;\n \n if (!update) {\n contextImage.inputX.value = contextImage._origin_w = this.options.imageWidth === contextImage._defaultSizeX ? '' : this.options.imageWidth;\n contextImage.inputY.value = contextImage._origin_h = this.options.imageHeight === contextImage._defaultSizeY ? '' : this.options.imageHeight;\n if (contextImage.imgInputFile && this.options.imageMultipleFile) contextImage.imgInputFile.setAttribute('multiple', 'multiple');\n } else {\n if (contextImage.imgInputFile && this.options.imageMultipleFile) contextImage.imgInputFile.removeAttribute('multiple');\n }\n this.plugins.anchor.on.call(this, contextImage.anchorCtx, update);\n },\n\n /**\n * @Required @Override dialog\n */\n open: function () {\n this.plugins.dialog.open.call(this, 'image', 'image' === this.currentControllerName);\n },\n\n openTab: function (e) {\n const modal = this.context.image.modal;\n const targetElement = (e === 'init' ? modal.querySelector('._se_tab_link') : e.target);\n\n if (!/^BUTTON$/i.test(targetElement.tagName)) {\n return false;\n }\n\n // Declare all variables\n const tabName = targetElement.getAttribute('data-tab-link');\n const contentClassName = '_se_tab_content';\n let i, tabContent, tabLinks;\n\n // Get all elements with class=\"tabcontent\" and hide them\n tabContent = modal.getElementsByClassName(contentClassName);\n for (i = 0; i < tabContent.length; i++) {\n tabContent[i].style.display = 'none';\n }\n\n // Get all elements with class=\"tablinks\" and remove the class \"active\"\n tabLinks = modal.getElementsByClassName('_se_tab_link');\n for (i = 0; i < tabLinks.length; i++) {\n this.util.removeClass(tabLinks[i], 'active');\n }\n\n // Show the current tab, and add an \"active\" class to the button that opened the tab\n modal.querySelector('.' + contentClassName + '_' + tabName).style.display = 'block';\n this.util.addClass(targetElement, 'active');\n\n // focus\n if (tabName === 'image' && this.context.image.focusElement) {\n this.context.image.focusElement.focus();\n } else if (tabName === 'url') {\n this.context.anchor.caller.image.urlInput.focus();\n }\n\n return false;\n },\n\n submit: function (e) {\n const contextImage = this.context.image;\n const imagePlugin = this.plugins.image;\n\n e.preventDefault();\n e.stopPropagation();\n\n contextImage._altText = contextImage.altText.value;\n contextImage._align = contextImage.modal.querySelector('input[name=\"suneditor_image_radio\"]:checked').value;\n contextImage._captionChecked = contextImage.captionCheckEl.checked;\n if (contextImage._resizing) contextImage._proportionChecked = contextImage.proportion.checked;\n\n try {\n if (this.context.dialog.updateModal) {\n imagePlugin.update_image.call(this, false, true, false);\n }\n \n if (contextImage.imgInputFile && contextImage.imgInputFile.files.length > 0) {\n this.showLoading();\n imagePlugin.submitAction.call(this, this.context.image.imgInputFile.files);\n } else if (contextImage.imgUrlFile && contextImage._v_src._linkValue.length > 0) {\n this.showLoading();\n imagePlugin.onRender_imgUrl.call(this, contextImage._v_src._linkValue);\n }\n } catch (error) {\n this.closeLoading();\n throw Error('[SUNEDITOR.image.submit.fail] cause : \"' + error.message + '\"');\n } finally {\n this.plugins.dialog.close.call(this);\n }\n\n return false;\n },\n\n submitAction: function (fileList) {\n if (fileList.length === 0) return;\n\n let fileSize = 0;\n let files = [];\n for (let i = 0, len = fileList.length; i < len; i++) {\n if (/image/i.test(fileList[i].type)) {\n files.push(fileList[i]);\n fileSize += fileList[i].size;\n }\n }\n\n const limitSize = this.options.imageUploadSizeLimit;\n if (limitSize > 0) {\n let infoSize = 0;\n const imagesInfo = this.context.image._infoList;\n for (let i = 0, len = imagesInfo.length; i < len; i++) {\n infoSize += imagesInfo[i].size * 1;\n }\n\n if ((fileSize + infoSize) > limitSize) {\n this.closeLoading();\n const err = '[SUNEDITOR.imageUpload.fail] Size of uploadable total images: ' + (limitSize/1000) + 'KB';\n if (typeof this.functions.onImageUploadError !== 'function' || this.functions.onImageUploadError(err, { 'limitSize': limitSize, 'currentSize': infoSize, 'uploadSize': fileSize }, this)) {\n this.functions.noticeOpen(err);\n }\n return;\n }\n }\n\n const contextImage = this.context.image;\n contextImage._uploadFileLength = files.length;\n \n const anchor = this.plugins.anchor.createAnchor.call(this, contextImage.anchorCtx, true);\n const info = {\n anchor: anchor,\n inputWidth: contextImage.inputX.value,\n inputHeight: contextImage.inputY.value,\n align: contextImage._align,\n isUpdate: this.context.dialog.updateModal,\n alt: contextImage._altText,\n element: contextImage._element\n };\n\n if (typeof this.functions.onImageUploadBefore === 'function') {\n const result = this.functions.onImageUploadBefore(files, info, this, function (data) {\n if (data && this._w.Array.isArray(data.result)) {\n this.plugins.image.register.call(this, info, data);\n } else {\n this.plugins.image.upload.call(this, info, data);\n }\n }.bind(this));\n \n if (typeof result === 'undefined') return;\n if (!result) {\n this.closeLoading();\n return;\n }\n if (this._w.Array.isArray(result) && result.length > 0) files = result;\n }\n\n this.plugins.image.upload.call(this, info, files);\n },\n\n error: function (message, response) {\n this.closeLoading();\n if (typeof this.functions.onImageUploadError !== 'function' || this.functions.onImageUploadError(message, response, this)) {\n this.functions.noticeOpen(message);\n throw Error('[SUNEDITOR.plugin.image.error] response: ' + message);\n }\n },\n\n upload: function (info, files) {\n if (!files) {\n this.closeLoading();\n return;\n }\n if (typeof files === 'string') {\n this.plugins.image.error.call(this, files, null);\n return;\n }\n\n const imageUploadUrl = this.options.imageUploadUrl;\n const filesLen = this.context.dialog.updateModal ? 1 : files.length;\n\n // server upload\n if (typeof imageUploadUrl === 'string' && imageUploadUrl.length > 0) {\n const formData = new FormData();\n for (let i = 0; i < filesLen; i++) {\n formData.append('file-' + i, files[i]);\n }\n this.plugins.fileManager.upload.call(this, imageUploadUrl, this.options.imageUploadHeader, formData, this.plugins.image.callBack_imgUpload.bind(this, info), this.functions.onImageUploadError);\n } else { // base64\n this.plugins.image.setup_reader.call(this, files, info.anchor, info.inputWidth, info.inputHeight, info.align, info.alt, filesLen, info.isUpdate);\n }\n },\n\n callBack_imgUpload: function (info, xmlHttp) {\n if (typeof this.functions.imageUploadHandler === 'function') {\n this.functions.imageUploadHandler(xmlHttp, info, this);\n } else {\n const response = JSON.parse(xmlHttp.responseText);\n if (response.errorMessage) {\n this.plugins.image.error.call(this, response.errorMessage, response);\n } else {\n this.plugins.image.register.call(this, info, response);\n }\n }\n },\n\n register: function (info, response) {\n const fileList = response.result;\n\n for (let i = 0, len = fileList.length, file; i < len; i++) {\n file = { name: fileList[i].name, size: fileList[i].size };\n if (info.isUpdate) {\n this.plugins.image.update_src.call(this, fileList[i].url, info.element, file);\n break;\n } else {\n this.plugins.image.create_image.call(this, fileList[i].url, info.anchor, info.inputWidth, info.inputHeight, info.align, file, info.alt);\n }\n }\n \n this.closeLoading();\n },\n\n setup_reader: function (files, anchor, width, height, align, alt, filesLen, isUpdate) {\n try {\n if (filesLen === 0) {\n this.closeLoading();\n console.warn('[SUNEDITOR.image.base64.fail] cause : No applicable files');\n return;\n }\n\n this.context.image.base64RenderIndex = filesLen;\n const wFileReader = this._w.FileReader;\n const filesStack = [filesLen];\n this.context.image.inputX.value = width;\n this.context.image.inputY.value = height;\n \n for (let i = 0, reader, file; i < filesLen; i++) {\n reader = new wFileReader();\n file = files[i];\n \n reader.onload = function (reader, update, updateElement, file, index) {\n filesStack[index] = { result: reader.result, file: file };\n\n if (--this.context.image.base64RenderIndex === 0) {\n this.plugins.image.onRender_imgBase64.call(this, update, filesStack, updateElement, anchor, width, height, align, alt);\n this.closeLoading();\n }\n }.bind(this, reader, isUpdate, this.context.image._element, file, i);\n\n reader.readAsDataURL(file);\n }\n } catch (e) {\n this.closeLoading();\n throw Error('[SUNEDITOR.image.setup_reader.fail] cause : \"' + e.message + '\"');\n }\n },\n\n onRender_imgBase64: function (update, filesStack, updateElement, anchor, width, height, align, alt) {\n const updateMethod = this.plugins.image.update_src;\n const createMethod = this.plugins.image.create_image;\n \n for (let i = 0, len = filesStack.length; i < len; i++) {\n if (update) {\n this.context.image._element.setAttribute('data-file-name', filesStack[i].file.name);\n this.context.image._element.setAttribute('data-file-size', filesStack[i].file.size);\n updateMethod.call(this, filesStack[i].result, updateElement, filesStack[i].file);\n } else {\n createMethod.call(this, filesStack[i].result, anchor, width, height, align, filesStack[i].file, alt);\n }\n }\n },\n\n onRender_imgUrl: function (url) {\n if (!url) url = this.context.image._v_src._linkValue;\n if (!url) return false;\n const contextImage = this.context.image;\n\n try {\n const file = {name: url.split('/').pop(), size: 0};\n if (this.context.dialog.updateModal) this.plugins.image.update_src.call(this, url, contextImage._element, file);\n else this.plugins.image.create_image.call(this, url, this.plugins.anchor.createAnchor.call(this, contextImage.anchorCtx, true), contextImage.inputX.value, contextImage.inputY.value, contextImage._align, file, contextImage._altText);\n } catch (e) {\n throw Error('[SUNEDITOR.image.URLRendering.fail] cause : \"' + e.message + '\"');\n } finally {\n this.closeLoading();\n }\n },\n\n onRender_link: function (imgTag, anchor) {\n if (anchor) {\n anchor.setAttribute('data-image-link', 'image');\n imgTag.setAttribute('data-image-link', anchor.href);\n anchor.appendChild(imgTag);\n return anchor;\n }\n\n return imgTag;\n },\n\n /**\n * @Override resizing\n * @param {String} xy 'x': width, 'y': height\n * @param {KeyboardEvent} e Event object\n */\n setInputSize: function (xy, e) {\n if (e && e.keyCode === 32) {\n e.preventDefault();\n return;\n }\n\n this.plugins.resizing._module_setInputSize.call(this, this.context.image, xy);\n },\n\n /**\n * @Override resizing\n */\n setRatio: function () {\n this.plugins.resizing._module_setRatio.call(this, this.context.image);\n },\n\n /**\n * @Override fileManager\n */\n checkFileInfo: function () {\n const imagePlugin = this.plugins.image;\n const contextImage = this.context.image;\n\n const modifyHandler = function (tag) {\n imagePlugin.onModifyMode.call(this, tag, null);\n imagePlugin.openModify.call(this, true);\n // get size\n contextImage.inputX.value = contextImage._origin_w;\n contextImage.inputY.value = contextImage._origin_h;\n // get align\n const format = this.util.getFormatElement(tag);\n if (format) contextImage._align = format.style.textAlign || format.style.float;\n // link\n if (this.util.isAnchor(tag.parentNode) && !contextImage.anchorCtx.linkValue) contextImage.anchorCtx.linkValue = ' ';\n \n imagePlugin.update_image.call(this, true, false, true);\n imagePlugin.init.call(this);\n }.bind(this);\n\n this.plugins.fileManager.checkInfo.call(this, 'image', ['img'], this.functions.onImageUpload, modifyHandler, true);\n },\n\n /**\n * @Override fileManager\n */\n resetFileInfo: function () {\n this.plugins.fileManager.resetInfo.call(this, 'image', this.functions.onImageUpload);\n },\n\n create_image: function (src, anchor, width, height, align, file, alt) {\n const imagePlugin = this.plugins.image;\n const contextImage = this.context.image;\n this.context.resizing._resize_plugin = 'image';\n\n let oImg = this.util.createElement('IMG');\n oImg.src = src;\n oImg.alt = alt;\n oImg.setAttribute('data-rotate', '0');\n anchor = imagePlugin.onRender_link.call(this, oImg, anchor ? anchor.cloneNode(false) : null);\n\n if (contextImage._resizing) {\n oImg.setAttribute('data-proportion', contextImage._proportionChecked);\n }\n\n const cover = this.plugins.component.set_cover.call(this, anchor);\n const container = this.plugins.component.set_container.call(this, cover, 'se-image-container');\n\n // caption\n if (contextImage._captionChecked) {\n contextImage._caption = this.plugins.component.create_caption.call(this);\n cover.appendChild(contextImage._caption);\n }\n\n contextImage._element = oImg;\n contextImage._cover = cover;\n contextImage._container = container;\n\n // set size\n imagePlugin.applySize.call(this, width, height);\n\n // align\n imagePlugin.setAlign.call(this, align, oImg, cover, container);\n\n oImg.onload = imagePlugin._image_create_onload.bind(this, oImg, contextImage.svgDefaultSize, container);\n if (this.insertComponent(container, true, true, !this.options.mediaAutoSelect)) this.plugins.fileManager.setInfo.call(this, 'image', oImg, this.functions.onImageUpload, file, true);\n this.context.resizing._resize_plugin = '';\n },\n\n _image_create_onload: function (oImg, svgDefaultSize, container) {\n // svg exception handling\n if (oImg.offsetWidth === 0) this.plugins.image.applySize.call(this, svgDefaultSize, '');\n if (this.options.mediaAutoSelect) {\n this.selectComponent(oImg, 'image');\n } else {\n const line = this.appendFormatTag(container, null);\n if (line) this.setRange(line, 0, line, 0);\n }\n this.history.push(false);\n },\n\n update_image: function (init, openController, notHistoryPush) {\n const contextImage = this.context.image;\n let imageEl = contextImage._element;\n let cover = contextImage._cover;\n let container = contextImage._container;\n let isNewContainer = false;\n\n if (cover === null) {\n isNewContainer = true;\n imageEl = contextImage._element.cloneNode(true);\n cover = this.plugins.component.set_cover.call(this, imageEl);\n }\n\n if (container === null) {\n cover = cover.cloneNode(true);\n imageEl = cover.querySelector('img');\n isNewContainer = true;\n container = this.plugins.component.set_container.call(this, cover, 'se-image-container');\n } else if (isNewContainer) {\n container.innerHTML = '';\n container.appendChild(cover);\n contextImage._cover = cover;\n contextImage._element = imageEl;\n isNewContainer = false;\n }\n\n // check size\n let changeSize;\n const x = this.util.isNumber(contextImage.inputX.value) ? contextImage.inputX.value + contextImage.sizeUnit : contextImage.inputX.value;\n const y = this.util.isNumber(contextImage.inputY.value) ? contextImage.inputY.value + contextImage.sizeUnit : contextImage.inputY.value;\n if (/%$/.test(imageEl.style.width)) {\n changeSize = x !== container.style.width || y !== container.style.height;\n } else {\n changeSize = x !== imageEl.style.width || y !== imageEl.style.height;\n }\n\n // alt\n imageEl.alt = contextImage._altText;\n \n // caption\n let modifiedCaption = false;\n if (contextImage._captionChecked) {\n if (!contextImage._caption) {\n contextImage._caption = this.plugins.component.create_caption.call(this);\n cover.appendChild(contextImage._caption);\n modifiedCaption = true;\n }\n } else {\n if (contextImage._caption) {\n this.util.removeItem(contextImage._caption);\n contextImage._caption = null;\n modifiedCaption = true;\n }\n }\n\n // link\n let isNewAnchor = null;\n const anchor = this.plugins.anchor.createAnchor.call(this, contextImage.anchorCtx, true);\n if (anchor) {\n if (contextImage._linkElement !== anchor || (isNewContainer && !container.contains(anchor))) {\n contextImage._linkElement = anchor.cloneNode(false);\n cover.insertBefore(this.plugins.image.onRender_link.call(this, imageEl, contextImage._linkElement), contextImage._caption);\n isNewAnchor = contextImage._element;\n } else {\n contextImage._linkElement.setAttribute('data-image-link', 'image');\n }\n } else if (contextImage._linkElement !== null) {\n const imageElement = imageEl;\n imageElement.setAttribute('data-image-link', '');\n if (cover.contains(contextImage._linkElement)) {\n const newEl = imageElement.cloneNode(true);\n cover.removeChild(contextImage._linkElement);\n cover.insertBefore(newEl, contextImage._caption);\n contextImage._element = imageEl = newEl;\n }\n }\n\n let existElement = null;\n if (isNewContainer) {\n existElement = (this.util.isRangeFormatElement(contextImage._element.parentNode) || this.util.isWysiwygDiv(contextImage._element.parentNode)) ? \n contextImage._element : \n this.util.isAnchor(contextImage._element.parentNode) ? contextImage._element.parentNode : this.util.getFormatElement(contextImage._element) || contextImage._element;\n \n if (this.util.getParentElement(contextImage._element, this.util.isNotCheckingNode)) {\n existElement = isNewAnchor ? anchor : contextImage._element;\n existElement.parentNode.replaceChild(container, existElement);\n } else if (this.util.isListCell(existElement)) {\n const refer = this.util.getParentElement(contextImage._element, function (current) { return current.parentNode === existElement; });\n existElement.insertBefore(container, refer);\n this.util.removeItem(contextImage._element);\n this.util.removeEmptyNode(refer, null, true);\n } else if (this.util.isFormatElement(existElement)) {\n const refer = this.util.getParentElement(contextImage._element, function (current) { return current.parentNode === existElement; });\n existElement = this.util.splitElement(existElement, refer);\n existElement.parentNode.insertBefore(container, existElement);\n this.util.removeItem(contextImage._element);\n this.util.removeEmptyNode(existElement, null, true);\n if (existElement.children.length === 0) existElement.innerHTML = this.util.htmlRemoveWhiteSpace(existElement.innerHTML);\n } else {\n if (this.util.isFormatElement(existElement.parentNode)) {\n const formats = existElement.parentNode;\n formats.parentNode.insertBefore(container, existElement.previousSibling ? formats.nextElementSibling : formats);\n if (contextImage.__updateTags.map(function (current) { return existElement.contains(current); }).length === 0) this.util.removeItem(existElement);\n } else {\n existElement = this.util.isFigures(existElement.parentNode) ? existElement.parentNode : existElement;\n existElement.parentNode.replaceChild(container, existElement);\n }\n }\n\n imageEl = container.querySelector('img');\n\n contextImage._element = imageEl;\n contextImage._cover = cover;\n contextImage._container = container;\n }\n\n if (isNewAnchor) {\n if (!isNewContainer) {\n this.util.removeItem(anchor);\n } else {\n this.util.removeItem(isNewAnchor);\n if (this.util.getListChildren(anchor, function (current) { return /IMG/i.test(current.tagName); }).length === 0) {\n this.util.removeItem(anchor);\n }\n }\n }\n\n // transform\n if (modifiedCaption || (!contextImage._onlyPercentage && changeSize)) {\n if (!init && (/\\d+/.test(imageEl.style.height) || (this.context.resizing._rotateVertical && contextImage._captionChecked))) {\n if (/%$/.test(contextImage.inputX.value) || /%$/.test(contextImage.inputY.value)) {\n this.plugins.resizing.resetTransform.call(this, imageEl);\n } else {\n this.plugins.resizing.setTransformSize.call(this, imageEl, this.util.getNumber(contextImage.inputX.value, 0), this.util.getNumber(contextImage.inputY.value, 0));\n }\n }\n }\n\n // size\n if (contextImage._resizing) {\n imageEl.setAttribute('data-proportion', contextImage._proportionChecked);\n if (changeSize) {\n this.plugins.image.applySize.call(this);\n }\n }\n\n // align\n this.plugins.image.setAlign.call(this, null, imageEl, null, null);\n\n // set imagesInfo\n if (init) {\n this.plugins.fileManager.setInfo.call(this, 'image', imageEl, this.functions.onImageUpload, null, true);\n }\n\n if (openController) {\n this.selectComponent(imageEl, 'image');\n }\n\n // history stack\n if (!notHistoryPush) this.history.push(false);\n },\n\n update_src: function (src, element, file) {\n element.src = src;\n this._w.setTimeout(this.plugins.fileManager.setInfo.bind(this, 'image', element, this.functions.onImageUpload, file, true));\n this.selectComponent(element, 'image');\n },\n\n /**\n * @Required @Override fileManager, resizing\n */\n onModifyMode: function (element, size) {\n if (!element) return;\n \n const contextImage = this.context.image;\n contextImage._linkElement = contextImage.anchorCtx.linkAnchor = this.util.isAnchor(element.parentNode) ? element.parentNode : null;\n contextImage._element = element;\n contextImage._cover = this.util.getParentElement(element, 'FIGURE');\n contextImage._container = this.util.getParentElement(element, this.util.isMediaComponent);\n contextImage._caption = this.util.getChildElement(contextImage._cover, 'FIGCAPTION');\n contextImage._align = element.getAttribute('data-align') || element.style.float || 'none';\n element.style.float = '';\n this.plugins.anchor.setCtx(contextImage._linkElement, contextImage.anchorCtx);\n\n if (size) {\n contextImage._element_w = size.w;\n contextImage._element_h = size.h;\n contextImage._element_t = size.t;\n contextImage._element_l = size.l;\n }\n\n let userSize = contextImage._element.getAttribute('data-size') || contextImage._element.getAttribute('data-origin');\n let w, h;\n if (userSize) {\n userSize = userSize.split(',');\n w = userSize[0];\n h = userSize[1];\n } else if (size) {\n w = size.w;\n h = size.h;\n }\n\n contextImage._origin_w = w || element.style.width || element.width || '';\n contextImage._origin_h = h || element.style.height || element.height || '';\n },\n\n /**\n * @Required @Override fileManager, resizing\n */\n openModify: function (notOpen) {\n const contextImage = this.context.image;\n if (contextImage.imgUrlFile) {\n contextImage._v_src._linkValue = contextImage.previewSrc.textContent = contextImage.imgUrlFile.value = contextImage._element.src;\n }\n contextImage._altText = contextImage.altText.value = contextImage._element.alt;\n (contextImage.modal.querySelector('input[name=\"suneditor_image_radio\"][value=\"' + contextImage._align + '\"]') || contextImage.modal.querySelector('input[name=\"suneditor_image_radio\"][value=\"none\"]')).checked = true;\n contextImage._align = contextImage.modal.querySelector('input[name=\"suneditor_image_radio\"]:checked').value;\n contextImage._captionChecked = contextImage.captionCheckEl.checked = !!contextImage._caption;\n \n if (contextImage._resizing) {\n this.plugins.resizing._module_setModifyInputSize.call(this, contextImage, this.plugins.image);\n }\n\n if (!notOpen) this.plugins.dialog.open.call(this, 'image', true);\n },\n\n /**\n * @Override fileManager\n */\n applySize: function (w, h) {\n const contextImage = this.context.image;\n\n if (!w) w = contextImage.inputX.value || this.options.imageWidth;\n if (!h) h = contextImage.inputY.value || this.options.imageHeight;\n \n if ((contextImage._onlyPercentage && !!w) || /%$/.test(w)) {\n this.plugins.image.setPercentSize.call(this, w, h);\n return true;\n } else if ((!w || w === 'auto') && (!h || h === 'auto')) {\n this.plugins.image.setAutoSize.call(this);\n } else {\n this.plugins.image.setSize.call(this, w, h, false);\n }\n\n return false;\n },\n\n /**\n * @Override resizing\n */\n sizeRevert: function () {\n this.plugins.resizing._module_sizeRevert.call(this, this.context.image);\n },\n\n /**\n * @Override resizing\n */\n setSize: function (w, h, notResetPercentage, direction) {\n const contextImage = this.context.image;\n const onlyW = /^(rw|lw)$/.test(direction) && /\\d+/.test(contextImage._element.style.height);\n const onlyH = /^(th|bh)$/.test(direction) && /\\d+/.test(contextImage._element.style.width);\n\n if (!onlyH) {\n contextImage._element.style.width = this.util.isNumber(w) ? w + contextImage.sizeUnit : w;\n this.plugins.image.cancelPercentAttr.call(this);\n }\n if (!onlyW) {\n contextImage._element.style.height = this.util.isNumber(h) ? h + contextImage.sizeUnit : /%$/.test(h) ? '' : h;\n }\n\n if (contextImage._align === 'center') this.plugins.image.setAlign.call(this, null, null, null, null);\n if (!notResetPercentage) contextImage._element.removeAttribute('data-percentage');\n\n // save current size\n this.plugins.resizing._module_saveCurrentSize.call(this, contextImage);\n },\n\n /**\n * @Override resizing\n */\n setAutoSize: function () {\n const contextImage = this.context.image;\n\n if (contextImage._caption) contextImage._caption.style.marginTop = '';\n this.plugins.resizing.resetTransform.call(this, contextImage._element);\n this.plugins.image.cancelPercentAttr.call(this);\n\n contextImage._element.style.maxWidth = '';\n contextImage._element.style.width = '';\n contextImage._element.style.height = '';\n contextImage._cover.style.width = '';\n contextImage._cover.style.height = '';\n\n this.plugins.image.setAlign.call(this, null, null, null, null);\n contextImage._element.setAttribute('data-percentage', 'auto,auto');\n\n // save current size\n this.plugins.resizing._module_saveCurrentSize.call(this, contextImage);\n },\n \n /**\n * @Override resizing\n */\n setOriginSize: function () {\n const contextImage = this.context.image;\n contextImage._element.removeAttribute('data-percentage');\n\n this.plugins.resizing.resetTransform.call(this, contextImage._element);\n this.plugins.image.cancelPercentAttr.call(this);\n\n const originSize = (contextImage._element.getAttribute('data-origin') || '').split(',');\n const w = originSize[0];\n const h = originSize[1];\n\n if (originSize) {\n if (contextImage._onlyPercentage || (/%$/.test(w) && (/%$/.test(h) || !/\\d/.test(h)))) {\n this.plugins.image.setPercentSize.call(this, w, h);\n } else {\n this.plugins.image.setSize.call(this, w, h);\n }\n\n // save current size\n this.plugins.resizing._module_saveCurrentSize.call(this, contextImage);\n }\n },\n\n /**\n * @Override resizing\n */\n setPercentSize: function (w, h) {\n const contextImage = this.context.image;\n h = !!h && !/%$/.test(h) && !this.util.getNumber(h, 0) ? this.util.isNumber(h) ? h + '%' : h : this.util.isNumber(h) ? h + contextImage.sizeUnit : (h || '');\n const heightPercentage = /%$/.test(h);\n\n contextImage._container.style.width = this.util.isNumber(w) ? w + '%' : w;\n contextImage._container.style.height = '';\n contextImage._cover.style.width = '100%';\n contextImage._cover.style.height = !heightPercentage ? '' : h;\n contextImage._element.style.width = '100%';\n contextImage._element.style.height = heightPercentage ? '' : h;\n contextImage._element.style.maxWidth = '';\n\n if (contextImage._align === 'center') this.plugins.image.setAlign.call(this, null, null, null, null);\n\n contextImage._element.setAttribute('data-percentage', w + ',' + h);\n this.plugins.resizing.setCaptionPosition.call(this, contextImage._element);\n\n // save current size\n this.plugins.resizing._module_saveCurrentSize.call(this, contextImage);\n },\n\n /**\n * @Override resizing\n */\n cancelPercentAttr: function () {\n const contextImage = this.context.image;\n \n contextImage._cover.style.width = '';\n contextImage._cover.style.height = '';\n contextImage._container.style.width = '';\n contextImage._container.style.height = '';\n\n this.util.removeClass(contextImage._container, this.context.image._floatClassRegExp);\n this.util.addClass(contextImage._container, '__se__float-' + contextImage._align);\n\n if (contextImage._align === 'center') this.plugins.image.setAlign.call(this, null, null, null, null);\n },\n\n /**\n * @Override resizing\n */\n setAlign: function (align, element, cover, container) {\n const contextImage = this.context.image;\n \n if (!align) align = contextImage._align;\n if (!element) element = contextImage._element;\n if (!cover) cover = contextImage._cover;\n if (!container) container = contextImage._container;\n\n if (/%$/.test(element.style.width) && align === 'center') {\n container.style.minWidth = '100%';\n cover.style.width = container.style.width;\n } else {\n container.style.minWidth = '';\n cover.style.width = this.context.resizing._rotateVertical ? (element.style.height || element.offsetHeight) : ((!element.style.width || element.style.width === 'auto') ? '' : element.style.width || '100%');\n }\n\n if (!this.util.hasClass(container, '__se__float-' + align)) {\n this.util.removeClass(container, contextImage._floatClassRegExp);\n this.util.addClass(container, '__se__float-' + align);\n }\n \n element.setAttribute('data-align', align);\n },\n\n /**\n * @Override dialog\n */\n init: function () {\n const contextImage = this.context.image;\n if (contextImage.imgInputFile) contextImage.imgInputFile.value = '';\n if (contextImage.imgUrlFile) contextImage._v_src._linkValue = contextImage.previewSrc.textContent = contextImage.imgUrlFile.value = '';\n if (contextImage.imgInputFile && contextImage.imgUrlFile) {\n contextImage.imgUrlFile.removeAttribute('disabled');\n contextImage.previewSrc.style.textDecoration = '';\n }\n\n contextImage.altText.value = '';\n contextImage.modal.querySelector('input[name=\"suneditor_image_radio\"][value=\"none\"]').checked = true;\n contextImage.captionCheckEl.checked = false;\n contextImage._element = null;\n this.plugins.image.openTab.call(this, 'init');\n\n if (contextImage._resizing) {\n contextImage.inputX.value = this.options.imageWidth === contextImage._defaultSizeX ? '' : this.options.imageWidth;\n contextImage.inputY.value = this.options.imageHeight === contextImage._defaultSizeY ? '' : this.options.imageHeight;\n contextImage.proportion.checked = true;\n contextImage._ratio = false;\n contextImage._ratioX = 1;\n contextImage._ratioY = 1;\n }\n\n this.plugins.anchor.init.call(this, contextImage.anchorCtx);\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nimport dialog from '../modules/dialog';\nimport component from '../modules/component';\nimport resizing from '../modules/resizing';\nimport fileManager from '../modules/fileManager';\n\nexport default {\n name: 'video',\n display: 'dialog',\n add: function (core) {\n core.addModule([dialog, component, resizing, fileManager]);\n\n const options = core.options;\n const context = core.context;\n const contextVideo = context.video = {\n _infoList: [], // @Override fileManager\n _infoIndex: 0, // @Override fileManager\n _uploadFileLength: 0, // @Override fileManager\n focusElement: null, // @Override dialog // This element has focus when the dialog is opened.\n sizeUnit: options._videoSizeUnit,\n _align: 'none',\n _floatClassRegExp: '__se__float\\\\-[a-z]+',\n _youtubeQuery: options.youtubeQuery,\n _vimeoQuery: options.vimeoQuery,\n _videoRatio: (options.videoRatio * 100) + '%',\n _defaultRatio: (options.videoRatio * 100) + '%',\n _linkValue: '',\n // @require @Override component\n _element: null,\n _cover: null,\n _container: null,\n // @Override resizing properties\n inputX: null,\n inputY: null,\n _element_w: 1,\n _element_h: 1,\n _element_l: 0,\n _element_t: 0,\n _defaultSizeX: '100%',\n _defaultSizeY: (options.videoRatio * 100) + '%',\n _origin_w: options.videoWidth === '100%' ? '' : options.videoWidth,\n _origin_h: options.videoHeight === '56.25%' ? '' : options.videoHeight,\n _proportionChecked: true,\n _resizing: options.videoResizing,\n _resizeDotHide: !options.videoHeightShow,\n _rotation: options.videoRotation,\n _alignHide: !options.videoAlignShow,\n _onlyPercentage: options.videoSizeOnlyPercentage,\n _ratio: false,\n _ratioX: 1,\n _ratioY: 1,\n _captionShow: false\n };\n\n /** video dialog */\n let video_dialog = this.setDialog(core);\n contextVideo.modal = video_dialog;\n contextVideo.videoInputFile = video_dialog.querySelector('._se_video_file');\n contextVideo.videoUrlFile = video_dialog.querySelector('.se-input-url');\n contextVideo.focusElement = contextVideo.videoUrlFile || contextVideo.videoInputFile;\n contextVideo.preview = video_dialog.querySelector('.se-link-preview');\n\n /** add event listeners */\n video_dialog.querySelector('form').addEventListener('submit', this.submit.bind(core));\n if (contextVideo.videoInputFile) video_dialog.querySelector('.se-dialog-files-edge-button').addEventListener('click', this._removeSelectedFiles.bind(contextVideo.videoInputFile, contextVideo.videoUrlFile, contextVideo.preview));\n if (contextVideo.videoInputFile && contextVideo.videoUrlFile) contextVideo.videoInputFile.addEventListener('change', this._fileInputChange.bind(contextVideo));\n if (contextVideo.videoUrlFile) contextVideo.videoUrlFile.addEventListener('input', this._onLinkPreview.bind(contextVideo.preview, contextVideo, options.linkProtocol));\n\n contextVideo.proportion = {};\n contextVideo.videoRatioOption = {};\n contextVideo.inputX = {};\n contextVideo.inputY = {};\n if (options.videoResizing) {\n contextVideo.proportion = video_dialog.querySelector('._se_video_check_proportion');\n contextVideo.videoRatioOption = video_dialog.querySelector('.se-video-ratio');\n contextVideo.inputX = video_dialog.querySelector('._se_video_size_x');\n contextVideo.inputY = video_dialog.querySelector('._se_video_size_y');\n contextVideo.inputX.value = options.videoWidth;\n contextVideo.inputY.value = options.videoHeight;\n\n contextVideo.inputX.addEventListener('keyup', this.setInputSize.bind(core, 'x'));\n contextVideo.inputY.addEventListener('keyup', this.setInputSize.bind(core, 'y'));\n\n contextVideo.inputX.addEventListener('change', this.setRatio.bind(core));\n contextVideo.inputY.addEventListener('change', this.setRatio.bind(core));\n contextVideo.proportion.addEventListener('change', this.setRatio.bind(core));\n contextVideo.videoRatioOption.addEventListener('change', this.setVideoRatio.bind(core));\n\n video_dialog.querySelector('.se-dialog-btn-revert').addEventListener('click', this.sizeRevert.bind(core));\n }\n\n /** append html */\n context.dialog.modal.appendChild(video_dialog);\n\n /** empty memory */\n video_dialog = null;\n },\n\n /** dialog */\n setDialog: function (core) {\n const option = core.options;\n const lang = core.lang;\n const dialog = core.util.createElement('DIV');\n\n dialog.className = 'se-dialog-content';\n dialog.style.display = 'none';\n let html = '' +\n '';\n\n dialog.innerHTML = html;\n\n return dialog;\n },\n\n _fileInputChange: function () {\n if (!this.videoInputFile.value) {\n this.videoUrlFile.removeAttribute('disabled');\n this.preview.style.textDecoration = '';\n } else {\n this.videoUrlFile.setAttribute('disabled', true);\n this.preview.style.textDecoration = 'line-through';\n }\n },\n\n _removeSelectedFiles: function (urlInput, preview) {\n this.value = '';\n if (urlInput) {\n urlInput.removeAttribute('disabled');\n preview.style.textDecoration = '';\n }\n },\n\n _onLinkPreview: function (context, protocol, e) {\n const value = e.target.value.trim();\n if (/^' +\n '
';\n\n return link_btn;\n },\n\n // Disable url input when uploading files\n _fileInputChange: function () {\n if (!this.audioInputFile.value) {\n this.audioUrlFile.removeAttribute('disabled');\n this.preview.style.textDecoration = '';\n } else {\n this.audioUrlFile.setAttribute('disabled', true);\n this.preview.style.textDecoration = 'line-through';\n }\n },\n\n // Disable url input when uploading files\n _removeSelectedFiles: function (urlInput, preview) {\n this.value = '';\n if (urlInput) {\n urlInput.removeAttribute('disabled');\n preview.style.textDecoration = '';\n }\n },\n\n // create new audio tag\n _createAudioTag: function () {\n const oAudio = this.util.createElement('AUDIO');\n this.plugins.audio._setTagAttrs.call(this, oAudio);\n\n const w = this.context.audio._origin_w;\n const h = this.context.audio._origin_h;\n oAudio.setAttribute('origin-size', w + ',' + h);\n oAudio.style.cssText = (w ? ('width:' + w + '; ') : '') + (h ? ('height:' + h + ';') : '');\n\n return oAudio;\n },\n\n _setTagAttrs: function (element) {\n element.setAttribute('controls', true);\n\n const attrs = this.options.audioTagAttrs;\n if (!attrs) return;\n\n for (let key in attrs) {\n if (!this.util.hasOwn(attrs, key)) continue;\n element.setAttribute(key, attrs[key]);\n }\n },\n\n _onLinkPreview: function (context, protocol, e) {\n const value = e.target.value.trim();\n context._linkValue = this.textContent = !value ? '' : (protocol && value.indexOf('://') === -1 && value.indexOf('#') !== 0) ? protocol + value : value.indexOf('://') === -1 ? '/' + value : value;\n },\n\n /**\n * @Required @Override fileManager\n */\n fileTags: ['audio'],\n\n /**\n * @Override core, fileManager, resizing\n * @description It is called from core.selectComponent.\n * @param {Element} element Target element\n */\n select: function (element) {\n this.plugins.audio.onModifyMode.call(this, element);\n },\n\n /**\n * @Override fileManager, resizing \n */\n destroy: function (element) {\n element = element || this.context.audio._element;\n const container = this.util.getParentElement(element, this.util.isComponent) || element;\n const dataIndex = element.getAttribute('data-index') * 1;\n \n if (typeof this.functions.onAudioDeleteBefore === 'function' && (this.functions.onAudioDeleteBefore(element, container, dataIndex, this) === false)) return;\n \n const focusEl = (container.previousElementSibling || container.nextElementSibling);\n const emptyDiv = container.parentNode;\n this.util.removeItem(container);\n this.plugins.audio.init.call(this);\n this.controllersOff();\n\n if (emptyDiv !== this.context.element.wysiwyg) this.util.removeItemAllParents(emptyDiv, function (current) { return current.childNodes.length === 0; }, null);\n\n // focus\n this.focusEdge(focusEl);\n\n // fileManager event\n this.plugins.fileManager.deleteInfo.call(this, 'audio', dataIndex, this.functions.onAudioUpload);\n\n // history stack\n this.history.push(false);\n },\n\n /**\n * @Override fileManager\n */\n checkFileInfo: function () {\n this.plugins.fileManager.checkInfo.call(this, 'audio', ['audio'], this.functions.onAudioUpload, this.plugins.audio.updateCover.bind(this), false);\n },\n\n /**\n * @Override fileManager\n */\n resetFileInfo: function () {\n this.plugins.fileManager.resetInfo.call(this, 'audio', this.functions.onAudioUpload);\n },\n\n /**\n * @Required @Override dialog\n */\n on: function (update) {\n const contextAudio = this.context.audio;\n\n if (!update) {\n this.plugins.audio.init.call(this);\n if (contextAudio.audioInputFile && this.options.audioMultipleFile) contextAudio.audioInputFile.setAttribute('multiple', 'multiple');\n } else if (contextAudio._element) {\n this.context.dialog.updateModal = true;\n contextAudio._linkValue = contextAudio.preview.textContent = contextAudio.audioUrlFile.value = contextAudio._element.src;\n if (contextAudio.audioInputFile && this.options.audioMultipleFile) contextAudio.audioInputFile.removeAttribute('multiple');\n } else {\n if (contextAudio.audioInputFile && this.options.audioMultipleFile) contextAudio.audioInputFile.removeAttribute('multiple');\n }\n },\n\n /**\n * @Required @Override dialog\n */\n open: function () {\n this.plugins.dialog.open.call(this, 'audio', 'audio' === this.currentControllerName);\n },\n\n submit: function (e) {\n const contextAudio = this.context.audio;\n\n e.preventDefault();\n e.stopPropagation();\n\n try {\n if (contextAudio.audioInputFile && contextAudio.audioInputFile.files.length > 0) {\n this.showLoading();\n this.plugins.audio.submitAction.call(this, contextAudio.audioInputFile.files);\n } else if (contextAudio.audioUrlFile && contextAudio._linkValue.length > 0) {\n this.showLoading();\n this.plugins.audio.setupUrl.call(this, contextAudio._linkValue);\n }\n } catch (error) {\n this.closeLoading();\n throw Error('[SUNEDITOR.audio.submit.fail] cause : \"' + error.message + '\"');\n } finally {\n this.plugins.dialog.close.call(this);\n }\n\n return false;\n },\n\n submitAction: function (fileList) {\n if (fileList.length === 0) return;\n\n let fileSize = 0;\n let files = [];\n for (let i = 0, len = fileList.length; i < len; i++) {\n if (/audio/i.test(fileList[i].type)) {\n files.push(fileList[i]);\n fileSize += fileList[i].size;\n }\n }\n\n const limitSize = this.options.audioUploadSizeLimit;\n if (limitSize > 0) {\n let infoSize = 0;\n const audiosInfo = this.context.audio._infoList;\n for (let i = 0, len = audiosInfo.length; i < len; i++) {\n infoSize += audiosInfo[i].size * 1;\n }\n\n if ((fileSize + infoSize) > limitSize) {\n this.closeLoading();\n const err = '[SUNEDITOR.audioUpload.fail] Size of uploadable total audios: ' + (limitSize/1000) + 'KB';\n if (typeof this.functions.onAudioUploadError !== 'function' || this.functions.onAudioUploadError(err, { 'limitSize': limitSize, 'currentSize': infoSize, 'uploadSize': fileSize }, this)) {\n this.functions.noticeOpen(err);\n }\n return;\n }\n }\n\n const contextAudio = this.context.audio;\n contextAudio._uploadFileLength = files.length;\n\n const info = {\n isUpdate: this.context.dialog.updateModal,\n element: contextAudio._element\n };\n\n if (typeof this.functions.onAudioUploadBefore === 'function') {\n const result = this.functions.onAudioUploadBefore(files, info, this, function (data) {\n if (data && this._w.Array.isArray(data.result)) {\n this.plugins.audio.register.call(this, info, data);\n } else {\n this.plugins.audio.upload.call(this, info, data);\n }\n }.bind(this));\n\n if (typeof result === 'undefined') return;\n if (!result) {\n this.closeLoading();\n return;\n }\n if (typeof result === 'object' && result.length > 0) files = result;\n }\n\n this.plugins.audio.upload.call(this, info, files);\n },\n\n error: function (message, response) {\n this.closeLoading();\n if (typeof this.functions.onAudioUploadError !== 'function' || this.functions.onAudioUploadError(message, response, this)) {\n this.functions.noticeOpen(message);\n throw Error('[SUNEDITOR.plugin.audio.exception] response: ' + message);\n }\n },\n\n upload: function (info, files) {\n if (!files) {\n this.closeLoading();\n return;\n }\n if (typeof files === 'string') {\n this.plugins.audio.error.call(this, files, null);\n return;\n }\n\n const audioUploadUrl = this.options.audioUploadUrl;\n const filesLen = this.context.dialog.updateModal ? 1 : files.length;\n\n // create formData\n const formData = new FormData();\n for (let i = 0; i < filesLen; i++) {\n formData.append('file-' + i, files[i]);\n }\n\n // server upload\n this.plugins.fileManager.upload.call(this, audioUploadUrl, this.options.audioUploadHeader, formData, this.plugins.audio.callBack_upload.bind(this, info), this.functions.onAudioUploadError);\n },\n\n callBack_upload: function (info, xmlHttp) {\n if (typeof this.functions.audioUploadHandler === 'function') {\n this.functions.audioUploadHandler(xmlHttp, info, this);\n } else {\n const response = JSON.parse(xmlHttp.responseText);\n if (response.errorMessage) {\n this.plugins.audio.error.call(this, response.errorMessage, response);\n } else {\n this.plugins.audio.register.call(this, info, response);\n }\n }\n },\n\n register: function (info, response) {\n const fileList = response.result;\n\n for (let i = 0, len = fileList.length, file, oAudio; i < len; i++) {\n if (info.isUpdate) oAudio = info.element;\n else oAudio = this.plugins.audio._createAudioTag.call(this);\n\n file = { name: fileList[i].name, size: fileList[i].size };\n this.plugins.audio.create_audio.call(this, oAudio, fileList[i].url, file, info.isUpdate);\n }\n\n this.closeLoading();\n },\n\n setupUrl: function (src) {\n try {\n if (src.length === 0) return false;\n this.plugins.audio.create_audio.call(this, this.plugins.audio._createAudioTag.call(this), src, null, this.context.dialog.updateModal);\n } catch (error) {\n throw Error('[SUNEDITOR.audio.audio.fail] cause : \"' + error.message + '\"');\n } finally {\n this.closeLoading();\n }\n },\n\n create_audio: function (element, src, file, isUpdate) {\n const contextAudio = this.context.audio;\n \n // create new tag\n if (!isUpdate) {\n element.src = src;\n const cover = this.plugins.component.set_cover.call(this, element);\n const container = this.plugins.component.set_container.call(this, cover, '');\n if (!this.insertComponent(container, false, true, !this.options.mediaAutoSelect)) {\n this.focus();\n return;\n }\n if (!this.options.mediaAutoSelect) {\n const line = this.appendFormatTag(container, null);\n if (line) this.setRange(line, 0, line, 0);\n }\n } // update\n else {\n if (contextAudio._element) element = contextAudio._element;\n if (element && element.src !== src) {\n element.src = src;\n this.selectComponent(element, 'audio');\n } else {\n this.selectComponent(element, 'audio');\n return;\n }\n }\n\n this.plugins.fileManager.setInfo.call(this, 'audio', element, this.functions.onAudioUpload, file, false);\n if (isUpdate) this.history.push(false);\n },\n\n updateCover: function (element) {\n const contextAudio = this.context.audio;\n this.plugins.audio._setTagAttrs.call(this, element);\n \n // find component element\n let existElement = (this.util.isRangeFormatElement(element.parentNode) || this.util.isWysiwygDiv(element.parentNode)) ? \n element : this.util.getFormatElement(element) || element;\n\n // clone element\n const prevElement = element;\n contextAudio._element = element = element.cloneNode(false);\n const cover = this.plugins.component.set_cover.call(this, element);\n const container = this.plugins.component.set_container.call(this, cover, 'se-audio-container');\n\n try {\n if (this.util.getParentElement(prevElement, this.util.isNotCheckingNode)) {\n prevElement.parentNode.replaceChild(container, prevElement);\n } else if (this.util.isListCell(existElement)) {\n const refer = this.util.getParentElement(prevElement, function (current) { return current.parentNode === existElement; });\n existElement.insertBefore(container, refer);\n this.util.removeItem(prevElement);\n this.util.removeEmptyNode(refer, null, true);\n } else if (this.util.isFormatElement(existElement)) {\n const refer = this.util.getParentElement(prevElement, function (current) { return current.parentNode === existElement; });\n existElement = this.util.splitElement(existElement, refer);\n existElement.parentNode.insertBefore(container, existElement);\n this.util.removeItem(prevElement);\n this.util.removeEmptyNode(existElement, null, true);\n if (existElement.children.length === 0) existElement.innerHTML = this.util.htmlRemoveWhiteSpace(existElement.innerHTML);\n } else {\n existElement.parentNode.replaceChild(container, existElement);\n }\n } catch (error) {\n console.warn('[SUNEDITOR.audio.error] Maybe the audio tag is nested.', error);\n }\n\n this.plugins.fileManager.setInfo.call(this, 'audio', element, this.functions.onAudioUpload, null, false);\n this.plugins.audio.init.call(this);\n },\n\n /**\n * @Required @Override fileManager, resizing\n */\n onModifyMode: function (selectionTag) {\n const contextAudio = this.context.audio;\n \n this.setControllerPosition(contextAudio.controller, selectionTag, 'bottom', {left: 0, top: 0});\n this.controllersOn(contextAudio.controller, selectionTag, this.plugins.audio.onControllerOff.bind(this, selectionTag), 'audio');\n\n this.util.addClass(selectionTag, 'active');\n contextAudio._element = selectionTag;\n contextAudio._cover = this.util.getParentElement(selectionTag, 'FIGURE');\n contextAudio._container = this.util.getParentElement(selectionTag, this.util.isComponent);\n },\n\n /**\n * @Required @Override fileManager, resizing\n */\n openModify: function (notOpen) {\n if (this.context.audio.audioUrlFile) {\n const contextAudio = this.context.audio;\n contextAudio._linkValue = contextAudio.preview.textContent = contextAudio.audioUrlFile.value = contextAudio._element.src;\n }\n if (!notOpen) this.plugins.dialog.open.call(this, 'audio', true);\n },\n\n onClick_controller: function (e) {\n e.stopPropagation();\n\n const command = e.target.getAttribute('data-command');\n if (!command) return;\n\n e.preventDefault();\n\n if (/update/.test(command)) {\n this.plugins.audio.openModify.call(this, false);\n }\n else { /** delete */\n this.plugins.audio.destroy.call(this, this.context.audio._element);\n }\n\n this.controllersOff();\n },\n\n onControllerOff: function (selectionTag) {\n this.util.removeClass(selectionTag, 'active');\n this.context.audio.controller.style.display = 'none';\n },\n\n /**\n * @Required @Override dialog\n */\n init: function () {\n if (this.context.dialog.updateModal) return;\n const contextAudio = this.context.audio;\n\n if (contextAudio.audioInputFile) contextAudio.audioInputFile.value = '';\n if (contextAudio.audioUrlFile) contextAudio._linkValue = contextAudio.preview.textContent = contextAudio.audioUrlFile.value = '';\n if (contextAudio.audioInputFile && contextAudio.audioUrlFile) {\n contextAudio.audioUrlFile.removeAttribute('disabled');\n contextAudio.preview.style.textDecoration = '';\n }\n\n contextAudio._element = null;\n }\n};","'use strict';\n\nimport dialog from '../modules/dialog';\n\nconst KATEX_WEBSITE = \"https://katex.org/docs/supported.html\";\n\nexport default {\n name: 'math',\n display: 'dialog',\n add: function (core) {\n core.addModule([dialog]);\n\n const context = core.context;\n context.math = {\n focusElement: null, // @Override dialog // This element has focus when the dialog is opened.\n previewElement: null,\n fontSizeElement: null,\n defaultFontSize: '',\n _mathExp: null\n };\n\n /** math dialog */\n let math_dialog = this.setDialog(core);\n context.math.modal = math_dialog;\n context.math.focusElement = math_dialog.querySelector('.se-math-exp');\n context.math.previewElement = math_dialog.querySelector('.se-math-preview');\n context.math.fontSizeElement = math_dialog.querySelector('.se-math-size');\n context.math.focusElement.addEventListener('paste', function (e) {\n if (typeof core.functions.onPasteMath === 'function') {\n core.functions.onPasteMath(e, core);\n }\n }, false);\n context.math.focusElement.addEventListener(core.util.isIE ? 'textinput' : 'input', this._renderMathExp.bind(core, context.math), false);\n context.math.fontSizeElement.addEventListener('change', function (e) { this.fontSize = e.target.value; }.bind(context.math.previewElement.style), false);\n\n /** math controller */\n let math_controller = this.setController_MathButton(core);\n context.math.mathController = math_controller;\n context.math._mathExp = null;\n\n /** add event listeners */\n math_dialog.querySelector('form').addEventListener('submit', this.submit.bind(core), false);\n math_controller.addEventListener('click', this.onClick_mathController.bind(core));\n context.math.previewElement.style.fontSize = context.math.defaultFontSize;\n\n /** append html */\n context.dialog.modal.appendChild(math_dialog);\n context.element.relative.appendChild(math_controller);\n\n /** empty memory */\n math_dialog = null, math_controller = null;\n },\n\n /** dialog */\n setDialog: function (core) {\n const lang = core.lang;\n const dialog = core.util.createElement('DIV');\n const fontSize = core.options.mathFontSize;\n let defaultFontSize = fontSize[0].value;\n\n dialog.className = 'se-dialog-content';\n dialog.style.display = 'none';\n let html = '' +\n '';\n\n core.context.math.defaultFontSize = defaultFontSize;\n dialog.innerHTML = html;\n return dialog;\n },\n\n /** modify controller button */\n setController_MathButton: function (core) {\n const lang = core.lang;\n const math_btn = core.util.createElement('DIV');\n\n math_btn.className = 'se-controller se-controller-link';\n math_btn.innerHTML = '' +\n '' +\n '' +\n '' +\n '' +\n '
' +\n '' +\n '
' +\n '';\n\n return math_btn;\n },\n\n /**\n * @Required @Override dialog\n */\n open: function () {\n this.plugins.dialog.open.call(this, 'math', 'math' === this.currentControllerName);\n },\n\n /**\n * @Override core - managedTagsInfo\n */\n managedTags: function () {\n return {\n className: 'katex',\n method: function (element) {\n if (!element.getAttribute('data-exp') || !this.options.katex) return;\n const dom = this._d.createRange().createContextualFragment(this.plugins.math._renderer.call(this, this.util.HTMLDecoder(element.getAttribute('data-exp'))));\n element.innerHTML = dom.querySelector('.katex').innerHTML;\n element.setAttribute('contenteditable', false);\n }\n };\n },\n\n _renderer: function (exp) {\n let result = '';\n try {\n this.util.removeClass(this.context.math.focusElement, 'se-error');\n result = this.options.katex.src.renderToString(exp, {throwOnError: true, displayMode: true});\n } catch(error) {\n this.util.addClass(this.context.math.focusElement, 'se-error');\n result = 'Katex syntax error. (Refer KaTeX)';\n console.warn('[SUNEDITOR.math.Katex.error] ', error);\n }\n return result;\n },\n\n _renderMathExp: function (contextMath, e) {\n contextMath.previewElement.innerHTML = this.plugins.math._renderer.call(this, e.target.value);\n },\n\n submit: function (e) {\n this.showLoading();\n\n e.preventDefault();\n e.stopPropagation();\n\n const submitAction = function () {\n if (this.context.math.focusElement.value.trim().length === 0) return false;\n\n const contextMath = this.context.math;\n const mathExp = contextMath.focusElement.value;\n const katexEl = contextMath.previewElement.querySelector('.katex');\n\n if (!katexEl) return false;\n katexEl.className = '__se__katex ' + katexEl.className;\n katexEl.setAttribute('contenteditable', false);\n katexEl.setAttribute('data-exp', this.util.HTMLEncoder(mathExp));\n katexEl.setAttribute('data-font-size', contextMath.fontSizeElement.value);\n katexEl.style.fontSize = contextMath.fontSizeElement.value;\n\n if (!this.context.dialog.updateModal) {\n const selectedFormats = this.getSelectedElements();\n\n if (selectedFormats.length > 1) {\n const oFormat = this.util.createElement(selectedFormats[0].nodeName);\n oFormat.appendChild(katexEl);\n if (!this.insertNode(oFormat, null, true)) return false;\n } else {\n if (!this.insertNode(katexEl, null, true)) return false;\n }\n\n const empty = this.util.createTextNode(this.util.zeroWidthSpace);\n katexEl.parentNode.insertBefore(empty, katexEl.nextSibling);\n this.setRange(katexEl, 0, katexEl, 1);\n } else {\n const containerEl = this.util.getParentElement(contextMath._mathExp, '.katex');\n containerEl.parentNode.replaceChild(katexEl, containerEl);\n this.setRange(katexEl, 0, katexEl, 1);\n }\n\n contextMath.focusElement.value = '';\n contextMath.fontSizeElement.value = '1em';\n contextMath.previewElement.style.fontSize = '1em';\n contextMath.previewElement.innerHTML = '';\n\n return true;\n }.bind(this);\n\n try {\n if (submitAction()) {\n this.plugins.dialog.close.call(this);\n // history stack\n this.history.push(false);\n }\n } catch (e) {\n this.plugins.dialog.close.call(this);\n } finally {\n this.closeLoading();\n }\n\n return false;\n },\n\n active: function (element) {\n if (!element) {\n if (this.controllerArray.indexOf(this.context.math.mathController) > -1) {\n this.controllersOff();\n }\n } else if (element.getAttribute('data-exp')) {\n if (this.controllerArray.indexOf(this.context.math.mathController) < 0) {\n this.setRange(element, 0, element, 1);\n this.plugins.math.call_controller.call(this, element);\n }\n return true;\n }\n\n return false;\n },\n\n on: function (update) {\n if (!update) {\n this.plugins.math.init.call(this);\n } else {\n const contextMath = this.context.math;\n if (contextMath._mathExp) {\n const exp = this.util.HTMLDecoder(contextMath._mathExp.getAttribute('data-exp'));\n const fontSize = contextMath._mathExp.getAttribute('data-font-size') || '1em';\n this.context.dialog.updateModal = true;\n contextMath.focusElement.value = exp;\n contextMath.fontSizeElement.value = fontSize;\n contextMath.previewElement.innerHTML = this.plugins.math._renderer.call(this, exp);\n contextMath.previewElement.style.fontSize = fontSize;\n }\n }\n },\n\n call_controller: function (mathTag) {\n this.context.math._mathExp = mathTag;\n const mathBtn = this.context.math.mathController;\n\n this.setControllerPosition(mathBtn, mathTag, 'bottom', {left: 0, top: 0});\n this.controllersOn(mathBtn, mathTag, 'math');\n },\n\n onClick_mathController: function (e) {\n e.stopPropagation();\n\n const command = e.target.getAttribute('data-command') || e.target.parentNode.getAttribute('data-command');\n if (!command) return;\n\n e.preventDefault();\n\n if (/update/.test(command)) {\n this.context.math.focusElement.value = this.util.HTMLDecoder(this.context.math._mathExp.getAttribute('data-exp'));\n this.plugins.dialog.open.call(this, 'math', true);\n } else {\n /** delete */\n this.util.removeItem(this.context.math._mathExp);\n this.context.math._mathExp = null;\n this.focus();\n\n // history stack\n this.history.push(false);\n }\n\n this.controllersOff();\n },\n\n init: function () {\n const contextMath = this.context.math;\n contextMath.mathController.style.display = 'none';\n contextMath._mathExp = null;\n contextMath.focusElement.value = '';\n contextMath.previewElement.innerHTML = '';\n }\n};\n","/*\n * wysiwyg web editor\n *\n * suneditor.js\n * Copyright 2017 JiHong Lee.\n * MIT license.\n */\n'use strict';\n\nimport fileBrowser from '../modules/fileBrowser';\n\nexport default {\n name: 'imageGallery',\n /**\n * @description Constructor\n * @param {Object} core Core object \n */\n add: function (core) {\n core.addModule([fileBrowser]);\n\n const context = core.context;\n context.imageGallery = {\n title: core.lang.toolbar.imageGallery, // @Required @Override fileBrowser - File browser window title.\n directData: core.options.imageGalleryData, // @option @Override fileBrowser - Direct JSON data without making server requests.\n url: core.options.imageGalleryUrl, // @option @Override fileBrowser - File server url.\n header: core.options.imageGalleryHeader, // @Required @Override fileBrowser - File server http header.\n listClass: 'se-image-list', // @Required @Override fileBrowser - Class name of list div.\n itemTemplateHandler: this.drawItems, // @Required @Override fileBrowser - Function that defines the HTML of an file item.\n selectorHandler: this.setImage.bind(core), // @Required @Override fileBrowser - Function that action when item click.\n columnSize: 4 // @Option @Override fileBrowser - Number of \"div.se-file-item-column\" to be created (default: 4)\n };\n },\n \n /**\n * @Required @Override fileBrowser\n * @description Open a file browser.\n * @param {Function|null} selectorHandler When the function comes as an argument value, it substitutes \"context.selectorHandler\".\n */\n open: function (selectorHandler) {\n this.plugins.fileBrowser.open.call(this, 'imageGallery', selectorHandler);\n },\n\n /**\n * @Required @Override fileBrowser\n * @description Define the HTML of the item to be put in \"div.se-file-item-column\".\n * Format: [\n * { src: \"image src\", name: \"name(@option)\", alt: \"image alt(@option)\", tag: \"tag name(@option)\" }\n * ]\n * @param {Object} item Item of the response data's array\n */\n drawItems: function (item) {\n const srcName = item.src.split('/').pop();\n return '' +\n '' +\n '' +\n '
' +\n '' + (item.name || srcName) + '
' +\n '