suneditor 2.45.0 → 2.46.0

package/src/lib/core.js

@@ -44,6 +44,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         _editorHeightPadding: 0,
         _listCamel: options.__listCommonStyle,
         _listKebab: util.camelToKebabCase(options.__listCommonStyle),
+        __focusTemp: context.element._focusTemp,
 
         /**
          * @description Document object of the iframe if created as an iframe || _d
@@ -56,7 +57,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @private
          */
         _ww: null,
-        
+
         /**
          * @description Closest ShadowRoot to editor if found
          * @private
@@ -103,7 +104,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @description History object for undo, redo
          */
         history: null,
-        
+
         /**
          * @description Elements and user options parameters of the suneditor
          */
@@ -231,7 +232,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @description Tag blacklist RegExp object used in "_consistencyCheckOfHTML" method
          * @private
          */
-         _htmlCheckBlacklistRegExp: null,
+        _htmlCheckBlacklistRegExp: null,
 
         /**
          * @description RegExp when using check disallowd tags. (b, i, ins, strike, s)
@@ -474,8 +475,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @private
          */
         _cleanStyleRegExp: {
+            div: new _w.RegExp('\\s*[^-a-zA-Z](.+)\\s*:[^;]+(?!;)*', 'ig'),
             span: new _w.RegExp('\\s*[^-a-zA-Z](font-family|font-size|color|background-color)\\s*:[^;]+(?!;)*', 'ig'),
-            format: new _w.RegExp('\\s*[^-a-zA-Z](text-align|margin-left|margin-right)\\s*:[^;]+(?!;)*', 'ig'),
+            format: new _w.RegExp('\\s*[^-a-zA-Z](text-align|margin-left|margin-right|width|height)\\s*:[^;]+(?!;)*', 'ig'),
             fontSizeUnit: new _w.RegExp('\\d+' + options.fontSizeUnit + '$', 'i'),
         },
 
@@ -524,7 +526,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @description Save the current buttons states to "allCommandButtons" object
          * @private
          */
-         _saveButtonStates: function () {
+        _saveButtonStates: function () {
             if (!this.allCommandButtons) this.allCommandButtons = {};
 
             const currentButtons = this.context.element._buttonTray.querySelectorAll('.se-menu-list button[data-display]');
@@ -542,9 +544,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         _recoverButtonStates: function () {
             if (this.allCommandButtons) {
-                const currentButtons = this.context.element._buttonTray.querySelectorAll('.se-menu-list button[data-display]'); 
+                const currentButtons = this.context.element._buttonTray.querySelectorAll('.se-menu-list button[data-display]');
                 for (let i = 0, button, command, oldButton; i < currentButtons.length; i++) {
-                    button = currentButtons[i]; 
+                    button = currentButtons[i];
                     command = button.getAttribute('data-command');
 
                     oldButton = this.allCommandButtons[command];
@@ -552,7 +554,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         button.parentElement.replaceChild(oldButton, button);
                         if (this.context.tool[command]) this.context.tool[command] = oldButton;
                     }
-                }   
+                }
             }
         },
 
@@ -579,7 +581,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 this.commandMap[pluginName] = _target;
                 this.activePlugins.push(pluginName);
             }
-                
+
             if (typeof callBackFunction === 'function') callBackFunction();
         },
 
@@ -612,7 +614,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 l += el.scrollLeft;
                 el = el.parentElement;
             }
-            
+
             el = this._shadowRoot ? this._shadowRoot.host : null;
             while (el) {
                 t += el.scrollTop;
@@ -655,7 +657,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const menu = this.submenu = this._menuTray[submenuName];
             this.submenuActiveButton = element;
             this._setMenuPosition(element, menu);
-            
+
             this._bindedSubmenuOff = this.submenuOff.bind(this);
             this.addDocEvent('mousedown', this._bindedSubmenuOff, false);
 
@@ -705,7 +707,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const menu = this.container = this._menuTray[containerName];
             this.containerActiveButton = element;
             this._setMenuPosition(element, menu);
-            
+
             this._bindedContainerOff = this.containerOff.bind(this);
             this.addDocEvent('mousedown', this._bindedContainerOff, false);
 
@@ -790,7 +792,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 let menuTop = -1 * (menuHeight - bt + 3);
                 const insTop = toolbarTop - scrollTop + menuTop;
                 const menuHeight_top = menuHeight + (insTop < 0 ? insTop : 0);
-                
+
                 if (menuHeight_top > menuHeight_bottom) {
                     menu.style.height = menuHeight_top + 'px';
                     menuTop = -1 * (menuHeight_top - bt + 3);
@@ -818,7 +820,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             for (let i = 0, arg; i < arguments.length; i++) {
                 arg = arguments[i];
                 if (!arg) continue;
-                
+
                 if (typeof arg === 'string') {
                     this.currentControllerName = arg;
                     continue;
@@ -863,7 +865,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     if (typeof this.controllerArray[i].contains === 'function' && this.controllerArray[i].contains(e.target)) return;
                 }
             }
-            
+
             if (this._fileManager.pluginRegExp.test(this.currentControllerName) && e && e.type === 'keydown' && e.keyCode !== 27) return;
             context.element.lineBreaker_t.style.display = context.element.lineBreaker_b.style.display = 'none';
             this._variable._lineBreakComp = null;
@@ -916,7 +918,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const l = offset.left - context.element.wysiwygFrame.scrollLeft + addOffset.left;
             const controllerW = controller.offsetWidth;
             const referElW = referEl.offsetWidth;
-            
+
             const allow = util.hasClass(controller.firstElementChild, 'se-arrow') ? controller.firstElementChild : null;
 
             // rtl (Width value of the arrow element is 22px)
@@ -924,11 +926,11 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 const rtlW = (controllerW > referElW) ? controllerW - referElW : 0;
                 const rtlL = rtlW > 0 ? 0 : referElW - controllerW;
                 controller.style.left = (l - rtlW + rtlL) + 'px';
-                
+
                 if (rtlW > 0) {
                     if (allow) allow.style.left = ((controllerW - 14 < 10 + rtlW) ? (controllerW - 14) : (10 + rtlW)) + 'px';
                 }
-                
+
                 const overSize = context.element.wysiwygFrame.offsetLeft - controller.offsetLeft;
                 if (overSize > 0) {
                     controller.style.left = '0px';
@@ -1065,7 +1067,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 endCon = endCon.childNodes[endOff] || endCon.childNodes[endOff - 1] || endCon;
                 endOff = endOff > 0 ? endCon.nodeType === 1 ? 1 : endCon.textContent ? endCon.textContent.length : 0 : 0;
             }
-            
+
             const range = this._wd.createRange();
 
             try {
@@ -1108,7 +1110,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const range = this._variable._range || this._createDefaultRange();
             const selection = this.getSelection();
             if (range.collapsed === selection.isCollapsed || !context.element.wysiwyg.contains(selection.focusNode)) return range;
-            
+
             if (selection.rangeCount > 0) {
                 this._variable._range = selection.getRangeAt(0);
                 return this._variable._range;
@@ -1162,10 +1164,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @returns {Node}
          */
         getSelectionNode: function () {
-            if (!context.element.wysiwyg.contains(this._variable._selectionNode)) this._editorRange();
+            if (!context.element.wysiwyg.contains(this._variable._selectionNode)) this._editorRange();
             if (!this._variable._selectionNode) {
                 const selectionNode = util.getChildElement(context.element.wysiwyg.firstChild, function (current) { return current.childNodes.length === 0 || current.nodeType === 3; }, false);
-                if (!selectionNode) {
+                if (!selectionNode) {
                     this._editorRange();
                 } else {
                     this._variable._selectionNode = selectionNode;
@@ -1244,7 +1246,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             range.setStart(focusEl, 0);
             range.setEnd(focusEl, 0);
-            
+
             return range;
         },
 
@@ -1267,7 +1269,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         _resetRangeToTextNode: function () {
             const range = this.getRange();
             if (this._selectionVoid(range)) return false;
-            
+
             let startCon = range.startContainer;
             let startOff = range.startOffset;
             let endCon = range.endContainer;
@@ -1306,7 +1308,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         tempCon = tempCon.childNodes[tempOffset] || tempCon.nextElementSibling || tempCon.nextSibling;
                         tempOffset = 0;
                     }
-    
+
                     let format = util.getFormatElement(tempCon, null);
                     if (format === util.getRangeFormatElement(format, null)) {
                         format = util.createElement(util.getParentElement(tempCon, util.isCell) ? 'DIV' : options.defaultTag);
@@ -1345,7 +1347,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         tempCon = tempChild[tempOffset > 0 ? tempOffset - 1 : tempOffset] || !/FIGURE/i.test(tempChild[0].nodeName) ? tempChild[0] : (tempCon.previousElementSibling || tempCon.previousSibling || startCon);
                         tempOffset = tempOffset > 0 ? tempCon.textContent.length : tempOffset;
                     }
-    
+
                     let format = util.getFormatElement(tempCon, null);
                     if (format === util.getRangeFormatElement(format, null)) {
                         format = util.createElement(util.isCell(format) ? 'DIV' : options.defaultTag);
@@ -1406,7 +1408,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let endLine = util.getFormatElement(endCon, null);
             let startIdx = null;
             let endIdx = null;
-            
+
             const onlyTable = function (current) {
                 return util.isTable(current) ? /^TABLE$/i.test(current.nodeName) : true;
             };
@@ -1415,7 +1417,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let endRangeEl = util.getRangeFormatElement(endLine, onlyTable);
             if (util.isTable(startRangeEl) && util.isListCell(startRangeEl.parentNode)) startRangeEl = startRangeEl.parentNode;
             if (util.isTable(endRangeEl) && util.isListCell(endRangeEl.parentNode)) endRangeEl = endRangeEl.parentNode;
-            
+
             const sameRange = startRangeEl === endRangeEl;
             for (let i = 0, len = lineNodes.length, line; i < len; i++) {
                 line = lineNodes[i];
@@ -1446,13 +1448,13 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         getSelectedElementsAndComponents: function (removeDuplicate) {
             const commonCon = this.getRange().commonAncestorContainer;
             const myComponent = util.getParentElement(commonCon, util.isComponent);
-            const selectedLines = util.isTable(commonCon) ? 
+            const selectedLines = util.isTable(commonCon) ?
                 this.getSelectedElements(null) :
                 this.getSelectedElements(function (current) {
                     const component = this.getParentElement(current, this.isComponent);
                     return (this.isFormatElement(current) && (!component || component === myComponent)) || (this.isComponent(current) && !this.getFormatElement(current));
                 }.bind(util));
-            
+
             if (removeDuplicate) {
                 for (let i = 0, len = selectedLines.length; i < len; i++) {
                     for (let j = i - 1; j >= 0; j--) {
@@ -1583,7 +1585,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             if (!notSelect) {
                 this.setRange(element, 0, element, 0);
-                
+
                 const fileComponentInfo = this.getFileComponent(element);
                 if (fileComponentInfo) {
                     this.selectComponent(fileComponentInfo.target, fileComponentInfo.pluginName);
@@ -1703,7 +1705,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
         _dupleCheck: function (oNode, parentNode) {
             if (!util.isTextStyleElement(oNode)) return;
-            
+
             const oStyles = (oNode.style.cssText.match(/[^;]+;/g) || []).map(function(v){ return v.trim(); });
             const nodeName = oNode.nodeName;
             if (/^span$/i.test(nodeName) && oStyles.length === 0) return oNode;
@@ -1757,7 +1759,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let range = this.getRange();
             let line = util.isListCell(range.commonAncestorContainer) ? range.commonAncestorContainer : util.getFormatElement(this.getSelectionNode(), null);
             let insertListCell = util.isListCell(line) && (util.isListCell(oNode) || util.isList(oNode));
-            
+
             let parentNode, originAfter, tempAfterNode, tempParentNode = null;
             const freeFormat = util.isFreeFormatElement(line);
             const isFormats = (!freeFormat && (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode))) || util.isComponent(oNode);
@@ -1836,7 +1838,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     if (startCon.nodeType === 3) {
                         parentNode = startCon.parentNode;
                     }
-    
+
                     /** No Select range node */
                     if (range.collapsed) {
                         if (commonCon.nodeType === 3) {
@@ -1866,10 +1868,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         if (isSameContainer) {
                             if (this.isEdgePoint(endCon, endOff)) afterNode = endCon.nextSibling;
                             else afterNode = endCon.splitText(endOff);
-    
+
                             let removeNode = startCon;
                             if (!this.isEdgePoint(startCon, startOff)) removeNode = startCon.splitText(startOff);
-    
+
                             parentNode.removeChild(removeNode);
                             if (parentNode.childNodes.length === 0 && isFormats) {
                                 parentNode.innerHTML = '<br>';
@@ -1887,7 +1889,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     container.innerHTML = '<' + options.defaultTag + '><br></' + options.defaultTag + '>';
                                 }
                             }
-    
+
                             if (util.isListCell(container) && oNode.nodeType === 3) {
                                 parentNode = container;
                                 afterNode = null;
@@ -1911,7 +1913,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                 afterNode = isFormats ? endCon : container === prevContainer ? container.nextSibling : container;
                                 parentNode = (!afterNode || !afterNode.parentNode) ? commonCon : afterNode.parentNode;
                             }
-    
+
                             while (afterNode && !util.isFormatElement(afterNode) && afterNode.parentNode !== commonCon) {
                                 afterNode = afterNode.parentNode;
                             }
@@ -1931,7 +1933,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         parentNode = context.element.wysiwyg;
                         afterNode = null;
                     }
-    
+
                     if (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode) || (!util.isListCell(parentNode) && util.isComponent(oNode))) {
                         const oldParent = parentNode;
                         if (util.isList(afterNode)) {
@@ -1946,15 +1948,15 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             parentNode = rangeCon ? container : container.parentNode;
                             afterNode = rangeCon ? null : container.nextSibling;
                         }
-    
+
                         if (oldParent.childNodes.length === 0 && parentNode !== oldParent) util.removeItem(oldParent);
                     }
-    
+
                     if (isFormats && !freeFormat && !util.isRangeFormatElement(parentNode) && !util.isListCell(parentNode) && !util.isWysiwygDiv(parentNode)) {
                         afterNode = parentNode.nextElementSibling;
                         parentNode = parentNode.parentNode;
                     }
-    
+
                     if (util.isWysiwygDiv(parentNode) && (oNode.nodeType === 3 || util.isBreak(oNode))) {
                         const fNode = util.createElement(options.defaultTag);
                         fNode.appendChild(oNode);
@@ -2051,12 +2053,12 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         const next = oNode.nextSibling;
                         const previousText = (!previous ||  previous.nodeType === 1 || util.onlyZeroWidthSpace(previous)) ? '' : previous.textContent;
                         const nextText = (!next || next.nodeType === 1 || util.onlyZeroWidthSpace(next)) ? '' : next.textContent;
-        
+
                         if (previous && previousText.length > 0) {
                             oNode.textContent = previousText + oNode.textContent;
                             util.removeItem(previous);
                         }
-        
+
                         if (next && next.length > 0) {
                             oNode.textContent += nextText;
                             util.removeItem(next);
@@ -2069,7 +2071,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         };
 
                         this.setRange(oNode, newRange.startOffset, oNode, newRange.endOffset);
-    
+
                         return newRange;
                     } else if (!util.isBreak(oNode) && !util.isListCell(oNode) && util.isFormatElement(parentNode)) {
                         let zeroWidth = null;
@@ -2077,18 +2079,18 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             zeroWidth = util.createTextNode(util.zeroWidthSpace);
                             oNode.parentNode.insertBefore(zeroWidth, oNode);
                         }
-                        
+
                         if (!oNode.nextSibling || util.isBreak(oNode.nextSibling)) {
                             zeroWidth = util.createTextNode(util.zeroWidthSpace);
                             oNode.parentNode.insertBefore(zeroWidth, oNode.nextSibling);
                         }
-    
+
                         if (util._isIgnoreNodeChange(oNode)) {
                             oNode = oNode.nextSibling;
                             offset = 0;
                         }
                     }
-    
+
                     this.setRange(oNode, offset, oNode, offset);
                 }
 
@@ -2102,11 +2104,11 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         _setIntoFreeFormat: function (oNode) {
             const parentNode = oNode.parentNode;
             let oNodeChildren, lastONode;
-            
+
             while (util.isFormatElement(oNode) || util.isRangeFormatElement(oNode)) {
                 oNodeChildren = oNode.childNodes;
                 lastONode = null;
-                
+
                 while (oNodeChildren[0]) {
                     lastONode = oNodeChildren[0];
                     if (util.isFormatElement(lastONode) || util.isRangeFormatElement(lastONode)) {
@@ -2115,10 +2117,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         oNodeChildren = oNode.childNodes;
                         continue;
                     }
-                    
+
                     parentNode.insertBefore(lastONode, oNode);
                 }
-                
+
                 if (oNode.childNodes.length === 0) util.removeItem(oNode);
                 oNode = util.createElement('BR');
                 parentNode.insertBefore(oNode, lastONode.nextSibling);
@@ -2136,6 +2138,27 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             this._resetRangeToTextNode();
 
             const range = this.getRange();
+
+            if (range.startContainer === range.endContainer) {
+                const fileComponent = util.getParentElement(range.startContainer, util.isMediaComponent);
+                if (fileComponent) {
+                    const br = util.createElement('BR');
+                    const format = util.createElement(options.defaultTag);
+                    format.appendChild(br);
+
+                    util.changeElement(fileComponent, format);
+
+                    core.setRange(format, 0, format, 0);
+                    this.history.push(true);
+
+                    return {
+                        container: format,
+                        offset: 0,
+                        prevContainer: null
+                    };
+                }
+            }
+
             const isStartEdge = range.startOffset === 0;
             const isEndEdge = core.isEdgePoint(range.endContainer, range.endOffset, 'end');
             let prevContainer = null;
@@ -2143,8 +2166,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let endNextEl = null;
             if (isStartEdge) {
                 startPrevEl = util.getFormatElement(range.startContainer);
-                prevContainer = startPrevEl.previousElementSibling;
-                startPrevEl = startPrevEl ? prevContainer : startPrevEl;
+                if (startPrevEl) {
+                    prevContainer = startPrevEl.previousElementSibling;
+                    startPrevEl = prevContainer;
+                }
             }
             if (isEndEdge) {
                 endNextEl = util.getFormatElement(range.endContainer);
@@ -2192,7 +2217,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         startNode = startNode.parentNode;
                     }
                 }
-    
+
                 for (let i = endIndex - 1, endNode = endCon; i > startIndex; i--) {
                     if (childNodes[i] === endNode.parentNode && childNodes[i].nodeType === 1) {
                         childNodes.splice(i, 1);
@@ -2288,7 +2313,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 container = endCon && endCon.parentNode ? endCon : startCon && startCon.parentNode ? startCon : (range.endContainer || range.startContainer);
                 offset = (!isStartEdge && !isEndEdge) ? offset : isEndEdge ? container.textContent.length : 0;
             }
-            
+
             if (!util.isWysiwygDiv(container) && container.childNodes.length === 0) {
                 const rc = util.removeItemAllParents(container, null, null);
                 if (rc) container = rc.sc || rc.ec || context.element.wysiwyg;
@@ -2321,7 +2346,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             util.removeItem(item);
 
             if(!util.isListCell(format)) return;
-            
+
             util.removeItemAllParents(format, null, null);
 
             if (format && util.isList(format.firstChild)) {
@@ -2384,7 +2409,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 beforeTag = standTag.nextSibling;
                 pElement = standTag.parentNode;
             }
-            
+
             let parentDepth = util.getElementDepth(standTag);
             let listParent = null;
             const lineArr = [];
@@ -2397,7 +2422,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
                 return cc ? cc.ec : before;
             };
-            
+
             for (let i = 0, len = rangeLines.length, line, originParent, depth, before, nextLine, nextList, nested; i < len; i++) {
                 line = rangeLines[i];
                 originParent = line.parentNode;
@@ -2465,7 +2490,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         pElement = originParent;
                         beforeTag = line.nextSibling;
                     }
-                    
+
                     rangeElement.appendChild(line);
 
                     if (pElement !== originParent) {
@@ -2521,7 +2546,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let firstNode = null;
             let lastNode = null;
             let rangeEl = rangeElement.cloneNode(false);
-            
+
             const removeArray = [];
             const newList = util.isList(newRangeElement);
             let insertedNew = false;
@@ -2538,7 +2563,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     parent.insertBefore(insNode, sibling);
                     return insNode;
                 }
-                
+
                 const insChildren = (moveComplete ? insNode : originNode).childNodes;
                 let format = insNode.cloneNode(false);
                 let first = null;
@@ -2595,7 +2620,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             for (let i = 0, len = children.length, insNode, lineIndex, next; i < len; i++) {
                 insNode = children[i];
                 if (insNode.nodeType === 3 && util.isList(rangeEl)) continue;
-                
+
                 moveComplete = false;
                 if (remove && i === 0) {
                     if (!selectedFormats || selectedFormats.length === len || selectedFormats[0] === insNode) {
@@ -2651,7 +2676,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             } else {
                                 insNode = appendNode(parent, insNode, rangeElement, children[i]);
                             }
-    
+
                             if (!reset) {
                                 if (selectedFormats) {
                                     lastNode = insNode;
@@ -2685,7 +2710,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             if (rangeEl && rangeEl.children.length > 0) {
                 rangeParent.insertBefore(rangeEl, rangeRight);
             }
-            
+
             if (newRangeElement) firstNode = newRangeElement.previousSibling;
             else if (!firstNode) firstNode = rangeElement.previousSibling;
             rangeRight = rangeElement.nextSibling !== rangeEl ? rangeElement.nextSibling : rangeEl ? rangeEl.nextSibling : null;
@@ -2722,7 +2747,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             this.effectNode = null;
             if (notHistoryPush) return edge;
-            
+
             if (!remove && edge) {
                 if (!selectedFormats) {
                     this.setRange(edge.sc, 0, edge.sc, 0);
@@ -2819,7 +2844,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let range = this.getRange_addLine(this.getRange(), null);
             styleArray = styleArray && styleArray.length > 0 ? styleArray : false;
             removeNodeArray = removeNodeArray && removeNodeArray.length > 0 ? removeNodeArray : false;
-            
+
             const isRemoveNode = !appendNode;
             const isRemoveFormat = isRemoveNode && !removeNodeArray && !styleArray;
             let startCon = range.startContainer;
@@ -2878,7 +2903,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 let sNode = startCon;
                 let checkCnt = 0;
                 const checkAttrs = [];
-                
+
                 const checkStyles = appendNode.style;
                 for (let i = 0, len = checkStyles.length; i < len; i++) {
                     checkAttrs.push(checkStyles[i]);
@@ -2895,7 +2920,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             if (sNode.nodeType === 1) {
                                 const s = checkAttrs[i];
                                 const classReg = /^\./.test(s) ? new wRegExp('\\s*' + s.replace(/^\./, '') + '(\\s+|$)', 'ig') : false;
-    
+
                                 const styleCheck = isRemoveNode ? !!sNode.style[s] : (!!sNode.style[s] && !!appendNode.style[s] && sNode.style[s] === appendNode.style[s]);
                                 const classCheck = classReg === false ? false : isRemoveNode ? !!sNode.className.match(classReg) : !!sNode.className.match(classReg) && !!appendNode.className.match(classReg);
                                 if (styleCheck || classCheck) {
@@ -2905,7 +2930,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         }
                         sNode = sNode.parentNode;
                     }
-    
+
                     if (checkCnt >= checkAttrs.length) return;
                 }
             }
@@ -3029,7 +3054,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 endOff = endCon.textContent.length;
             }
 
-            
+
             const oneLine = util.getFormatElement(startCon, null) === util.getFormatElement(endCon, null);
             const endLength = lineNodes.length - (oneLine ? 0 : 1);
 
@@ -3056,7 +3081,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 start.offset = newRange.startOffset;
                 end.container = newRange.endContainer;
                 end.offset = newRange.endOffset;
-                
+
                 if (start.container === end.container && util.onlyZeroWidthSpace(start.container)) {
                     start.offset = end.offset = 1;
                 }
@@ -3126,7 +3151,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             const children = util.getArrayItem((el).childNodes, function (current) { return !util.isBreak(current); }, true);
             const elStyles = el.style;
-            
+
             const ec = [], ek = [], elKeys = util.getValues(elStyles);
             for (let i = 0, len = this._listKebab.length; i < len; i++) {
                 if (elKeys.indexOf(this._listKebab[i]) > -1 && styleArray.indexOf(this._listKebab[i]) > -1) {
@@ -3161,7 +3186,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     appliedEl = true;
                 }
             }
-            
+
             if (sel.childNodes.length > 0) {
                 el.insertBefore(sel, r);
                 appliedEl = true;
@@ -3181,12 +3206,12 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         _setCommonListStyle: function (el, child) {
             if (!util.isListCell(el)) return;
-            
+
             const children = util.getArrayItem((child || el).childNodes, function (current) { return !util.isBreak(current); }, true);
             child = children[0];
-            
+
             if (!child || children.length > 1 || child.nodeType !== 1) return;
-            
+
             // set cell style---
             const childStyle = child.style;
             const elStyle = el.style;
@@ -3232,7 +3257,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         _stripRemoveNode: function (removeNode) {
             const element = removeNode.parentNode;
             if (!removeNode || removeNode.nodeType === 3 || !element) return;
-            
+
             const children = removeNode.childNodes;
             while (children[0]) {
                 element.insertBefore(children[0], removeNode);
@@ -3291,7 +3316,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 if (util.onlyZeroWidthSpace(startCon.textContent.slice(0, startOff)) && util.onlyZeroWidthSpace(endCon.textContent.slice(endOff))) {
                     const children = parentCon.childNodes;
                     let sameTag = true;
-    
+
                     for (let i = 0, len = children.length, c, s, e, z; i < len; i++) {
                         c = children[i];
                         z = !util.onlyZeroWidthSpace(c);
@@ -3308,10 +3333,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             break;
                         }
                     }
-    
+
                     if (sameTag) {
                         util.copyTagAttributes(parentCon, newInnerNode);
-        
+
                         return {
                             ancestor: element,
                             startContainer: startCon,
@@ -3345,7 +3370,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 if (regExp && vNode.style.cssText.length > 0) {
                     style = regExp.test(vNode.style.cssText);
                 }
-            
+
                 return !style;
             }
 
@@ -3363,11 +3388,11 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         let line = pNode;
                         anchorNode = _getMaintainedNode(child);
                         const prevNode = util.createTextNode(startContainer.nodeType === 1 ? '' : startContainer.substringData(0, startOffset));
-                        const textNode = util.createTextNode(startContainer.nodeType === 1 ? '' : startContainer.substringData(startOffset, 
-                                isSameNode ? 
-                                (endOffset >= startOffset ? endOffset - startOffset : startContainer.data.length - startOffset) : 
+                        const textNode = util.createTextNode(startContainer.nodeType === 1 ? '' : startContainer.substringData(startOffset,
+                            isSameNode ?
+                                (endOffset >= startOffset ? endOffset - startOffset : startContainer.data.length - startOffset) :
                                 startContainer.data.length - startOffset)
-                            );
+                        );
 
                         if (anchorNode) {
                             const a = _getMaintainedNode(ancestor);
@@ -3386,7 +3411,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             }
                             anchorNode = anchorNode.cloneNode(false);
                         }
-                        
+
                         if (!util.onlyZeroWidthSpace(prevNode)) {
                             ancestor.appendChild(prevNode);
                         }
@@ -3564,13 +3589,13 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             appendNode.appendChild(newNode);
                             appendNode = newNode;
                         }
-                        
+
                         if (_isMaintainedNode(newInnerNode.parentNode) && !_isMaintainedNode(childNode) && !util.onlyZeroWidthSpace(newInnerNode)) {
                             newInnerNode = newInnerNode.cloneNode(false);
                             pNode.appendChild(newInnerNode);
                             nNodeArray.push(newInnerNode);
                         }
-                        
+
                         if (!endPass && !anchorNode && _isMaintainedNode(childNode)) {
                             newInnerNode = newInnerNode.cloneNode(false);
                             const aChildren = childNode.childNodes;
@@ -3631,7 +3656,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 for (let i = 0; i < nNodeArray.length; i++) {
                     let removeNode = nNodeArray[i];
                     let textNode, textNode_s, textNode_e;
-                    
+
                     if (collapsed) {
                         textNode = util.createTextNode(util.zeroWidthSpace);
                         pNode.replaceChild(textNode, removeNode);
@@ -3660,7 +3685,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         this._stripRemoveNode(nNodeArray[i]);
                     }
                 }
-                
+
                 if (collapsed) {
                     startContainer = endContainer = newInnerNode;
                 }
@@ -3745,7 +3770,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
                 if (sameTag) {
                     util.copyTagAttributes(parentCon, newInnerNode);
-    
+
                     return {
                         ancestor: element,
                         container: startCon,
@@ -3823,7 +3848,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             pNode.appendChild(newInnerNode);
                             nNodeArray.push(newInnerNode);
                         }
-                        
+
                         if (!anchorNode && _isMaintainedNode(childNode)) {
                             newInnerNode = newInnerNode.cloneNode(false);
                             const aChildren = childNode.childNodes;
@@ -4073,7 +4098,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             pNode.appendChild(newInnerNode);
                             newInnerNode = newInnerNode.cloneNode(false);
                         }
-                        
+
                         cloneChild = child.cloneNode(true);
                         pNode.appendChild(cloneChild);
                         pNode.appendChild(newInnerNode);
@@ -4108,7 +4133,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             if (isRemoveFormat && isRemoveNode) {
                 for (let i = 0; i < nNodeArray.length; i++) {
                     let removeNode = nNodeArray[i];
-                    
+
                     const rChildren = removeNode.childNodes;
                     while (rChildren[0]) {
                         pNode.insertBefore(rChildren[0], removeNode);
@@ -4149,7 +4174,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 if (parentCon.nodeName === newInnerNode.nodeName) break;
                 parentCon = parentCon.parentNode;
             }
-            
+
             if (!isRemoveNode && parentCon.nodeName === newInnerNode.nodeName && !util.isFormatElement(parentCon) && !parentCon.previousSibling && util.onlyZeroWidthSpace(endCon.textContent.slice(endOff))) {
                 let sameTag = true;
                 let e = endCon.nextSibling;
@@ -4163,7 +4188,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
                 if (sameTag) {
                     util.copyTagAttributes(parentCon, newInnerNode);
-    
+
                     return {
                         ancestor: element,
                         container: endCon,
@@ -4326,7 +4351,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         }
 
                         if (util.isBreak(child)) newInnerNode.appendChild(child.cloneNode(false));
-                        
+
                         if (anchorNode) {
                             anchorNode.insertBefore(newInnerNode, anchorNode.firstChild);
                             pNode.insertBefore(anchorNode, pNode.firstChild);
@@ -4367,7 +4392,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             if (isRemoveFormat) {
                 for (let i = 0; i < nNodeArray.length; i++) {
                     let removeNode = nNodeArray[i];
-                    
+
                     const rChildren = removeNode.childNodes;
                     let textNode = null;
                     while (rChildren[0]) {
@@ -4414,7 +4439,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     container = newInnerNode;
                     offset = 1;
                 }
-                
+
                 // node change
                 const offsets = {s: 0, e: 0};
                 const path = util.getNodePath(container, pNode, offsets);
@@ -4465,16 +4490,16 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
                             event._showToolbarBalloon();
                             event._showToolbarInline();
-                        }        
+                        }
                     }
                     return;
                 }
-                
+
                 if (/container/.test(display) && (this._menuTray[command] === null || target !== this.containerActiveButton)) {
                     this.callPlugin(command, this.containerOn.bind(this, target), target);
                     return;
-                } 
-                
+                }
+
                 if (this.isReadOnly && util.arrayIncludes(this.resizingDisabledButtons, target)) return;
                 if (/submenu/.test(display) && (this._menuTray[command] === null || target !== this.submenuActiveButton)) {
                     this.callPlugin(command, this.submenuOn.bind(this, target), target);
@@ -4692,16 +4717,16 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 this._variable._wysiwygOriginCssText = this._variable._wysiwygOriginCssText.replace(/(\s?display(\s+)?:(\s+)?)[a-zA-Z]+(?=;)/, 'display: block');
 
                 if (options.height === 'auto' && !options.codeMirrorEditor) context.element.code.style.height = '0px';
-                
+
                 this._variable.isCodeView = false;
-                
+
                 if (!this._variable.isFullScreen) {
                     this._notHideToolbar = false;
                     if (/balloon|balloon-always/i.test(options.mode)) {
                         context.element._arrow.style.display = '';
                         this._isInline = false;
                         this._isBalloon = true;
-                        event._hideToolbar();    
+                        event._hideToolbar();
                     }
                 }
 
@@ -4720,9 +4745,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
                 if (this._variable.isFullScreen) context.element.code.style.height = '100%';
                 else if (options.height === 'auto' && !options.codeMirrorEditor) context.element.code.style.height = context.element.code.scrollHeight > 0 ? (context.element.code.scrollHeight + 'px') : 'auto';
-                
+
                 if (options.codeMirrorEditor) options.codeMirrorEditor.refresh();
-                
+
                 this._variable.isCodeView = true;
 
                 if (!this._variable.isFullScreen) {
@@ -4735,7 +4760,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         event._showToolbarInline();
                     }
                 }
-                
+
                 this._variable._range = null;
                 context.element.code.focus();
                 util.addClass(this._styleCommandMap.codeView, 'active');
@@ -4825,12 +4850,12 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const code = context.element.code;
             const _var = this._variable;
             this.controllersOff();
-            
+
             const wasToolbarHidden = (toolbar.style.display === 'none' || (this._isInline && !this._inlineToolbarAttr.isShow));
 
             if (!_var.isFullScreen) {
                 _var.isFullScreen = true;
-                
+
                 _var._fullScreenAttrs.inline = this._isInline;
                 _var._fullScreenAttrs.balloon = this._isBalloon;
 
@@ -4838,7 +4863,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     this._isInline = false;
                     this._isBalloon = false;
                 }
-                
+
                 if (!!options.toolbarContainer) context.element.relative.insertBefore(toolbar, editorArea);
 
                 topArea.style.position = 'fixed';
@@ -4998,7 +5023,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             core.submenuOff();
             core.containerOff();
             core.controllersOff();
-            
+
             const contentsHTML = options.previewTemplate ? options.previewTemplate.replace(/\{\{\s*contents\s*\}\}/i, this.getContents(true)) : this.getContents(true);
             const windowObject = _w.open('', '_blank');
             windowObject.mimeType = 'text/html';
@@ -5026,7 +5051,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 for (let i = 0, len = styles.length; i < len; i++) {
                     linkHTML += styles[i].outerHTML;
                 }
-                
+
                 windowObject.document.write('' +
                     '<!DOCTYPE html><html>' +
                     '<head>' +
@@ -5111,7 +5136,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         setContents: function (html) {
             this.removeRange();
-            
+
             const convertValue = (html === null || html === undefined) ? '' : this.convertContentsForEditor(html, null, null);
             if (!this._variable.isCodeView) {
                 context.element.wysiwyg.innerHTML = convertValue;
@@ -5190,7 +5215,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     ch[i].outerHTML = ch[i].innerHTML;
                 }
 
-                if (!requireFormat || (util.isFormatElement(node) || util.isRangeFormatElement(node) || util.isComponent(node) || util.isMedia(node) || (util.isAnchor(node) && util.isMedia(node.firstElementChild)))) {
+                if (!requireFormat || (util.isFormatElement(node) || util.isRangeFormatElement(node) || util.isComponent(node) || util.isFigures(node) || (util.isAnchor(node) && util.isMedia(node.firstElementChild)))) {
                     return util.isSpanWithoutAttr(node) ? node.innerHTML : node.outerHTML;
                 } else {
                     return '<' + defaultTag + '>' + (util.isSpanWithoutAttr(node) ? node.innerHTML : node.outerHTML) + '</' + defaultTag + '>';
@@ -5237,16 +5262,16 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @private
          */
         _deleteDisallowedTags: function (html) {
-			html = html
-				.replace(this.__disallowedTagsRegExp, '')
-				.replace(/<[a-z0-9]+\:[a-z0-9]+[^>^\/]*>[^>]*<\/[a-z0-9]+\:[a-z0-9]+>/gi, '');
+            html = html
+                .replace(this.__disallowedTagsRegExp, '')
+                .replace(/<[a-z0-9]+\:[a-z0-9]+[^>^\/]*>[^>]*<\/[a-z0-9]+\:[a-z0-9]+>/gi, '');
 
             if (!/\bfont\b/i.test(this.options._editorTagsWhitelist)) {
                 html = html.replace(/(<\/?)font(\s?)/gi, '$1span$2');
             }
 
-			return html.replace(this.editorTagsWhitelistRegExp, '').replace(this.editorTagsBlacklistRegExp, '');
-		},
+            return html.replace(this.editorTagsWhitelistRegExp, '').replace(this.editorTagsBlacklistRegExp, '');
+        },
 
         _convertFontSize: function (to, size) {
             const math = this._w.Math;
@@ -5254,7 +5279,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const sizeNum = value ? value[1] * 1 : util.fontValueMap[size];
             const from = value ? value[2] : 'rem';
             let pxSize = sizeNum;
-            
+
             if (/em/.test(from)) {
                 pxSize = math.round(sizeNum / 0.0625);
             } else if (from === 'pt') {
@@ -5277,7 +5302,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
         _cleanStyle: function (m, v, name) {
             let sv = (m.match(/style\s*=\s*(?:"|')[^"']*(?:"|')/) || [])[0];
-            if (/span/i.test(name) && !sv && (m.match(/<span\s(.+)/) || [])[1]) {
+            if (/span/i.test(name) && !sv && (m.match(/<[^\s]+\s(.+)/) || [])[1]) {
                 const size = (m.match(/\ssize="([^"]+)"/i) || [])[1];
                 const face = (m.match(/\sface="([^"]+)"/i) || [])[1];
                 const color = (m.match(/\scolor="([^"]+)"/i) || [])[1];
@@ -5292,7 +5317,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 if (style) {
                     const allowedStyle = [];
                     for (let i = 0, len = style.length, r; i < len; i++) {
-                        r = style[i].match(/([a-zA-Z0-9-]+)(:)([^"]+)/);
+                        r = style[i].match(/([a-zA-Z0-9-]+)(:)([^"']+)/);
                         if (r && !/inherit|initial|revert|unset/i.test(r[3])) {
                             const k = util.kebabToCamelCase(r[1].trim());
                             const v = this.wwComputedStyle[k].replace(/"/g, '');
@@ -5314,7 +5339,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     if (!options.plugins.hiliteColor || /rgba\(([0-9]+\s*,\s*){3}0\)|windowtext/i.test(c)) continue;
                                     break;
                             }
-                            
+
                             if (v !== c) {
                                 allowedStyle.push(r[0]);
                             }
@@ -5337,23 +5362,23 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         _cleanTags: function (lowLevelCheck, m, t) {
             if (/^<[a-z0-9]+\:[a-z0-9]+/i.test(m)) return m;
-            
+
             let v = null;
             const tagName = t.match(/(?!<)[a-zA-Z0-9\-]+/)[0].toLowerCase();
-            
+
             // blacklist
             const bAttr = this._attributesTagsBlacklist[tagName];
             m = m.replace(/\s(?:on[a-z]+)\s*=\s*(")[^"]*\1/ig, '');
             if (bAttr) m = m.replace(bAttr, '');
             else m = m.replace(this._attributesBlacklistRegExp, '');
-            
+
             // whitelist
             const wAttr = this._attributesTagsWhitelist[tagName];
             if (wAttr) v = m.match(wAttr);
             else v = m.match(lowLevelCheck ? this._attributesWhitelistRegExp : this._attributesWhitelistRegExp_all_data);
-            
+
             // attribute
-            if (lowLevelCheck || tagName === 'span') {
+            if (lowLevelCheck || tagName === 'span' || tagName === 'li' ||  this._cleanStyleRegExp[tagName]) {
                 if (tagName === 'a') {
                     const sv = m.match(/(?:(?:id|name)\s*=\s*(?:"|')[^"']*(?:"|'))/g);
                     if (sv) {
@@ -5361,8 +5386,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         v.push(sv[0]);
                     }
                 } else if (!v || !/style=/i.test(v.toString())) {
-                    if (tagName === 'span') {
+                    if (tagName === 'span' || tagName === 'li') {
                         v = this._cleanStyle(m, v, 'span');
+                    } if (this._cleanStyleRegExp[tagName]) {
+                        v = this._cleanStyle(m, v, tagName);
                     } else if (/^(P|DIV|H[1-6]|PRE)$/i.test(tagName)) {
                         v = this._cleanStyle(m, v, 'format');
                     }
@@ -5400,7 +5427,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         _editFormat: function (dom) {
             let value = '', f;
             const tempTree = dom.childNodes;
-            
+
             for (let i = 0, len = tempTree.length, n; i < len; i++) {
                 n = tempTree[i];
                 if  (n.nodeType === 8) {
@@ -5472,6 +5499,8 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @returns {String}
          */
         cleanHTML: function (html, whitelist, blacklist) {
+            if (!options.strictMode) return html;
+
             html = this._deleteDisallowedTags(this._parser.parseFromString(util.htmlCompress(html), 'text/html').body.innerHTML).replace(/(<[a-zA-Z0-9\-]+)[^>]*(?=>)/g, this._cleanTags.bind(this, true)).replace(/<br\/?>$/i, '');
             const dom = _d.createRange().createContextualFragment(html);
             try {
@@ -5479,7 +5508,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             } catch (error) {
                 console.warn('[SUNEDITOR.cleanHTML.consistencyCheck.fail] ' + error);
             }
-            
+
             if (this.managedTagsInfo && this.managedTagsInfo.query) {
                 const textCompList = dom.querySelectorAll(this.managedTagsInfo.query);
                 for (let i = 0, len = textCompList.length, initMethod, classList; i < len; i++) {
@@ -5528,6 +5557,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @returns {String}
          */
         convertContentsForEditor: function (contents) {
+            if (!options.strictMode) return contents;
             contents = this._deleteDisallowedTags(this._parser.parseFromString(util.htmlCompress(contents), 'text/html').body.innerHTML).replace(/(<[a-zA-Z0-9\-]+)[^>]*(?=>)/g, this._cleanTags.bind(this, true));
             const dom = _d.createRange().createContextualFragment(contents);
 
@@ -5550,7 +5580,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     }
                 }
             }
-            
+
             const domTree = dom.childNodes;
             let cleanHTML = '', p = null;
             for (let i = 0, t; i < domTree.length; i++) {
@@ -5561,7 +5591,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     continue;
                 }
 
-                if (!util.isFormatElement(t) && !util.isRangeFormatElement(t) && !util.isComponent(t) && !util.isMedia(t) && t.nodeType !== 8 && !/__se__tag/.test(t.className)) {
+                if (!util.isFormatElement(t) && !util.isRangeFormatElement(t) && !util.isComponent(t) && !util.isFigures(t) && t.nodeType !== 8 && !/__se__tag/.test(t.className)) {
                     if (!p) p = util.createElement(options.defaultTag);
                     p.appendChild(t);
                     i--;
@@ -5659,7 +5689,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
         /**
          * @description Remove events from document.
-         * When created as an Iframe, the event of the document inside the Iframe is also removed.
+         * When created as an Iframe, the event of the document inside the Iframe is also removed.
          * @param {String} type Event type
          * @param {Function} listener Event listener
          */
@@ -5687,7 +5717,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             if (maxCharCount > 0) {
                 let over = false;
                 const count = functions.getCharCount(countType);
-                
+
                 if (count > maxCharCount) {
                     over = true;
                     if (nextCharCount > 0) {
@@ -5696,7 +5726,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         const endOff = range.endOffset - 1;
                         const text = this.getSelectionNode().textContent;
                         const slicePosition = range.endOffset - (count - maxCharCount);
-    
+
                         this.getSelectionNode().textContent = text.slice(0, slicePosition < 0 ? 0 : slicePosition) + text.slice(range.endOffset, text.length);
                         this.setRange(range.endContainer, endOff, range.endContainer, endOff);
                     }
@@ -5778,7 +5808,11 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         _setCharCount: function () {
             if (context.element.charCounter) {
-                _w.setTimeout(function () { context.element.charCounter.textContent = functions.getCharCount(options.charCounterType); });
+                _w.setTimeout(function (functions, options) {
+                    if (this.textContent && functions) {
+                        this.textContent = functions.getCharCount(options.charCounterType);
+                    }
+                }.bind(context.element.charCounter, functions, options), 0);
             }
         },
 
@@ -5936,7 +5970,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     }
                 }
             }
-            
+
             this._attributesWhitelistRegExp = new wRegExp('\\s(?:' + (allAttr || defaultAttr + '|' + dataAttr) + ')' + regEndStr, 'ig');
             this._attributesWhitelistRegExp_all_data = new wRegExp('\\s(?:' + ((allAttr || defaultAttr) + '|data-[a-z0-9\\-]+') + ')' + regEndStr, 'ig');
             this._attributesTagsWhitelist = tagsAttr;
@@ -6014,7 +6048,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             this._fileManager.queryString = this._fileManager.tags.join(',');
             this._fileManager.regExp = new wRegExp('^(' +  (this._fileManager.tags.join('|') || '^') + ')$', 'i');
             this._fileManager.pluginRegExp = new wRegExp('^(' +  (filePluginRegExp.length === 0 ? '^' : filePluginRegExp.join('|')) + ')$', 'i');
-            
+
             // cache editor's element
             this._variable._originCssText = context.element.topArea.style.cssText;
             this._placeholder = context.element.placeholder;
@@ -6034,7 +6068,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 if (options._editorStyles.editor) context.element.wysiwyg.style.cssText = options._editorStyles.editor;
                 if (options.height === 'auto') this._iframeAuto = this._wd.body;
             }
-            
+
             this._initWysiwygArea(reload, _initHTML);
         },
 
@@ -6056,7 +6090,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             commandMap[options.textTags.strike.toUpperCase()] = tool.strike;
             commandMap[options.textTags.sub.toUpperCase()] = tool.subscript;
             commandMap[options.textTags.sup.toUpperCase()] = tool.superscript;
-            
+
             this._styleCommandMap = {
                 fullScreen: tool.fullScreen,
                 showBlocks: tool.showBlocks,
@@ -6073,7 +6107,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @private
          */
         _initWysiwygArea: function (reload, _initHTML) {
-            context.element.wysiwyg.innerHTML = reload ? _initHTML : this.convertContentsForEditor((typeof _initHTML === 'string' ? _initHTML : /TEXTAREA/i.test(context.element.originElement) ? context.element.originElement.value : context.element.originElement.innerHTML) || '');
+            context.element.wysiwyg.innerHTML = reload ? _initHTML : this.convertContentsForEditor((typeof _initHTML === 'string' ? _initHTML : /^TEXTAREA$/i.test(context.element.originElement.nodeName) ? context.element.originElement.value : context.element.originElement.innerHTML) || '');
         },
 
         /**
@@ -6104,7 +6138,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         _iframeAutoHeight: function () {
             if (this._iframeAuto) {
-                _w.setTimeout(function () { 
+                _w.setTimeout(function () {
                     const h = core._iframeAuto.offsetHeight;
                     context.element.wysiwygFrame.style.height = h + 'px';
                     if (!util.isResizeObserverSupported) core.__callResizeFunction(h, null);
@@ -6183,7 +6217,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     focusNode = util.createTextNode(util.zeroWidthSpace);
                     format.insertBefore(focusNode, format.firstChild);
                 }
-                
+
                 offset = focusNode.textContent.length;
                 this.setRange(focusNode, offset, focusNode, offset);
                 return;
@@ -6202,17 +6236,26 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 return;
             }
 
-            this.execCommand('formatBlock', false, (formatName || options.defaultTag));
-            focusNode = util.getEdgeChildNodes(commonCon, commonCon);
-            focusNode = focusNode ? focusNode.ec : commonCon;
-
-            format = util.getFormatElement(focusNode, null);
-            if (!format) {
+            try {
+                if (commonCon.nodeType === 3) {
+                    format = util.createElement(formatName || options.defaultTag);
+                    commonCon.parentNode.insertBefore(format, commonCon);
+                    format.appendChild(commonCon);
+                }
+                
+                if (util.isBreak(format.nextSibling)) util.removeItem(format.nextSibling);
+                if (util.isBreak(format.previousSibling)) util.removeItem(format.previousSibling);
+                if (util.isBreak(focusNode)) {
+                    const zeroWidth = util.createTextNode(util.zeroWidthSpace);
+                    focusNode.parentNode.insertBefore(zeroWidth, focusNode);
+                    focusNode = zeroWidth;
+                }
+            } catch (e) {
+                this.execCommand('formatBlock', false, (formatName || options.defaultTag));
                 this.removeRange();
                 this._editorRange();
-                return;
             }
-            
+
             if (util.isBreak(format.nextSibling)) util.removeItem(format.nextSibling);
             if (util.isBreak(format.previousSibling)) util.removeItem(format.previousSibling);
             if (util.isBreak(focusNode)) {
@@ -6264,7 +6307,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             this._componentsInfoReset = false;
 
             this.history.reset(true);
-            
+
             _w.setTimeout(function () {
                 if (typeof core._resourcesStateChange !== 'function') return;
 
@@ -6489,19 +6532,45 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             } else {
                 let command = target.getAttribute('data-command');
                 let className = target.className;
-    
+
                 while (!command && !/se-menu-list/.test(className) && !/sun-editor-common/.test(className)) {
                     target = target.parentNode;
                     command = target.getAttribute('data-command');
                     className = target.className;
                 }
-    
+
                 if (command === core._submenuName || command === core._containerName) {
                     e.stopPropagation();
                 }
             }
         },
 
+        addGlobalEvent(type, listener, useCapture) {
+            if (options.iframe) {
+                core._ww.addEventListener(type, listener, useCapture);
+            }
+            core._w.addEventListener(type, listener, useCapture);
+            return {
+                type: type,
+                listener: listener,
+                useCapture: useCapture
+            };
+        },
+    
+        removeGlobalEvent(type, listener, useCapture) {
+            if (!type) return;
+    
+            if (typeof type === 'object') {
+                listener = type.listener;
+                useCapture = type.useCapture;
+                type = type.type;
+            }
+            if (options.iframe) {
+                core._ww.removeEventListener(type, listener, useCapture);
+            }
+            core._w.removeEventListener(type, listener, useCapture);
+        },
+
         onClick_toolbar: function (e) {
             let target = e.target;
             let display = target.getAttribute('data-display');
@@ -6522,6 +6591,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             core.actionCall(command, display, target);
         },
 
+        __selectionSyncEvent: null,
         onMouseDown_wysiwyg: function (e) {
             if (core.isReadOnly || util.isNonEditable(context.element.wysiwyg)) return;
             if (util._isExcludeSelectionElement(e.target)) {
@@ -6529,11 +6599,15 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 return;
             }
 
-            _w.setTimeout(core._editorRange.bind(core));
+            event.removeGlobalEvent(event.__selectionSyncEvent);
+            event.__selectionSyncEvent = event.addGlobalEvent('mouseup', function() {
+                core._editorRange();
+                event.removeGlobalEvent(event.__selectionSyncEvent);
+            });
 
             // user event
             if (typeof functions.onMouseDown === 'function' && functions.onMouseDown(e, core) === false) return;
-            
+
             const tableCell = util.getParentElement(e.target, util.isCell);
             if (tableCell) {
                 const tablePlugin = core.plugins.table;
@@ -6602,6 +6676,16 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const selectionNode = core.getSelectionNode();
             const formatEl = util.getFormatElement(selectionNode, null);
             const rangeEl = util.getRangeFormatElement(selectionNode, null);
+
+            let selectionNodeDeepestFirstChild = selectionNode;
+            while (selectionNodeDeepestFirstChild.firstChild) selectionNodeDeepestFirstChild = selectionNodeDeepestFirstChild.firstChild;
+
+            const selectedComponentInfo = core.getFileComponent(selectionNodeDeepestFirstChild);
+            if (selectedComponentInfo) {
+                const range = core.getRange();
+                if (!rangeEl && range.startContainer === range.endContainer) core.selectComponent(selectedComponentInfo.target, selectedComponentInfo.pluginName);
+            } else if (core.currentFileComponentInfo) core.controllersOff();
+
             if (!formatEl && !util.isNonEditable(targetElement) && !util.isList(rangeEl)) {
                 const range = core.getRange();
                 if (util.getFormatElement(range.startContainer) === util.getFormatElement(range.endContainer)) {
@@ -6675,7 +6759,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const offsets = event._getEditorOffsets(null);
             const stickyTop = offsets.top;
             const editorLeft = offsets.left;
-            
+
             toolbar.style.top = '-10000px';
             toolbar.style.visibility = 'hidden';
             toolbar.style.display = 'block';
@@ -6719,7 +6803,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     bottom: rects.bottom + iframeRects.bottom - iframeRects.height
                 };
             }
-            
+
             event._setToolbarOffset(isDirTop, rects, toolbar, editorLeft, editorWidth, scrollLeft, scrollTop, stickyTop, arrowMargin);
             if (toolbarWidth !== toolbar.offsetWidth || toolbarHeight !== toolbar.offsetHeight) {
                 event._setToolbarOffset(isDirTop, rects, toolbar, editorLeft, editorWidth, scrollLeft, scrollTop, stickyTop, arrowMargin);
@@ -6752,7 +6836,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             const absoluteLeft = (isDirTop ? rects.left : rects.right) - editorLeft - (toolbarWidth / 2) + scrollLeft;
             const overRight = absoluteLeft + toolbarWidth - editorWidth;
-            
+
             let t = (isDirTop ? rects.top - toolbarHeight - arrowMargin : rects.bottom + arrowMargin) - (rects.noText ? 0 : stickyTop) + scrollTop;
             let l = absoluteLeft < 0 ? padding : overRight < 0 ? absoluteLeft : absoluteLeft - overRight - padding - 1;
 
@@ -6791,12 +6875,12 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const toolbar = context.element.toolbar;
             if (options.toolbarContainer) toolbar.style.position = 'relative';
             else toolbar.style.position = 'absolute';
-            
+
             toolbar.style.visibility = 'hidden';
             toolbar.style.display = 'block';
             core._inlineToolbarAttr.width = toolbar.style.width = options.toolbarWidth;
             core._inlineToolbarAttr.top = toolbar.style.top = (options.toolbarContainer ? 0 : (-1 - toolbar.offsetHeight)) + 'px';
-            
+
             if (typeof functions.showInline === 'function') functions.showInline(toolbar, context, core);
 
             event.onScroll_window();
@@ -6812,6 +6896,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         },
 
         onInput_wysiwyg: function (e) {
+            if (/AUDIO/.test(e.target.nodeName)) return false;
             if (core.isReadOnly || core.isDisabled) {
                 e.preventDefault();
                 e.stopPropagation();
@@ -6821,7 +6906,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             core._editorRange();
 
-            const data = (e.data === null ? '' : e.data === undefined ? ' ' : e.data) || '';       
+            const data = (e.data === null ? '' : e.data === undefined ? ' ' : e.data) || '';
             if (!core._charCount(data)) {
                 e.preventDefault();
                 e.stopPropagation();
@@ -6907,6 +6992,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             let formatEl = util.getFormatElement(selectionNode, null) || selectionNode;
             let rangeEl = util.getRangeFormatElement(formatEl, null);
 
+            const isArrowKey = /37|38|39|40/.test(e.keyCode);
+            if (isArrowKey && event._onKeyDown_wysiwyg_arrowKey(e) === false) return;
+
             switch (keyCode) {
                 case 8: /** backspace key */
                     if (!selectRange) {
@@ -6930,8 +7018,8 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         return false;
                     }
 
-                    if (!selectRange && !formatEl.previousElementSibling && (range.startOffset === 0 && !selectionNode.previousSibling && !util.isListCell(formatEl) && 
-                     (util.isFormatElement(formatEl) && (!util.isFreeFormatElement(formatEl) || util.isClosureFreeFormatElement(formatEl))))) {
+                    if (!selectRange && !formatEl.previousElementSibling && (range.startOffset === 0 && !selectionNode.previousSibling && !util.isListCell(formatEl) &&
+                        (util.isFormatElement(formatEl) && (!util.isFreeFormatElement(formatEl) || util.isClosureFreeFormatElement(formatEl))))) {
                         // closure range
                         if (util.isClosureRangeFormatElement(formatEl.parentNode)) {
                             e.preventDefault();
@@ -7006,7 +7094,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     rangeEl = util.getRangeFormatElement(formatEl, null);
                     if (rangeEl && formatEl && !util.isCell(rangeEl) && !/^FIGCAPTION$/i.test(rangeEl.nodeName)) {
                         if (util.isListCell(formatEl) && util.isList(rangeEl) && (util.isListCell(rangeEl.parentNode) || formatEl.previousElementSibling) && (selectionNode === formatEl || (selectionNode.nodeType === 3 && (!selectionNode.previousSibling || util.isList(selectionNode.previousSibling)))) &&
-                         (util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null) ? rangeEl.contains(range.startContainer) : (range.startOffset === 0  && range.collapsed))) {
+                            (util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null) ? rangeEl.contains(range.startContainer) : (range.startOffset === 0  && range.collapsed))) {
                             if (range.startContainer !== range.endContainer) {
                                 e.preventDefault();
 
@@ -7052,7 +7140,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     core.history.push(true);
                                 }
                             }
-                            
+
                             break;
                         }
 
@@ -7069,7 +7157,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                 }
                                 comm = comm.parentNode;
                             }
-    
+
                             if (detach && rangeEl.parentNode) {
                                 e.preventDefault();
                                 core.detachRangeFormatElement(rangeEl, (util.isListCell(formatEl) ? [formatEl] : null), null, false, false);
@@ -7190,9 +7278,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     formatEl = util.getFormatElement(range.startContainer, null);
                     rangeEl = util.getRangeFormatElement(formatEl, null);
                     if (util.isListCell(formatEl) && util.isList(rangeEl) && (selectionNode === formatEl || (selectionNode.nodeType === 3 && (!selectionNode.nextSibling || util.isList(selectionNode.nextSibling)) &&
-                     (util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null) ? rangeEl.contains(range.endContainer) : (range.endOffset === selectionNode.textContent.length && range.collapsed))))) {
+                        (util.getFormatElement(range.startContainer, null) !== util.getFormatElement(range.endContainer, null) ? rangeEl.contains(range.endContainer) : (range.endOffset === selectionNode.textContent.length && range.collapsed))))) {
                         if (range.startContainer !== range.endContainer) core.removeNode();
-                        
+
                         let next = util.getArrayItem(formatEl.children, util.isList, false);
                         next = next || formatEl.nextElementSibling || rangeEl.parentNode.nextElementSibling;
                         if (next && (util.isList(next) || util.getArrayItem(next.children, util.isList, false))) {
@@ -7228,7 +7316,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     e.preventDefault();
                     if (ctrl || alt || util.isWysiwygDiv(selectionNode)) break;
 
-                    const isEdge = (!range.collapsed || core.isEdgePoint(range.startContainer, range.startOffset));            
+                    const isEdge = (!range.collapsed || core.isEdgePoint(range.startContainer, range.startOffset));
                     const selectedFormats = core.getSelectedElements(null);
                     selectionNode = core.getSelectionNode();
                     const cells = [];
@@ -7247,7 +7335,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             lines.push(f);
                         }
                     }
-                    
+
                     // Nested list
                     if (cells.length > 0 && isEdge && core.plugins.list) {
                         r = core.plugins.list.editInsideList.call(core, shift, cells);
@@ -7293,14 +7381,14 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                 for (let i = 0, child; i <= len; i++) {
                                     child = lines[i].firstChild;
                                     if (!child) continue;
-    
+
                                     if (util.isBreak(child)) {
                                         lines[i].insertBefore(tabText.cloneNode(false), child);
                                     } else {
                                         child.textContent = tabText.textContent + child.textContent;
                                     }
                                 }
-    
+
                                 const firstChild = util.getChildElement(lines[0], 'text', false);
                                 const endChild = util.getChildElement(lines[len], 'text', true);
                                 if (!fc && firstChild) {
@@ -7320,17 +7408,17 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     child = line[c];
                                     if (!child) break;
                                     if (util.onlyZeroWidthSpace(child)) continue;
-        
+
                                     if (/^\s{1,4}$/.test(child.textContent)) {
                                         util.removeItem(child);
                                     } else if (/^\s{1,4}/.test(child.textContent)) {
                                         child.textContent = child.textContent.replace(/^\s{1,4}/, '');
                                     }
-                                    
+
                                     break;
                                 }
                             }
-    
+
                             const firstChild = util.getChildElement(lines[0], 'text', false);
                             const endChild = util.getChildElement(lines[len], 'text', true);
                             if (!fc && firstChild) {
@@ -7347,9 +7435,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     core.setRange(r.sc, r.so, r.ec, r.eo);
                     // history stack
                     core.history.push(false);
-                    
+
                     break;
                 case 13: /** enter key */
+                    // enter login start
                     const freeFormatEl = util.getFreeFormatElement(selectionNode, null);
 
                     if (core._charTypeHTML) {
@@ -7366,13 +7455,13 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         }
                     }
 
-                    if (!shift) {
+                    if (!shift && !fileComponentName) {
                         const formatEndEdge = core._isEdgeFormat(range.endContainer, range.endOffset, 'end');
                         const formatStartEdge = core._isEdgeFormat(range.startContainer, range.startOffset, 'start');
 
                         // add default format line
                         if (formatEndEdge && (/^H[1-6]$/i.test(formatEl.nodeName) || /^HR$/i.test(formatEl.nodeName))) {
-                            e.preventDefault();
+                            event._enterPrevent(e);
                             let temp = null;
                             const newFormat = core.appendFormatTag(formatEl, options.defaultTag);
 
@@ -7386,37 +7475,41 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             }
 
                             temp = !temp ? newFormat.firstChild : temp.appendChild(newFormat.firstChild);
-                            core.setRange(temp, 0, temp, 0);
+                            if (util.isBreak(temp)) {
+                                const zeroWidth = util.createTextNode(util.zeroWidthSpace);
+                                temp.parentNode.insertBefore(zeroWidth, temp);
+                                core.setRange(zeroWidth, 1, zeroWidth, 1);
+                            } else {
+                                core.setRange(temp, 0, temp, 0);
+                            }
                             break;
                         } else if (rangeEl && formatEl && !util.isCell(rangeEl) && !/^FIGCAPTION$/i.test(rangeEl.nodeName)) {
                             const range = core.getRange();
                             if(core.isEdgePoint(range.endContainer, range.endOffset) && util.isList(selectionNode.nextSibling)) {
-                                e.preventDefault();
+                                event._enterPrevent(e);
                                 const newEl = util.createElement('LI');
                                 const br = util.createElement('BR');
                                 newEl.appendChild(br);
-    
+
                                 formatEl.parentNode.insertBefore(newEl, formatEl.nextElementSibling);
                                 newEl.appendChild(selectionNode.nextSibling);
-                                
+
                                 core.setRange(br, 1, br, 1);
                                 break;
                             }
-    
+
                             if ((range.commonAncestorContainer.nodeType === 3 ? !range.commonAncestorContainer.nextElementSibling : true) && util.onlyZeroWidthSpace(formatEl.innerText.trim()) && !util.isListCell(formatEl.nextElementSibling)) {
-                                e.preventDefault();
+                                event._enterPrevent(e);
                                 let newEl = null;
-    
+
                                 if (util.isListCell(rangeEl.parentNode)) {
-                                    rangeEl = formatEl.parentNode.parentNode.parentNode;
-                                    newEl = util.splitElement(formatEl, null, util.getElementDepth(formatEl) - 2);
-                                    if (!newEl) {
-                                        const newListCell = util.createElement('LI');
-                                        newListCell.innerHTML = '<br>';
-                                        util.copyTagAttributes(newListCell, formatEl, options.lineAttrReset);
-                                        rangeEl.insertBefore(newListCell, newEl);
-                                        newEl = newListCell;
-                                    }
+                                    const parentLi = formatEl.parentNode.parentNode;
+                                    rangeEl = parentLi.parentNode;
+                                    const newListCell = util.createElement('LI');
+                                    newListCell.innerHTML = '<br>';
+                                    util.copyTagAttributes(newListCell, formatEl, options.lineAttrReset);
+                                    newEl = newListCell;
+                                    rangeEl.insertBefore(newEl, parentLi.nextElementSibling);
                                 } else {
                                     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;
                                     newEl = util.createElement(newFormat);
@@ -7424,7 +7517,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     const edge = core.detachRangeFormatElement(rangeEl, [formatEl], null, true, true);
                                     edge.cc.insertBefore(newEl, edge.ec);
                                 }
-                                
+
                                 newEl.innerHTML = '<br>';
                                 util.removeItemAllParents(formatEl, null, null);
                                 core.setRange(newEl, 1, newEl, 1);
@@ -7433,13 +7526,13 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                         }
 
                         if (freeFormatEl) {
-                            e.preventDefault();
+                            event._enterPrevent(e);
                             const selectionFormat = selectionNode === freeFormatEl;
                             const wSelection = core.getSelection();
                             const children = selectionNode.childNodes, offset = wSelection.focusOffset, prev = selectionNode.previousElementSibling, next = selectionNode.nextSibling;
-    
+
                             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])) ||
-                              (!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)))))) {
+                                (!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)))))) {
                                 if (selectionFormat) util.removeItem(children[offset - 1]);
                                 else util.removeItem(selectionNode);
                                 const newEl = core.appendFormatTag(freeFormatEl, (util.isFormatElement(freeFormatEl.nextElementSibling) && !util.isRangeFormatElement(freeFormatEl.nextElementSibling)) ? freeFormatEl.nextElementSibling : null);
@@ -7447,22 +7540,22 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                 core.setRange(newEl, 1, newEl, 1);
                                 break;
                             }
-                            
+
                             if (selectionFormat) {
                                 functions.insertHTML(((range.collapsed && util.isBreak(range.startContainer.childNodes[range.startOffset - 1])) ? '<br>' : '<br><br>'), true, false);
-    
+
                                 let focusNode = wSelection.focusNode;
                                 const wOffset = wSelection.focusOffset;
                                 if (freeFormatEl === focusNode) {
                                     focusNode = focusNode.childNodes[wOffset - offset > 1 ? wOffset - 1 : wOffset];
                                 }
-    
+
                                 core.setRange(focusNode, 1, focusNode, 1);
                             } else {
                                 const focusNext = wSelection.focusNode.nextSibling;
                                 const br = util.createElement('BR');
                                 core.insertNode(br, null, false);
-    
+
                                 const brPrev = br.previousSibling, brNext = br.nextSibling;
                                 if (!util.isBreak(focusNext) && !util.isBreak(brPrev) && (!brNext || util.onlyZeroWidthSpace(brNext))) {
                                     br.parentNode.insertBefore(br.cloneNode(false), br);
@@ -7471,14 +7564,14 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     core.setRange(brNext, 0, brNext, 0);
                                 }
                             }
-    
+
                             event._onShortcutKey = true;
                             break;
                         }
-                        
+
                         // set format attrs - edge
                         if (range.collapsed && (formatStartEdge || formatEndEdge)) {
-                            e.preventDefault();
+                            event._enterPrevent(e);
                             const focusBR = util.createElement('BR');
                             const newFormat = util.createElement(formatEl.nodeName);
                             util.copyTagAttributes(newFormat, formatEl, options.lineAttrReset);
@@ -7498,10 +7591,10 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             if (formatEndEdge) {
                                 core.setRange(focusBR, 1, focusBR, 1);
                             }
-                            
+
                             break;
                         }
-                        
+
                         if (formatEl) {
                             e.stopPropagation();
 
@@ -7515,7 +7608,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                 newEl = util.getFormatElement(r.container, null);
                                 if (!newEl) {
                                     if (util.isWysiwygDiv(r.container)) {
-                                        e.preventDefault();
+                                        event._enterPrevent(e);
                                         context.element.wysiwyg.appendChild(newFormat);
                                         newEl = newFormat;
                                         util.copyTagAttributes(newEl, formatEl, options.lineAttrReset);
@@ -7523,7 +7616,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                     }
                                     break;
                                 }
-                                
+
                                 const innerRange = util.getRangeFormatElement(r.container);
                                 newEl = newEl.contains(innerRange) ? util.getChildElement(innerRange, util.getFormatElement.bind(util)) : newEl;
                                 if (isMultiLine) {
@@ -7558,7 +7651,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                                 }
                             }
 
-                            e.preventDefault();
+                            event._enterPrevent(e);
                             util.copyTagAttributes(newEl, formatEl, options.lineAttrReset);
                             core.setRange(newEl, offset, newEl, offset);
 
@@ -7567,9 +7660,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     }
 
                     if (selectRange) break;
-                    
+
                     if (rangeEl && util.getParentElement(rangeEl, 'FIGCAPTION') && util.getParentElement(rangeEl, util.isList)) {
-                        e.preventDefault();
+                        event._enterPrevent(e);
                         formatEl = core.appendFormatTag(formatEl, null);
                         core.setRange(formatEl, 0, formatEl, 0);
                     }
@@ -7577,6 +7670,9 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     if (fileComponentName) {
                         e.preventDefault();
                         e.stopPropagation();
+                        core.containerOff();
+                        core.controllersOff();
+
                         const compContext = context[fileComponentName];
                         const container = compContext._container;
                         const sibling = container.previousElementSibling || container.nextElementSibling;
@@ -7589,13 +7685,14 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                             newEl.innerHTML = '<br>';
                         }
 
-                        container.parentNode.insertBefore(newEl, container);
-                        
+                        if (shift) container.parentNode.insertBefore(newEl, container);
+                        else container.parentNode.insertBefore(newEl, container.nextElementSibling);
+
                         core.callPlugin(fileComponentName, function () {
                             if (core.selectComponent(compContext._element, fileComponentName) === false) core.blur();
                         }, null);
                     }
-                    
+
                     break;
                 case 27:
                     if (fileComponentName) {
@@ -7640,6 +7737,82 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             }
         },
 
+        _onKeyDown_wysiwyg_arrowKey: function (e) {
+            if (e.shiftKey) return; // shiftkey needs(?) other custom handler. This one may be adapted (in 'selectNode(...)'), but not for table
+
+            let selectionNode = core.getSelectionNode();
+
+            const selectNode = function (node, offset = 0) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                if (!node) return;
+
+                let componentInfo = core.getFileComponent(node);
+                if (componentInfo) {
+                    core.selectComponent(componentInfo.target, componentInfo.pluginName);   // more responsive for key holdness
+                } else {
+                    core.setRange(node, offset, node, offset);
+                    core.controllersOff();
+                }
+            };
+
+            const table = util.getParentElement(selectionNode, 'table');
+            if (table) {
+                const currentRow = util.getParentElement(selectionNode, 'tr');
+                const currentCell = util.getParentElement(selectionNode, 'td');
+
+                let currentCellFirstNode = currentCell;
+                let currentCellLastNode = currentCell;
+                if (currentCell) {
+                    while (currentCellFirstNode.firstChild) currentCellFirstNode = currentCellFirstNode.firstChild;
+                    while (currentCellLastNode.lastChild) currentCellLastNode = currentCellLastNode.lastChild;
+                }
+
+                let selectionNodeDeepestFirstChild = selectionNode;
+                while (selectionNodeDeepestFirstChild.firstChild) selectionNodeDeepestFirstChild = selectionNodeDeepestFirstChild.firstChild;
+                const isCellFirstNode = (selectionNodeDeepestFirstChild === currentCellFirstNode);
+                const isCellLastNode = (selectionNodeDeepestFirstChild === currentCellLastNode);
+
+                let siblingToSet = null;
+                let offset = 0;
+                if (e.keyCode === 38 && isCellFirstNode) { // UP
+                    const previousRow = currentRow && currentRow.previousElementSibling;
+                    if (previousRow) siblingToSet = previousRow.children[currentCell.cellIndex];
+                    else siblingToSet = util.getPreviousDeepestNode(table, core.context.element.wysiwyg);
+
+                    while (siblingToSet.lastChild) siblingToSet = siblingToSet.lastChild;
+                    if (siblingToSet) offset = siblingToSet.textContent.length;
+                } else if (e.keyCode === 40 && isCellLastNode) {  // DOWN
+                    const nextRow = currentRow && currentRow.nextElementSibling;
+                    if (nextRow) siblingToSet = nextRow.children[currentCell.cellIndex];
+                    else siblingToSet = util.getNextDeepestNode(table, core.context.element.wysiwyg);
+
+                    while (siblingToSet.firstChild) siblingToSet = siblingToSet.firstChild;
+                }
+
+                if (siblingToSet) {
+                    selectNode(siblingToSet, offset);
+                    return false;
+                }
+            }
+
+            const componentInfo = core.getFileComponent(selectionNode);
+            if (componentInfo) {
+                const selectPrevious = /37|38/.test(e.keyCode);
+                const selectNext = /39|40/.test(e.keyCode);
+
+                if (selectPrevious) {
+                    const previousDeepestNode = util.getPreviousDeepestNode(componentInfo.target, core.context.element.wysiwyg);
+                    selectNode(previousDeepestNode, previousDeepestNode && previousDeepestNode.textContent.length);
+                } else if (selectNext) {
+                    const nextDeepestNode = util.getNextDeepestNode(componentInfo.target, core.context.element.wysiwyg);
+                    selectNode(nextDeepestNode);
+                }
+            }
+
+        },
+
         onKeyUp_wysiwyg: function (e) {
             if (event._onShortcutKey) return;
 
@@ -7665,6 +7838,13 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 }
             }
 
+            let selectionNodeDeepestFirstChild = selectionNode;
+            while (selectionNodeDeepestFirstChild.firstChild) selectionNodeDeepestFirstChild = selectionNodeDeepestFirstChild.firstChild;
+
+            const selectedComponentInfo = core.getFileComponent(selectionNodeDeepestFirstChild);
+            if (!(e.keyCode === 16 || e.shiftKey) && selectedComponentInfo) core.selectComponent(selectedComponentInfo.target, selectedComponentInfo.pluginName);
+            else if (core.currentFileComponentInfo) core.controllersOff();
+
             /** when format tag deleted */
             if (keyCode === 8 && util.isWysiwygDiv(selectionNode) && selectionNode.textContent === '' && selectionNode.children.length === 0) {
                 e.preventDefault();
@@ -7735,7 +7915,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             if (core._antiBlur) return;
             core.hasFocus = true;
             _w.setTimeout(event._applyTagEffects);
-            
+
             if (core._isInline) event._showToolbarInline();
 
             // user event
@@ -7810,7 +7990,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 event._showToolbarInline();
                 return;
             }
-            
+
             core._iframeAutoHeight();
 
             if (core._sticky) {
@@ -7827,7 +8007,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const y = (this.scrollY || _d.documentElement.scrollTop) + options.stickyToolbar;
             const editorTop = event._getEditorOffsets(options.toolbarContainer).top - (core._isInline ? element.toolbar.offsetHeight : 0);
             const inlineOffset = core._isInline && (y - editorTop) > 0 ? y - editorTop - context.element.toolbar.offsetHeight : 0;
-            
+
             if (y < editorTop) {
                 event._offStickyToolbar();
             }
@@ -7898,7 +8078,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const range = core.getRange();
             const sc = range.startContainer;
             const ec = range.endContainer;
-            
+
             // table
             const sCell = util.getRangeFormatElement(sc);
             const eCell = util.getRangeFormatElement(ec);
@@ -7940,7 +8120,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
         onCopy_wysiwyg: function (e) {
             const clipboardData = util.isIE ? _w.clipboardData : e.clipboardData;
-            
+
             // user event
             if (typeof functions.onCopy === 'function' && functions.onCopy(e, clipboardData, core) === false) {
                 e.preventDefault();
@@ -8000,28 +8180,52 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             const dataTransfer = e.dataTransfer;
             if (!dataTransfer) return true;
 
-            core.removeNode();
             event._setDropLocationSelection(e);
+            core.removeNode();
+
+            if (!document.body.contains(core.currentControllerTarget)) core.controllersOff();
+
             return event._dataTransferAction('drop', e, dataTransfer);
         },
 
         _setDropLocationSelection: function (e) {
+            const range = { startContainer: null, startOffset: null, endContainer: null, endOffset: null };
+
+            let r = null;
             if (e.rangeParent) {
-                core.setRange(e.rangeParent, e.rangeOffset, e.rangeParent, e.rangeOffset);
+                range.startContainer = e.rangeParent;
+                range.startOffset = e.rangeOffset;
+                range.endContainer = e.rangeParent;
+                range.endOffset = e.rangeOffset;
             } else if (core._wd.caretRangeFromPoint) {
-                const r = core._wd.caretRangeFromPoint(e.clientX, e.clientY);
-                core.setRange(r.startContainer, r.startOffset, r.endContainer, r.endOffset);
+                r = core._wd.caretRangeFromPoint(e.clientX, e.clientY);
             } else {
-                const r = core.getRange();
-                core.setRange(r.startContainer, r.startOffset, r.endContainer, r.endOffset);
+                r = core.getRange();
+            }
+            if (r) {
+                range.startContainer = r.startContainer;
+                range.startOffset = r.startOffset;
+                range.endContainer = r.endContainer;
+                range.endOffset = r.endOffset;
+            }
+
+            if (range.startContainer === range.endContainer) {
+                const component = util.getParentElement(range.startContainer, util.isComponent);
+                if (component) {
+                    range.startContainer = component;
+                    range.startOffset = 0;
+                    range.endContainer = component;
+                    range.endOffset = 0;
+                }
             }
+            core.setRange(range.startContainer, range.startOffset, range.endContainer, range.endOffset);
         },
 
         _dataTransferAction: function (type, e, data) {
             let plainText, cleanData;
             if (util.isIE) {
                 plainText = data.getData('Text');
-                
+
                 const range = core.getRange();
                 const tempDiv = util.createElement('DIV');
                 const tempRange = {
@@ -8033,7 +8237,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
                 tempDiv.setAttribute('contenteditable', true);
                 tempDiv.style.cssText = 'position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden;';
-                
+
                 context.element.relative.appendChild(tempDiv);
                 tempDiv.focus();
 
@@ -8117,7 +8321,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             if (core.isDisabled || core.isReadOnly) return false;
             const component = util.getParentElement(e.target, util.isComponent);
             const lineBreakerStyle = core._lineBreaker.style;
-            
+
             if (component && !core.currentControllerName) {
                 const ctxEl = context.element;
                 let scrollTop = 0;
@@ -8157,13 +8361,20 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             }
         },
 
+        _enterPrevent(e) {
+            e.preventDefault();
+            if (!util.isMobile) return;
+
+            core.__focusTemp.focus();
+        },
+
         _onMouseDown_lineBreak: function (e) {
             e.preventDefault();
         },
 
         _onLineBreak: function (e) {
             e.preventDefault();
-            
+
             const component = core._variable._lineBreakComp;
             const dir = !this ? core._variable._lineBreakDir : this;
             const isList = util.isListCell(component.parentNode);
@@ -8222,7 +8433,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             /** Events are registered mobile.  */
             eventWysiwyg.addEventListener('touchstart', event.onMouseDown_wysiwyg, {passive: true, useCapture: false});
             eventWysiwyg.addEventListener('touchend', event.onClick_wysiwyg, {passive: true, useCapture: false});
-            
+
             /** code view area auto line */
             if (options.height === 'auto' && !options.codeMirrorEditor) {
                 context.element.code.addEventListener('keydown', event._codeViewAutoHeight, false);
@@ -8238,13 +8449,13 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     util.addClass(context.element.resizingBar, 'se-resizing-none');
                 }
             }
-            
+
             /** set response toolbar */
             event._setResponsiveToolbar();
 
             /** responsive toolbar observer */
             if (util.isResizeObserverSupported) this._toolbarObserver = new _w.ResizeObserver(core.resetResponsiveToolbar);
-            
+
             /** window event */
             _w.addEventListener('resize', event.onResize_window, false);
             if (options.stickyToolbar > -1) {
@@ -8276,7 +8487,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             context.element.lineBreaker_t.removeEventListener('mousedown', event._lineBreakerBind.t);
             context.element.lineBreaker_b.removeEventListener('mousedown', event._lineBreakerBind.b);
             event._lineBreakerBind = null;
-            
+
             eventWysiwyg.removeEventListener('touchstart', event.onMouseDown_wysiwyg, {passive: true, useCapture: false});
             eventWysiwyg.removeEventListener('touchend', event.onClick_wysiwyg, {passive: true, useCapture: false});
             eventWysiwyg.removeEventListener('focus', event.onFocus_wysiwyg);
@@ -8285,11 +8496,11 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             context.element.code.removeEventListener('keydown', event._codeViewAutoHeight);
             context.element.code.removeEventListener('keyup', event._codeViewAutoHeight);
             context.element.code.removeEventListener('paste', event._codeViewAutoHeight);
-            
+
             if (context.element.resizingBar) {
                 context.element.resizingBar.removeEventListener('mousedown', event.onMouseDown_resizingBar);
             }
-            
+
             if (event._resizeObserver) {
                 event._resizeObserver.unobserve(context.element.wysiwygFrame);
                 event._resizeObserver = null;
@@ -8347,7 +8558,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         onCopy: null,
         onCut: null,
         onFocus: null,
-        
+
         /**
          * @description Event functions
          * @param {Object} e Event Object
@@ -8553,15 +8764,15 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          * @param {Object} core Core object
          */
         onImageUpload: null,
-         /**
-         * @description Called when the video(iframe, video) is is uploaded, updated, deleted
-         * -- arguments is same "onImageUpload" --
-         */
+        /**
+        * @description Called when the video(iframe, video) is is uploaded, updated, deleted
+        * -- arguments is same "onImageUpload" --
+        */
         onVideoUpload: null,
-         /**
-         * @description Called when the audio is is uploaded, updated, deleted
-         * -- arguments is same "onImageUpload" --
-         */
+        /**
+        * @description Called when the audio is is uploaded, updated, deleted
+        * -- arguments is same "onImageUpload" --
+        */
         onAudioUpload: null,
 
         /**
@@ -8605,7 +8816,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             core.submenuOff();
             core.containerOff();
             core.moreLayerOff();
-            
+
             const newToolbar = _Constructor._createToolBar(_d, buttonList, core.plugins, options);
             _responsiveButtons = newToolbar.responsiveButtons;
             event._setResponsiveToolbar();
@@ -8634,7 +8845,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         setOptions: function (_options) {
             event._removeEvent();
             core._resetComponents();
-            
+
             util.removeClass(core._styleCommandMap.showBlocks, 'active');
             util.removeClass(core._styleCommandMap.codeView, 'active');
             core._variable.isCodeView = false;
@@ -8798,7 +9009,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         getImagesInfo: function () {
             return context.image ? context.image._infoList : [];
         },
-        
+
         /**
          * @description Gets uploaded files(plugin using fileManager) information list.
          * image: [img], video: [video, iframe], audio: [audio]
@@ -8888,12 +9099,12 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 } else {
                     let afterNode = null;
                     if (util.isFormatElement(html) || util.isMedia(html)) {
-                        afterNode = util.getFormatElement(core.getSelectionNode(), null);	
+                        afterNode = util.getFormatElement(core.getSelectionNode(), null);
                     }
                     core.insertNode(html, afterNode, checkCharCount);
                 }
             }
-            
+
             core.effectNode = null;
             core.focus();
 
@@ -8915,7 +9126,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         appendContents: function (contents) {
             const convertValue = core.convertContentsForEditor(contents);
-            
+
             if (!core._variable.isCodeView) {
                 const temp = util.createElement('DIV');
                 temp.innerHTML = convertValue;
@@ -8924,7 +9135,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                 const children = temp.children;
                 for (let i = 0, len = children.length; i < len; i++) {
                     if (children[i]) {
-                        wysiwyg.appendChild(children[i]);         
+                        wysiwyg.appendChild(children[i]);
                     }
                 }
             } else {
@@ -8941,7 +9152,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
          */
         readOnly: function (value) {
             core.isReadOnly = value;
-            
+
             util.setDisabledButtons(!!value, core.resizingDisabledButtons);
 
             if (value) {
@@ -8973,7 +9184,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         /**
          * @description Provided for backward compatibility and will be removed in 3.0.0 version
          */
-         disabled: function () {
+        disabled: function () {
             this.disable();
         },
 
@@ -8988,7 +9199,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         /**
          * @description Provided for backward compatibility and will be removed in 3.0.0 version
          */
-         enabled: function () {
+        enabled: function () {
             this.enable();
         },
 
@@ -9023,7 +9234,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
 
             /** remove event listeners */
             event._removeEvent();
-            
+
             /** remove element */
             util.removeItem(context.element.toolbar);
             util.removeItem(context.element.topArea);
@@ -9034,7 +9245,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             for (let k in event) { if (util.hasOwn(event, k)) delete event[k]; }
             for (let k in context) { if (util.hasOwn(context, k)) delete context[k]; }
             for (let k in pluginCallButtons) { if (util.hasOwn(pluginCallButtons, k)) delete pluginCallButtons[k]; }
-            
+
             /** remove user object */
             for (let k in this) { if (util.hasOwn(this, k)) delete this[k]; }
         },
@@ -9072,7 +9283,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
             /**
              * @description Provided for backward compatibility and will be removed in 3.0.0 version
              */
-             enabled: function () {
+            enabled: function () {
                 this.enable();
             },
 
@@ -9108,12 +9319,12 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
         /**
          * @description Wysiwyg methods
          */
-         wysiwyg: {
+        wysiwyg: {
             /**
              * @description Disable the wysiwyg area
              */
             disable: function () {
-               /** off menus */
+                /** off menus */
                 core.controllersOff();
                 if (core.modalForm) core.plugins.dialog.close.call(core);
 
@@ -9140,7 +9351,7 @@ export default function (context, pluginCallButtons, plugins, lang, options, _re
                     context.element.code.removeAttribute('disabled');
                 }
             },
-         }
+        }
     };
 
     /************ Core init ************/