@syncfusion/ej2-richtexteditor 19.3.43 → 19.3.47

package/dist/es6/ej2-richtexteditor.es2015.js

@@ -2513,6 +2513,7 @@ function getEditValue(value, rteObj) {
 }
 /**
  * @param {string} value - specifies the value
+ * @param {IRichTextEditor} rteObj - specifies the rich text editor instance.
  * @returns {string} - returns the string
  * @hidden
  */
@@ -2858,7 +2859,6 @@ class ToolbarRenderer {
      * renderListDropDown method
      *
      * @param {IDropDownModel} args - specifies the the arguments.
-     * @param {string} item - specifies the string value
      * @returns {void}
      * @hidden
      * @deprecated
@@ -3145,6 +3145,7 @@ class ToolbarRenderer {
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
             inline: true,
+            value: '#fff',
             created: () => {
                 const value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
                 colorPicker.setProperties({ value: value });
@@ -5760,7 +5761,10 @@ class QuickToolbar {
                 else {
                     const closestAnchor = closest(target, 'a');
                     target = closestAnchor ? closestAnchor : target;
-                    if (target.tagName !== 'IMG' && target.tagName !== 'A' && (!closest(target, 'td,th') || !range.collapsed)) {
+                    const startNode = this.parent.getRange().startContainer.parentElement;
+                    const endNode = this.parent.getRange().endContainer.parentElement;
+                    if ((isNullOrUndefined(closest(startNode, 'A')) || isNullOrUndefined(closest(endNode, 'A'))) && (!closest(target, 'td,th') || !range.collapsed) &&
+                        (target.tagName !== 'IMG' || this.parent.getRange().startOffset !== this.parent.getRange().endOffset)) {
                         if (this.parent.inlineMode.onSelection && range.collapsed) {
                             return;
                         }
@@ -6728,16 +6732,16 @@ const MS_WORD_CLEANUP_PLUGIN = 'ms_word_cleanup_plugin';
  */
 const MS_WORD_CLEANUP = 'ms_word_cleanup';
 /**
-* ActionBegin event callback
-*
-* @hidden
-*/
+ * ActionBegin event callback
+ *
+ * @hidden
+ */
 const ON_BEGIN = 'onBegin';
 /**
-* Callback for spacelist action
-*
-* @hidden
-*/
+ * Callback for spacelist action
+ *
+ * @hidden
+ */
 const SPACE_ACTION = 'actionBegin';
 
 /**
@@ -10482,7 +10486,6 @@ class Lists {
             }
         }
     }
-    // eslint-disable-next-line
     enterList(e) {
         const range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
         const startNode = range.startContainer.nodeName === 'LI' ? range.startContainer :
@@ -11832,6 +11835,11 @@ class InsertHtml {
         const nodeSelection = new NodeSelection();
         const nodeCutter = new NodeCutter();
         let range = nodeSelection.getRange(docElement);
+        if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
+            range.startOffset === range.endOffset && editNode.textContent.length === 0 && editNode.children[0].tagName === 'P') {
+            nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
+            range = nodeSelection.getRange(docElement);
+        }
         const isCursor = range.startOffset === range.endOffset && range.startOffset === 0 &&
             range.startContainer === range.endContainer;
         const isCollapsed = range.collapsed;
@@ -12143,15 +12151,20 @@ class InsertHtml {
                 blockNode = range.endContainer;
                 range.setEnd(blockNode, range.endContainer.textContent.length);
             }
-            if (!isNullOrUndefined(blockNode) && editNode === blockNode &&
-                range.startContainer === editNode && range.endContainer === editNode) {
-                blockNode = editNode.firstElementChild;
-                range.setStart(editNode.firstElementChild, editNode.firstElementChild.textContent.length);
-                range.setEnd(editNode.firstElementChild, editNode.firstElementChild.textContent.length);
-            }
             if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
+            if (blockNode.closest('LI') && node && node.firstElementChild &&
+                ((node).firstElementChild.tagName === 'OL' || node.firstElementChild.tagName === 'UL')) {
+                let liNode;
+                while (node.firstElementChild.lastElementChild && node.firstElementChild.lastElementChild.tagName === 'LI') {
+                    liNode = node.firstElementChild.lastElementChild;
+                    liNode.style.removeProperty('margin-left');
+                    liNode.style.removeProperty('margin-top');
+                    liNode.style.removeProperty('margin-bottom');
+                    node.firstElementChild.insertAdjacentElement('afterend', liNode);
+                }
+            }
             if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH') {
                 const tempSpan = createElement('span', { className: 'tempSpan' });
                 range.insertNode(tempSpan);
@@ -12784,7 +12797,7 @@ class ImageCommand {
      * @deprecated
      */
     imageCommand(e) {
-        switch (e.value.toString().toLocaleLowerCase()) {
+        switch (e.value.toString().toLowerCase()) {
             case 'image':
             case 'replace':
                 this.createImage(e);
@@ -12860,21 +12873,8 @@ class ImageCommand {
             const selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
             const imgElm = (e.value === 'Replace' || isReplaced) ? e.item.selectParent[0] :
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
-            let preventLoadCall = false;
             imgElm.addEventListener('load', () => {
-                if (e.value === 'Replace' || isReplaced) {
-                    if (!preventLoadCall) {
-                        e.callBack({
-                            requestType: 'Images',
-                            editorMode: 'HTML',
-                            event: e.event,
-                            range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
-                            elements: [imgElm]
-                        });
-                        preventLoadCall = true;
-                    }
-                }
-                else {
+                if (e.value !== 'Replace' || !isReplaced) {
                     e.callBack({
                         requestType: 'Images',
                         editorMode: 'HTML',
@@ -13004,10 +13004,18 @@ class ImageCommand {
         const selectNode = e.item.selectNode[0];
         selectNode.style.height = '';
         selectNode.style.width = '';
-        e.item.width !== 'auto' ? selectNode.style.width = formatUnit(e.item.width) :
+        if (e.item.width !== 'auto') {
+            selectNode.style.width = formatUnit(e.item.width);
+        }
+        else {
             selectNode.removeAttribute('width');
-        e.item.height !== 'auto' ? selectNode.style.height = formatUnit(e.item.height) :
+        }
+        if (e.item.height !== 'auto') {
+            selectNode.style.height = formatUnit(e.item.height);
+        }
+        else {
             selectNode.removeAttribute('height');
+        }
         this.callBack(e);
     }
     imageCaption(e) {
@@ -13333,10 +13341,10 @@ class TableCommand {
         const colIndex = Array.prototype.slice.call(curRow.querySelectorAll(':scope > td, :scope > th')).indexOf(selectedCell);
         const previousWidth = parseInt(e.item.width, 10) / (curRow.querySelectorAll(':scope > td, :scope > th').length);
         const currentWidth = parseInt(e.item.width, 10) / (curRow.querySelectorAll(':scope > td, :scope > th').length + 1);
-        let currentTabElm = closest(curRow, 'table');
-        let thTdElm = closest(curRow, 'table').querySelectorAll('th,td');
+        const currentTabElm = closest(curRow, 'table');
+        const thTdElm = closest(curRow, 'table').querySelectorAll('th,td');
         for (let i = 0; i < thTdElm.length; i++) {
-            thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + "%";
+            thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + '%';
         }
         for (let i = 0; i < allRows.length; i++) {
             curCell = allRows[i].querySelectorAll(':scope > td, :scope > th')[colIndex];
@@ -13349,11 +13357,11 @@ class TableCommand {
             // eslint-disable-next-line
             (e.item.subCommand === 'InsertColumnLeft') ? curCell.parentElement.insertBefore(colTemplate, curCell) :
                 this.insertAfter(colTemplate, curCell);
-            colTemplate.style.width = currentWidth.toFixed(4) + "%";
+            colTemplate.style.width = currentWidth.toFixed(4) + '%';
             delete colTemplate.dataset.oldWidth;
         }
         for (let i = 0; i < thTdElm.length; i++) {
-            thTdElm[i].style.width = (Number(thTdElm[i].dataset.oldWidth.split('%')[0]) * currentWidth / previousWidth).toFixed(4) + "%";
+            thTdElm[i].style.width = (Number(thTdElm[i].dataset.oldWidth.split('%')[0]) * currentWidth / previousWidth).toFixed(4) + '%';
             delete thTdElm[i].dataset.oldWidth;
         }
         e.item.selection.setSelectionText(this.parent.currentDocument, selectedCell, selectedCell, 0, 0);
@@ -14282,6 +14290,7 @@ class SelectionCommands {
      * @param {Document} docElement - specifies the document
      * @param {string} format - specifies the string value
      * @param {Node} endNode - specifies the end node
+     * @param {string} enterAction - specifies the enter key action
      * @param {string} value - specifies the string value
      * @param {string} selector - specifies the string
      * @returns {void}
@@ -14296,7 +14305,6 @@ class SelectionCommands {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
-            let preventRestore = false;
             let domSelection = new NodeSelection();
             const domNode = new DOMNode(endNode, docElement);
             const nodeCutter = new NodeCutter();
@@ -14308,6 +14316,7 @@ class SelectionCommands {
             let isCollapsed = false;
             let isFormat = false;
             let isCursor = false;
+            let preventRestore = false;
             const isFontStyle = (['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1);
             if (range.collapsed) {
                 if (nodes.length > 0) {
@@ -14331,6 +14340,9 @@ class SelectionCommands {
                     else {
                         domSelection.endOffset = domSelection.startOffset = 1;
                     }
+                    if (cursorNode.nodeName === 'BR' && cursorNode.parentNode.textContent.length === 0) {
+                        preventRestore = true;
+                    }
                 }
             }
             isCursor = range.collapsed;
@@ -14378,7 +14390,52 @@ class SelectionCommands {
         let cursorNode = null;
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
-            InsertMethods.unwrap(cursorFormat);
+            if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203) {
+                const regEx = new RegExp(String.fromCharCode(8203), 'g');
+                let emptySpaceNode;
+                if (cursorFormat.firstChild === cursorNode) {
+                    cursorNode.textContent = cursorNode.textContent.replace(regEx, '');
+                    emptySpaceNode = cursorNode;
+                    
+                }
+                else {
+                    cursorFormat.firstChild.textContent = cursorFormat.firstChild.textContent.replace(regEx, '');
+                    emptySpaceNode = cursorFormat.firstChild;
+                }
+                let pointer;
+                if (emptySpaceNode.textContent.length === 0) {
+                    if (!isNullOrUndefined(emptySpaceNode.previousSibling)) {
+                        cursorNode = emptySpaceNode.previousSibling;
+                        pointer = emptySpaceNode.textContent.length - 1;
+                        domSelection.setCursorPoint(docElement, emptySpaceNode, pointer);
+                    }
+                    else if (!isNullOrUndefined(emptySpaceNode.parentElement) && emptySpaceNode.parentElement.textContent.length === 0) {
+                        let brElem = document.createElement('BR');
+                        emptySpaceNode.parentElement.appendChild(brElem);
+                        detach(emptySpaceNode);
+                        cursorNode = brElem;
+                        domSelection.setCursorPoint(docElement, cursorNode.parentElement, 0);
+                    }
+                }
+            }
+            if ((['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1)) {
+                if (format === 'fontcolor') {
+                    cursorFormat.style.color = value;
+                }
+                else if (format === 'fontname') {
+                    cursorFormat.style.fontFamily = value;
+                }
+                else if (format === 'fontsize') {
+                    cursorFormat.style.fontSize = value;
+                }
+                else {
+                    cursorFormat.style.backgroundColor = value;
+                }
+                cursorNode = cursorFormat;
+            }
+            else {
+                InsertMethods.unwrap(cursorFormat);
+            }
         }
         else {
             if (cursorNodes.length > 1 && range.startOffset > 0 && (cursorNodes[0].firstElementChild &&
@@ -14813,6 +14870,7 @@ class ClearFormat$1 {
      *
      * @param {Document} docElement - specifies the document element.
      * @param {Node} endNode - specifies the end node
+     * @param {string} enterAction - specifies the enter key action
      * @param {string} selector - specifies the string value
      * @returns {void}
      * @hidden
@@ -15394,6 +15452,7 @@ class MsWordPaste {
         const imgSrc = [];
         const base64Src = [];
         const imgName = [];
+        // eslint-disable-next-line
         const linkRegex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
         if (imgElem.length > 0) {
             for (let i = 0; i < imgElem.length; i++) {
@@ -16048,7 +16107,7 @@ class EditorManager {
      */
     /* eslint-enable */
     execCommand(command, value, event, callBack, text, exeValue, selector, enterAction) {
-        switch (command.toLocaleLowerCase()) {
+        switch (command.toLowerCase()) {
             case 'lists':
                 this.observer.notify(LIST_TYPE, { subCommand: value, event: event, callBack: callBack,
                     selector: selector, item: exeValue, enterAction: enterAction });
@@ -16214,8 +16273,8 @@ class ToolbarStatus {
         const range = nodeSelection.getRange(docElement);
         for (let index = 0; index < nodes.length; index++) {
             while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
-                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== "BR" &&
-                this.getImmediateBlockNode(nodes[index].parentNode, targetNode).textContent.replace(/\u200B/g, '').length === 0 &&
+                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&
+                (this.getImmediateBlockNode(nodes[index].parentNode)).textContent.replace(/\u200B/g, '').length === 0 &&
                 range.startContainer.textContent.replace(/\u200B/g, '').length === 0 &&
                 nodeSelection.get(docElement).toString().replace(/\u200B/g, '').length === 0) {
                 nodes[index] = nodes[index].parentNode.lastElementChild.firstChild;
@@ -16291,7 +16350,7 @@ class ToolbarStatus {
         }
         return nodeCollection;
     }
-    static getImmediateBlockNode(node, editNode) {
+    static getImmediateBlockNode(node) {
         do {
             node = node.parentNode;
         } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
@@ -16845,22 +16904,24 @@ class XhtmlValidation {
             this.ImageTags();
             this.removeTags();
             this.RemoveUnsupported();
-            this.currentElement.innerHTML = this.selfEncloseValidation(this.currentElement.innerHTML, this.currentElement.innerText === "\n" ? this.currentElement.innerText.length : this.currentElement.innerText.trim().length);
+            this.currentElement.innerHTML = this.selfEncloseValidation(this.currentElement.innerHTML, this.currentElement.innerText === '\n' ?
+                this.currentElement.innerText.length : this.currentElement.innerText.trim().length);
             this.parent.setProperties({ value: this.currentElement.innerHTML }, true);
         }
     }
     /**
      * @param {string} currentValue - specifies the string value.
+     * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
      * @deprecated
      */
     selfEncloseValidation(currentValue, valueLength) {
         if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0) {
-            let arrayValue = currentValue.split('&nbsp;');
-            arrayValue[arrayValue.length - 1] = "&#8203;" + arrayValue[arrayValue.length - 1];
+            const arrayValue = currentValue.split('&nbsp;');
+            arrayValue[arrayValue.length - 1] = '&#8203;' + arrayValue[arrayValue.length - 1];
             currentValue = arrayValue.join('');
         }
-        currentValue = currentValue.replace(/<br>/g, '<br/>').replace(/<hr>/g, '<hr/>').replace(/&nbsp;/gi, ' ').replace(/ /g, ' ');
+        currentValue = currentValue.replace(/<br>/g, '<br/>').replace(/<hr>/g, '<hr/>').replace(/ /g, ' ');
         let valueTemp;
         const valueDupe = [];
         let valueOriginal = [];
@@ -17035,6 +17096,7 @@ class HtmlEditor {
         this.parent.on(initialLoad, this.instantiateRenderer, this);
         this.parent.on(htmlToolbarClick, this.onToolbarClick, this);
         this.parent.on(keyDown, this.onKeyDown, this);
+        this.parent.on(keyUp, this.onKeyUp, this);
         this.parent.on(renderColorPicker, this.renderColorPicker, this);
         this.parent.on(initialEnd, this.render, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
@@ -17069,9 +17131,33 @@ class HtmlEditor {
             this.saveSelection.restore();
         }
     }
+    onKeyUp(e) {
+        let args = e.args;
+        const restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
+            112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123];
+        const range = this.parent.getRange();
+        const regEx = new RegExp(String.fromCharCode(8203), 'g');
+        let pointer;
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
+            if (range.startContainer.textContent.charCodeAt(0) === 8203) {
+                pointer = range.startOffset - 1;
+                range.startContainer.textContent = range.startContainer.textContent.replace(regEx, '');
+                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), range.startContainer, pointer);
+            }
+            if (!isNullOrUndefined(range.startContainer.previousSibling) && !isNullOrUndefined(range.startContainer.previousSibling.parentElement) &&
+                range.startContainer.parentElement === range.startContainer.previousSibling.parentElement && range.startContainer.previousSibling.textContent.charCodeAt(0) === 8203) {
+                range.startContainer.previousSibling.textContent = range.startContainer.previousSibling.textContent.replace(regEx, '');
+            }
+            if (range.endContainer.textContent.charCodeAt(range.endOffset) === 8203) {
+                pointer = range.startOffset;
+                range.endContainer.textContent = range.endContainer.textContent.replace(regEx, '');
+                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), range.startContainer, pointer);
+            }
+        }
+    }
     onKeyDown(e) {
         let currentRange;
-        let args = e.args;
+        const args = e.args;
         if (Browser.info.name === 'chrome') {
             currentRange = this.parent.getRange();
             this.backSpaceCleanup(e, currentRange);
@@ -17278,7 +17364,12 @@ class HtmlEditor {
                         while (this.deleteOldRangeElement.firstChild) {
                             this.deleteRangeElement.appendChild(this.deleteOldRangeElement.childNodes[0]);
                         }
-                        !isLiElement ? detach(this.deleteOldRangeElement) : detach(this.deleteOldRangeElement.parentElement);
+                        if (!isLiElement) {
+                            detach(this.deleteOldRangeElement);
+                        }
+                        else {
+                            detach(this.deleteOldRangeElement.parentElement);
+                        }
                         this.deleteRangeElement.normalize();
                     }
                     else {
@@ -19305,7 +19396,8 @@ class Link {
             this.contentModule = this.rendererFactory.getRenderer(RenderType.Content);
             const isPopupOpen = this.quickToolObj.linkQTBar.element.classList.contains('e-rte-pop');
             if (target.nodeName === 'A' && (target.childNodes.length > 0 && target.childNodes[0].nodeName !== 'IMG') &&
-                e.args.target.nodeName !== 'IMG') {
+                e.args.target.nodeName !== 'IMG' &&
+                !isNullOrUndefined(closest(this.parent.getRange().startContainer.parentElement, 'A')) && !isNullOrUndefined(closest(this.parent.getRange().endContainer.parentElement, 'A'))) {
                 if (isPopupOpen) {
                     return;
                 }
@@ -19565,7 +19657,8 @@ class Link {
         else {
             argsValue = this.args;
         }
-        this.selfLink.parent.formatter.process(this.selfLink.parent, argsValue, (!isNullOrUndefined(this.args) && this.args.originalEvent), value);
+        this.selfLink.parent.formatter.process(this.selfLink.parent, argsValue, (!isNullOrUndefined(this.args) &&
+            this.args.originalEvent), value);
         this.selfLink.parent.contentModule.getEditPanel().focus();
     }
     isUrl(url) {
@@ -19982,7 +20075,7 @@ class Image {
         if (width > height) {
             img.style.minWidth = '20px';
             if (this.parent.insertImageSettings.resizeByPercent) {
-                if (parseInt('' + img.getBoundingClientRect().width + '') !== 0 && parseInt('' + width + '') !== 0) {
+                if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
                     const percentageValue = this.pixToPerc((width / height * expectedY), (img.previousElementSibling || img.parentElement));
                     img.style.width = Math.min(Math.round((percentageValue / img.getBoundingClientRect().width) * expectedX * 100) / 100, 100) + '%';
                 }
@@ -20008,7 +20101,7 @@ class Image {
         }
         else if (height > width) {
             if (this.parent.insertImageSettings.resizeByPercent) {
-                if (parseInt('' + img.getBoundingClientRect().width + '') !== 0 && parseInt('' + width + '') !== 0) {
+                if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
                     img.style.width = Math.min(Math.round((width / img.getBoundingClientRect().width) * expectedX * 100) / 100, 100) + '%';
                 }
                 else {
@@ -20479,7 +20572,7 @@ class Image {
             const target = args.target;
             this.contentModule = this.rendererFactory.getRenderer(RenderType.Content);
             const isPopupOpen = this.quickToolObj.imageQTBar.element.classList.contains('e-rte-pop');
-            if (target.nodeName === 'IMG' && this.parent.quickToolbarModule) {
+            if (target.nodeName === 'IMG' && this.parent.quickToolbarModule && this.parent.getRange().startOffset === this.parent.getRange().endOffset) {
                 if (isPopupOpen) {
                     return;
                 }
@@ -20716,13 +20809,34 @@ class Image {
         }
     }
     imageRemovePost(src) {
+        const proxy = this;
+        let absoluteUrl = '';
+        if (src.indexOf('http://') > -1 || src.indexOf('https://') > -1) {
+            absoluteUrl = src;
+        }
+        else {
+            absoluteUrl = new URL(src, document.baseURI).href;
+        }
+        this.removingImgName = absoluteUrl.replace(/^.*[\\\/]/, '');
+        const xhr = new XMLHttpRequest();
+        xhr.addEventListener("readystatechange", function () {
+            if (this.readyState == 4 && this.status == 200) {
+                proxy.triggerPost(this.response);
+            }
+        });
+        xhr.open('GET', absoluteUrl);
+        xhr.responseType = 'blob';
+        xhr.send();
+    }
+    triggerPost(response) {
         const removeUrl = this.parent.insertImageSettings.removeUrl;
         if (isNullOrUndefined(removeUrl) || removeUrl === '') {
             return;
         }
+        const file = new File([response], this.removingImgName);
         const ajax = new Ajax(removeUrl, 'POST', true, null);
         const formData = new FormData();
-        formData.append(name, src);
+        formData.append('UploadFiles', file);
         ajax.send(formData);
     }
     caption(e) {
@@ -20960,9 +21074,15 @@ class Image {
             (this.parent.getToolbarElement() && this.parent.getToolbarElement().contains(e.target) &&
                 !closest(target, '#' + this.parent.getID() + '_toolbar_Image') &&
                 !target.querySelector('#' + this.parent.getID() + '_toolbar_Image')))) {
-            this.dialogObj.hide({ returnValue: true });
-            this.parent.isBlur = true;
-            dispatchEvent(this.parent.element, 'focusout');
+            /* eslint-disable */
+            if (e.offsetX > e.target.clientWidth || e.offsetY > e.target.clientHeight) {
+            }
+            else {
+                this.dialogObj.hide({ returnValue: true });
+                this.parent.isBlur = true;
+                dispatchEvent(this.parent.element, 'focusout');
+            }
+            /* eslint-enable */
         }
         if (e.target.tagName !== 'IMG' && this.imgResizeDiv && !(this.quickToolObj &&
             this.quickToolObj.imageQTBar && this.quickToolObj.imageQTBar.element.contains(e.target)) &&
@@ -21064,11 +21184,11 @@ class Image {
         const imgWidth = this.i10n.getConstant('imageWidth');
         const imgSizeWrap = this.parent.createElement('div', { className: 'e-img-sizewrap' });
         const widthVal = isNullOrUndefined(this.changedWidthValue) && (selectNode.style.width.toString() === 'auto' ||
-            selectNode.style.width !== "") ? selectNode.style.width : !isNullOrUndefined(this.changedWidthValue) ?
-            this.changedWidthValue : (parseInt(selectNode.getClientRects()[0].width.toString())).toString();
+            selectNode.style.width !== '') ? selectNode.style.width : !isNullOrUndefined(this.changedWidthValue) ?
+            this.changedWidthValue : (parseInt(selectNode.getClientRects()[0].width.toString(), 10)).toString();
         const heightVal = isNullOrUndefined(this.changedHeightValue) && (selectNode.style.height.toString() === 'auto' ||
-            selectNode.style.height !== "") ? selectNode.style.height : !isNullOrUndefined(this.changedHeightValue) ?
-            this.changedHeightValue : (parseInt(selectNode.getClientRects()[0].height.toString())).toString();
+            selectNode.style.height !== '') ? selectNode.style.height : !isNullOrUndefined(this.changedHeightValue) ?
+            this.changedHeightValue : (parseInt(selectNode.getClientRects()[0].height.toString(), 10)).toString();
         this.changedWidthValue = null;
         this.changedHeightValue = null;
         const content = '<div class="e-rte-label"><label>' + imgWidth +
@@ -21107,7 +21227,7 @@ class Image {
             return value;
         }
         else {
-            return "auto";
+            return 'auto';
         }
     }
     insertSize(e) {
@@ -22299,8 +22419,12 @@ class Table {
         if (args.args && args.args.item.cssClass) {
             const classList = args.args.item.cssClass.split(' ');
             for (let i = 0; i < classList.length; i++) {
-                (table.classList.contains(classList[i])) ? table.classList.remove(classList[i]) :
+                if (table.classList.contains(classList[i])) {
+                    table.classList.remove(classList[i]);
+                }
+                else {
                     table.classList.add(classList[i]);
+                }
             }
         }
         this.parent.formatter.saveData();
@@ -22456,7 +22580,9 @@ class Table {
             }
             const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
             const closestTable = closest(target, 'table');
-            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
+            const startNode = this.parent.getRange().startContainer.parentElement;
+            const endNode = this.parent.getRange().endContainer.parentElement;
+            if (target && target.nodeName !== 'A' && target.nodeName !== 'IMG' && startNode === endNode && (target.nodeName === 'TD' || target.nodeName === 'TH' ||
                 target.nodeName === 'TABLE' || (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable)))
                 && !(range.startContainer.nodeType === 3 && !range.collapsed)) {
                 const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -22543,7 +22669,6 @@ class Table {
             tdNode : target;
         removeClass(this.contentModule.getEditPanel().querySelectorAll('table td, table th'), CLS_TABLE_SEL);
         if (target && (target.tagName === 'TD' || target.tagName === 'TH')) {
-            target.removeAttribute('class');
             addClass([target], CLS_TABLE_SEL);
             this.activeCell = target;
             this.curTable = (this.curTable) ? this.curTable : closest(target, 'table');
@@ -22642,6 +22767,7 @@ class Table {
             top: 0,
             left: 0
         };
+        // eslint-disable-next-line
         const offset = elem.getBoundingClientRect();
         const doc = elem.ownerDocument;
         let offsetParent = elem.offsetParent || doc.documentElement;
@@ -22654,6 +22780,7 @@ class Table {
             offsetParent = closest(offsetParent, '.e-rte-content');
         }
         if (offsetParent && offsetParent !== elem && offsetParent.nodeType === 1) {
+            // eslint-disable-next-line
             parentOffset = offsetParent.getBoundingClientRect();
         }
         return {
@@ -23944,9 +24071,9 @@ class EnterKeyAction {
                                 this.getRangeNode();
                             }
                         }
-                        if (this.range.startContainer === this.range.endContainer && this.range.startOffset === 0 &&
-                            this.range.startOffset == this.range.endOffset && this.range.startContainer === this.parent.inputElement) {
-                            this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), this.range.startContainer.childNodes[this.range.startOffset], this.range.startOffset);
+                        if (this.range.startContainer === this.range.endContainer &&
+                            this.range.startOffset === this.range.endOffset && this.range.startContainer === this.parent.inputElement) {
+                            this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), this.range.startContainer.childNodes[this.range.startOffset], 0);
                             this.getRangeNode();
                         }
                         if (this.parent.enterKey === 'P' || this.parent.enterKey === 'DIV' ||
@@ -24022,7 +24149,7 @@ class EnterKeyAction {
                                     }
                                     this.parent.formatter.editorManager.domNode.insertAfter(insertElm, newElem);
                                     detach(newElem);
-                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), insertElm, insertElm.textContent.length >= 0 ? 0 : 1);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), this.parent.formatter.editorManager.domNode.isBlockNode(this.startNode) ? insertElm : this.startNode, 0);
                                 }
                             }
                             e.args.preventDefault();
@@ -24062,11 +24189,9 @@ class EnterKeyAction {
                                 }
                                 else {
                                     let newElem;
-                                    let focusElem;
                                     const outerBRElem = this.parent.createElement('br');
                                     if (this.range.startOffset === 0 && this.range.endOffset === 0 &&
                                         !isNullOrUndefined(currentParent.previousSibling) && currentParent.previousSibling.nodeName === 'BR') {
-                                        focusElem = this.range.startContainer;
                                         newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, currentParent, false).cloneNode(true);
                                         this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
                                         this.insertFocusContent();
@@ -24109,12 +24234,6 @@ class EnterKeyAction {
                             }
                             e.args.preventDefault();
                         }
-                        if (this.range.startContainer.nodeName === '#text') {
-                            this.range.startContainer.parentElement.scrollIntoView(false);
-                        }
-                        else {
-                            this.range.startContainer.scrollIntoView(false);
-                        }
                         this.parent.trigger(actionComplete, { requestType: shiftKey ? 'ShiftEnterAction' : 'EnterAction', args: e.args });
                     }
                 });