@syncfusion/ej2-richtexteditor 24.2.4 → 24.2.8

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

@@ -764,6 +764,11 @@ const updateValueOnIdle = 'updateValueOnIdle';
  * @deprecated
  */
 const documentClickClosedBy = 'documentClickClosedBy';
+/**
+ * @hidden
+ * @deprecated
+ */
+const showColorPicker = 'showColorPicker';
 /**
  * @hidden
  * @deprecated
@@ -2714,7 +2719,7 @@ let defaultLocale = {
     'browse': 'Browse',
     'imageUrl': 'http://example.com/image.png',
     'audioUrl': 'http://example.com/audio.mp3',
-    'videoUrl': 'http://example.com/video.mp3',
+    'videoUrl': 'http://example.com/video.mp4',
     'webUrl': 'Web URL',
     'embedUrl': 'Embed Code',
     'imageCaption': 'Caption',
@@ -2819,6 +2824,7 @@ let defaultLocale = {
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
     'linkAriaLabel': 'Open in new window',
+    'unsupportedImage': 'Unsupported file format'
 };
 let toolsLocale = {
     'alignments': 'alignments',
@@ -2914,7 +2920,7 @@ let toolsLocale = {
     'emojiPickerTypeToFind': 'Type to find',
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
-    'ImageLinkAriaLabel': 'Open in new window',
+    'imageLinkAriaLabel': 'Open in new window',
 };
 let fontNameLocale = [
     { locale: 'fontNameSegoeUI', value: 'Segoe UI' },
@@ -3443,6 +3449,9 @@ function updateTextNode(value, rteObj) {
         }
         const imageElm = resultElm.querySelectorAll('img');
         for (let i = 0; i < imageElm.length; i++) {
+            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+                continue; // Should not add the class if the image is Broken.
+            }
             if (!imageElm[i].classList.contains(CLS_RTE_IMAGE)) {
                 imageElm[i].classList.add(CLS_RTE_IMAGE);
             }
@@ -3671,6 +3680,19 @@ class ToolbarRenderer {
                 addClass([listEle[1], listEle[2]], 'e-disabled');
             }
         }
+        if (this.parent.showTooltip) {
+            this.dropdownTooltip = new Tooltip({
+                target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
+                showTipPointer: true,
+                openDelay: 400,
+                opensOn: 'Hover',
+                beforeRender: this.tooltipBeforeRender.bind(this),
+                cssClass: this.parent.getCssClass(),
+                windowCollision: true,
+                position: 'BottomCenter'
+            });
+            this.dropdownTooltip.appendTo(args.element);
+        }
         this.parent.notify(selectionSave, args);
     }
     dropDownClose(args) {
@@ -3715,19 +3737,6 @@ class ToolbarRenderer {
             });
             this.tooltip.appendTo(args.target);
         }
-        if (this.parent.showTooltip) {
-            this.dropdownTooltip = new Tooltip({
-                target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
-                showTipPointer: true,
-                openDelay: 400,
-                opensOn: 'Hover',
-                beforeRender: this.tooltipBeforeRender.bind(this),
-                cssClass: this.parent.getCssClass(),
-                windowCollision: true,
-                position: 'BottomCenter'
-            });
-            this.dropdownTooltip.appendTo(document.body);
-        }
     }
     /**
      * renderDropDownButton method
@@ -5058,7 +5067,7 @@ class ToolbarAction {
         if (args.item.command === 'Lists') {
             if (args.originalEvent.target.classList.contains('e-caret') &&
                 (args.originalEvent.target.parentElement.classList.contains('e-rte-bulletformatlist-dropdown') || args.originalEvent.target.parentElement.classList.contains('e-rte-numberformatlist-dropdown'))) {
-                args.item.command = args.item.subCommand = null;
+                return;
             }
         }
         this.parent.notify(htmlToolbarClick, args);
@@ -5139,6 +5148,9 @@ class Toolbar$2 {
                 if (e.target.classList.contains('e-hor-nav')) {
                     this.adjustContentHeight(e.target, true);
                 }
+                if (!isNullOrUndefined(e.target) && (e.target.classList.contains("e-rte-fontcolor-dropdown") || e.target.classList.contains("e-rte-backgroundcolor-dropdown"))) {
+                    this.parent.notify(showColorPicker, { toolbarClick: e.target.classList.contains("e-rte-fontcolor-dropdown") ? "fontcolor" : "backgroundcolor" });
+                }
         }
     }
     createToolbarElement() {
@@ -5668,7 +5680,7 @@ class Toolbar$2 {
         else if (Browser.isDevice || this.parent.inlineMode.enable) {
             this.isToolbar = true;
         }
-        if (isNullOrUndefined(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand) {
+        if (isNullOrUndefined(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand && this.parent.toolbarModule.getExpandTBarPopHeight() === 0) {
             removeClass([this.tbElement], [CLS_EXPAND_OPEN]);
         }
     }
@@ -6177,6 +6189,15 @@ class ColorPickerInput {
         this.parent.on(destroyColorPicker, this.destroyColorPicker, this);
         this.parent.on(modelChanged, this.onPropertyChanged, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
+        this.parent.on(showColorPicker, this.showColorPicker, this);
+    }
+    showColorPicker(e) {
+        if (!isNullOrUndefined(this.fontColorPicker) && (e.toolbarClick === "fontcolor")) {
+            this.fontColorDropDown.toggle();
+        }
+        else if (!isNullOrUndefined(this.backgroundColorPicker) && (e.toolbarClick === "backgroundcolor")) {
+            this.backgroundColorDropDown.toggle();
+        }
     }
     onPropertyChanged(model) {
         const newProp = model.newProp;
@@ -6247,6 +6268,7 @@ class ColorPickerInput {
         this.parent.off(destroyColorPicker, this.destroyColorPicker);
         this.parent.off(modelChanged, this.onPropertyChanged);
         this.parent.off(bindCssClass, this.setCssClass);
+        this.parent.off(showColorPicker, this.showColorPicker);
     }
 }
 
@@ -6321,7 +6343,7 @@ class BaseQuickToolbar {
             e.target.classList.contains('e-imgbreak')) ? false : true;
         let target = !isNullOrUndefined(imgWrapper) ? imgWrapper : e.target;
         addClass([this.toolbarElement], [CLS_RM_WHITE_SPACE]);
-        const targetOffsetTop = target.offsetTop;
+        const targetOffsetTop = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetTop : target.offsetTop;
         const parentOffsetTop = window.pageYOffset + e.parentData.top;
         if ((targetOffsetTop - e.editTop) > e.popHeight) {
             y = parentOffsetTop + e.tBarElementHeight + (targetOffsetTop - e.editTop) - e.popHeight - 5;
@@ -6334,7 +6356,7 @@ class BaseQuickToolbar {
         }
         target = isAligned ? e.target : target;
         if (target.offsetWidth > e.popWidth) {
-            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + target.offsetLeft;
+            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + ((target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft);
         }
         else {
             x = e.parentData.left + target.offsetLeft;
@@ -6505,9 +6527,9 @@ class BaseQuickToolbar {
                     parentData: parent.getBoundingClientRect(),
                     tBarElementHeight: tBarHeight
                 };
-                if (target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
+                if ((target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
                     (target.classList.contains(CLS_AUDIOWRAP) || target.classList.contains(CLS_CLICKELEM) ||
-                        target.classList.contains(CLS_VID_CLICK_ELEM)))) {
+                        target.classList.contains(CLS_VID_CLICK_ELEM)))) && (x == beforeQuickToolbarArgs.positionX || y == beforeQuickToolbarArgs.positionY)) {
                     this.setPosition(showPopupData);
                 }
                 if (!this.parent.inlineMode.enable) {
@@ -7778,7 +7800,7 @@ function updateTextNode$1(value, enterAction) {
                 tableElm[i].classList.add('e-rte-paste-table');
                 if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
                     tableElm[i].classList.remove('e-rte-paste-word-table');
-                    continue; // Sking the removal of the border if the source is from word.
+                    continue; // Skiping the removal of the border if the source is from word.
                 }
                 else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
                     tableElm[i].classList.remove('e-rte-paste-excel-table');
@@ -7812,6 +7834,9 @@ function updateTextNode$1(value, enterAction) {
         }
         const imageElm = resultElm.querySelectorAll('img');
         for (let i = 0; i < imageElm.length; i++) {
+            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+                continue; // Should not add the class if the image is Broken.
+            }
             if (!imageElm[i].classList.contains('e-rte-image')) {
                 imageElm[i].classList.add('e-rte-image');
             }
@@ -11691,9 +11716,11 @@ class DOMNode {
         const range = save.range;
         const startChildNodes = range.startContainer.childNodes;
         const isTableStart = startChildNodes.length > 1 && startChildNodes[0].nodeName === 'TABLE';
+        const isImgOnlySelected = startChildNodes.length > 1 && startChildNodes[0].nodeName === 'IMAGE' &&
+            range.endOffset === 1 && range.endContainer.nodeName === '#text' && range.endContainer.textContent.length === 0;
         let start = ((isTableStart ? getLastTextNode(startChildNodes[range.startOffset + 1]) :
             startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) : range.startOffset]) || range.startContainer);
-        let end = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
+        let end = (range.endContainer.childNodes[(range.endOffset > 0) ? (isImgOnlySelected ? range.endOffset : (range.endOffset - 1)) : range.endOffset]
             || range.endContainer);
         if ((start.nodeType === Node.ELEMENT_NODE && end.nodeType === Node.ELEMENT_NODE) && (start.contains(end) || end.contains(start))) {
             const existNode = start.contains(end) ? start : end;
@@ -12041,14 +12068,21 @@ class Lists {
         const preElementOLTest = this.testList(preElement);
         const nextElementOLTest = this.testList(nextElement);
         if (!preElementOLTest && !nextElementOLTest && preElemULStart !== '*' && nextElemULStart !== '*') {
+            const brElement = createElement('br');
             if (startElementOLTest) {
                 range.startContainer.textContent = range.startContainer.textContent.slice(range.startOffset, range.startContainer.textContent.length);
+                if (range.startContainer.nodeName === '#text' && range.startContainer.textContent.length === 0) {
+                    this.parent.domNode.insertAfter(brElement, range.startContainer);
+                }
                 this.applyListsHandler({ subCommand: 'OL', callBack: e.callBack });
                 e.event.preventDefault();
             }
             else if (range.startContainer.textContent.replace(/\u200B/g, '').slice(0, range.startOffset).trim() === '*' ||
                 range.startContainer.textContent.replace(/\u200B/g, '').slice(0, range.startOffset).trim() === '-') {
                 range.startContainer.textContent = range.startContainer.textContent.slice(range.startOffset, range.startContainer.textContent.length);
+                if (range.startContainer.nodeName === '#text' && range.startContainer.textContent.length === 0) {
+                    this.parent.domNode.insertAfter(brElement, range.startContainer);
+                }
                 this.applyListsHandler({ subCommand: 'UL', callBack: e.callBack });
                 e.event.preventDefault();
             }
@@ -12159,11 +12193,11 @@ class Lists {
     }
     removeList(range, e) {
         let startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
-        let endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
+        let endNode = (!isNullOrUndefined(range.endContainer.parentElement.closest('li')) && range.endContainer.parentElement.closest('li').childElementCount > 1 && range.endContainer.nodeName === '#text') ? range.endContainer : this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
-        endNode = endNode.nodeName !== 'LI' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
+        endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
         if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
             isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
             isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
@@ -12568,7 +12602,7 @@ class Lists {
         }
     }
     applyLists(elements, type, selector, item, e) {
-        if (this.isRevert(elements, type, item) && isNullOrUndefined(item)) {
+        if (this.isRevert(elements, type, item) && isNullOrUndefined(item) || (!isNullOrUndefined(item) && item.listStyle === 'none')) {
             this.revertList(elements, e);
             this.removeEmptyListElements();
         }
@@ -12641,6 +12675,9 @@ class Lists {
                 isNullOrUndefined(item) && nodes[i].parentNode.style.listStyleType !== '') {
                 isRevert = false;
             }
+            if (nodes[i].parentNode.tagName === tagName && nodes[i].parentNode.style.listStyleType !== '') {
+                isRevert = true;
+            }
         }
         return isRevert;
     }
@@ -12753,66 +12790,78 @@ class Lists {
         const viewNode = [];
         for (let i = 0; i < elements.length; i++) {
             const element = elements[i];
-            if (this.domNode.contents(element)[0].nodeType === 3 && this.domNode.contents(element)[0].textContent.trim().length === 0) {
-                detach(this.domNode.contents(element)[0]);
-            }
-            let parentNode = elements[i].parentNode;
-            let className = element.getAttribute('class');
-            if (temp.length === 0) {
-                const siblingList = elements[i].querySelectorAll('ul, ol');
-                const firstNode = siblingList[0];
-                if (firstNode) {
-                    const child = firstNode
-                        .querySelectorAll('li');
-                    if (child) {
-                        const nestedElement = createElement(firstNode.tagName);
-                        append([nestedElement], firstNode.parentNode);
-                        const nestedElementLI = createElement('li', { styles: 'list-style-type: none;' });
-                        append([nestedElementLI], nestedElement);
-                        append([firstNode], nestedElementLI);
-                    }
-                }
-            }
-            if (element.parentNode.insertBefore(this.closeTag(parentNode.tagName), element), 'LI' === parentNode.parentNode.tagName || 'OL' === parentNode.parentNode.tagName ||
-                    'UL' === parentNode.parentNode.tagName) {
-                element.parentNode.insertBefore(this.closeTag('LI'), element);
-            }
-            else {
-                if (DEFAULT_TAG && 0 === element.querySelectorAll(BLOCK_TAGS.join(', ')).length) {
-                    const wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
-                        ' class="' + className + ' e-rte-wrap-inner"';
-                    const wrapper = '<' + DEFAULT_TAG + wrapperclass +
-                        this.domNode.attributes(parentNode) + '></' + DEFAULT_TAG + '>';
-                    if (e.enterAction !== 'BR') {
-                        this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
+            if ((isNullOrUndefined(e.item)) || ((element.nodeName === 'LI' && e.item.listStyle === 'none'))) {
+                if (this.domNode.contents(element)[0].nodeType === 3 && this.domNode.contents(element)[0].textContent.trim().length === 0) {
+                    detach(this.domNode.contents(element)[0]);
+                }
+                let parentNode = elements[i].parentNode;
+                let className = element.getAttribute('class');
+                if (temp.length === 0) {
+                    const siblingList = elements[i].querySelectorAll('ul, ol');
+                    const firstNode = siblingList[0];
+                    if (firstNode) {
+                        const child = firstNode
+                            .querySelectorAll('li');
+                        if (child) {
+                            const nestedElement = createElement(firstNode.tagName);
+                            append([nestedElement], firstNode.parentNode);
+                            const nestedElementLI = createElement('li', { styles: 'list-style-type: none;' });
+                            append([nestedElementLI], nestedElement);
+                            append([firstNode], nestedElementLI);
+                        }
                     }
                 }
-                else if (this.domNode.contents(element)[0].nodeType === 3) {
-                    const replace = this.domNode.createTagString(DEFAULT_TAG, parentNode, this.parent.domNode.encode(this.domNode.contents(element)[0].textContent));
-                    this.domNode.replaceWith(this.domNode.contents(element)[0], replace);
-                }
-                else if (this.domNode.contents(element)[0].classList.contains(markerClassName.startSelection) ||
-                    this.domNode.contents(element)[0].classList.contains(markerClassName.endSelection)) {
-                    const replace = this.domNode.createTagString(DEFAULT_TAG, parentNode, this.domNode.contents(element)[0].outerHTML);
-                    this.domNode.replaceWith(this.domNode.contents(element)[0], replace);
+                if (element.parentNode.insertBefore(this.closeTag(parentNode.tagName), element), 'LI' === parentNode.parentNode.tagName || 'OL' === parentNode.parentNode.tagName ||
+                        'UL' === parentNode.parentNode.tagName) {
+                    element.parentNode.insertBefore(this.closeTag('LI'), element);
                 }
                 else {
-                    const childNode = element.firstChild;
-                    className = childNode.getAttribute('class');
-                    attributes(childNode, this.domNode.rawAttributes(parentNode));
-                    if (className && childNode.getAttribute('class')) {
-                        attributes(childNode, { 'class': className + ' ' + childNode.getAttribute('class') });
+                    if (DEFAULT_TAG && 0 === element.querySelectorAll(BLOCK_TAGS.join(', ')).length) {
+                        const wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
+                            ' class="' + className + ' e-rte-wrap-inner"';
+                        let parentElement = parentNode;
+                        if (!isNullOrUndefined(parentElement.style.listStyleType)) {
+                            parentNode.style.removeProperty("list-style-type");
+                        }
+                        if (!isNullOrUndefined(parentElement.style.listStyleImage)) {
+                            parentNode.style.removeProperty("list-style-image");
+                        }
+                        if (parentElement.style.length === 0) {
+                            parentNode.removeAttribute("style");
+                        }
+                        const wrapper = '<' + DEFAULT_TAG + wrapperclass +
+                            this.domNode.attributes(parentElement) + '></' + DEFAULT_TAG + '>';
+                        if (e.enterAction !== 'BR') {
+                            this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
+                        }
+                    }
+                    else if (this.domNode.contents(element)[0].nodeType === 3) {
+                        const replace = this.domNode.createTagString(DEFAULT_TAG, parentNode, this.parent.domNode.encode(this.domNode.contents(element)[0].textContent));
+                        this.domNode.replaceWith(this.domNode.contents(element)[0], replace);
+                    }
+                    else if (this.domNode.contents(element)[0].classList.contains(markerClassName.startSelection) ||
+                        this.domNode.contents(element)[0].classList.contains(markerClassName.endSelection)) {
+                        const replace = this.domNode.createTagString(DEFAULT_TAG, parentNode, this.domNode.contents(element)[0].outerHTML);
+                        this.domNode.replaceWith(this.domNode.contents(element)[0], replace);
                     }
+                    else {
+                        const childNode = element.firstChild;
+                        className = childNode.getAttribute('class');
+                        attributes(childNode, this.domNode.rawAttributes(parentNode));
+                        if (className && childNode.getAttribute('class')) {
+                            attributes(childNode, { 'class': className + ' ' + childNode.getAttribute('class') });
+                        }
+                    }
+                    append([this.openTag('LI')], element);
+                    prepend([this.closeTag('LI')], element);
+                }
+                this.domNode.insertAfter(this.openTag(parentNode.tagName), element);
+                if (parentNode.parentNode.tagName === 'LI') {
+                    parentNode = parentNode.parentNode.parentNode;
+                }
+                if (viewNode.indexOf(parentNode) < 0) {
+                    viewNode.push(parentNode);
                 }
-                append([this.openTag('LI')], element);
-                prepend([this.closeTag('LI')], element);
-            }
-            this.domNode.insertAfter(this.openTag(parentNode.tagName), element);
-            if (parentNode.parentNode.tagName === 'LI') {
-                parentNode = parentNode.parentNode.parentNode;
-            }
-            if (viewNode.indexOf(parentNode) < 0) {
-                viewNode.push(parentNode);
             }
         }
         for (let i = 0; i < viewNode.length; i++) {
@@ -13038,7 +13087,7 @@ class NodeCutter {
         else if (len > -1) {
             this.spliceEmptyNode(fragment.childNodes[0], isStart);
         }
-        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG' && !(fragment.classList.contains('e-video-wrap')) && !(fragment.classList.contains('e-audio-wrap'))) {
+        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0) && !(fragment.classList.contains('e-video-wrap')) && !(fragment.classList.contains('e-audio-wrap'))) {
             fragment.parentNode.removeChild(fragment);
         }
         return fragment;
@@ -13171,6 +13220,14 @@ class Formats {
             }
         }
     }
+    getBlockParent(node, endNode) {
+        let currentParent;
+        while (node != endNode) {
+            currentParent = node;
+            node = node.parentElement;
+        }
+        return currentParent;
+    }
     onKeyDown(e) {
         if (e.event.which === 13) {
             let range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
@@ -13180,6 +13237,8 @@ class Formats {
                 ? range.endContainer : range.endContainer.parentElement;
             const preElem = closest(startCon, 'pre');
             const endPreElem = closest(endCon, 'pre');
+            const blockquoteEle = closest(startCon, 'blockquote');
+            const endBlockquoteEle = closest(endCon, 'blockquote');
             const liParent = !isNullOrUndefined(preElem) && !isNullOrUndefined(preElem.parentElement) && preElem.parentElement.tagName === 'LI';
             if (liParent) {
                 return;
@@ -13191,6 +13250,17 @@ class Formats {
                 range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
                 this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, endCon, 0);
             }
+            if (e.event.which === 13 && ((!isNullOrUndefined(blockquoteEle) && !isNullOrUndefined(endBlockquoteEle)) || (!isNullOrUndefined(blockquoteEle) && isNullOrUndefined(endBlockquoteEle)))) {
+                let startParent = this.getBlockParent(range.startContainer, blockquoteEle);
+                if ((startParent.textContent.charCodeAt(0) === 8203 &&
+                    startParent.textContent.length === 1) || startParent.textContent.length === 0) {
+                    if (isNullOrUndefined(startParent.nextSibling) && ((startParent.previousSibling.textContent.charCodeAt(0) === 8203 &&
+                        startParent.previousSibling.textContent.length === 1) || startParent.previousSibling.textContent.length === 0)) {
+                        e.event.preventDefault();
+                        this.paraFocus(startParent.parentElement); //Revert from blockquotes while pressing enter key
+                    }
+                }
+            }
             if (e.event.which === 13 && !isNullOrUndefined(preElem) && !isNullOrUndefined(endPreElem)) {
                 e.event.preventDefault();
                 this.deleteContent(range);
@@ -13414,7 +13484,7 @@ class Formats {
                 replaceHTML = parentNode.innerHTML;
             }
             if ((e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
-                (e.subCommand.toLowerCase() !== 'pre' ||
+                (e.subCommand.toLowerCase() !== 'pre' && e.subCommand.toLowerCase() !== 'blockquote' ||
                     (!isNullOrUndefined(e.exeValue) && e.exeValue.name === 'dropDownSelect'))) ||
                 isNullOrUndefined(parentNode.parentNode) ||
                 (parentNode.tagName === 'TABLE' && e.subCommand.toLowerCase() === 'pre')) {
@@ -13423,7 +13493,21 @@ class Formats {
             this.cleanFormats(parentNode, e.subCommand);
             const replaceNode = (e.subCommand.toLowerCase() === 'pre' && parentNode.tagName.toLowerCase() === 'pre') ?
                 'p' : e.subCommand;
-            const replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            const isToggleBlockquoteList = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
+                e.subCommand.toLowerCase() === 'blockquote' && this.parent.domNode.isList(parentNode.firstElementChild);
+            const isToggleBlockquote = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase()
+                && e.subCommand.toLowerCase() === 'blockquote';
+            let replaceTag;
+            if (isToggleBlockquoteList) {
+                replaceTag = replaceHTML.replace(/>\s+</g, '><');
+            }
+            else if (isToggleBlockquote) {
+                let tagWrap = (e.enterAction == 'BR' || e.enterAction == 'P') ? 'P' : e.enterAction;
+                replaceTag = this.parent.domNode.createTagString(tagWrap, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
+            else {
+                replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
             if (parentNode.tagName === 'LI') {
                 parentNode.innerHTML = '';
                 parentNode.insertAdjacentHTML('beforeend', replaceTag);
@@ -13732,12 +13816,17 @@ class InsertHtml {
                     preNode.parentNode.replaceChild(fragment, preNode);
                 }
                 else {
+                    const startContainerParent = range.startContainer.parentNode;
+                    // Get the index of the start container among its siblings
+                    const startIndex = Array.prototype.indexOf.call(startContainerParent.childNodes, range.startContainer);
                     range.deleteContents();
+                    range.setStart(startContainerParent, startIndex);
+                    range.setEnd(startContainerParent, startIndex);
                     if (!isNullOrUndefined(lasNode)) {
                         detach(lasNode);
                     }
                     // eslint-disable-next-line
-                    !isNullOrUndefined(sibNode) ? sibNode.parentNode.appendChild(fragment) : editNode.appendChild(fragment);
+                    !isNullOrUndefined(sibNode) ? (sibNode.parentNode === editNode ? sibNode.appendChild(fragment) : sibNode.parentNode.appendChild(fragment)) : range.insertNode(fragment);
                 }
             }
             else {
@@ -13962,7 +14051,15 @@ class InsertHtml {
     }
     static imageFocus(node, nodeSelection, docElement) {
         const focusNode = document.createTextNode(' ');
-        node.parentNode.insertBefore(focusNode, node.nextSibling);
+        if (node.parentNode && node.parentNode.nodeName === 'A') {
+            const anchorTag = node.parentNode;
+            const parentNode = anchorTag.parentNode;
+            parentNode.insertBefore(focusNode, anchorTag.nextSibling);
+            parentNode.insertBefore(node, focusNode);
+        }
+        else {
+            node.parentNode.insertBefore(focusNode, node.nextSibling);
+        }
         nodeSelection.setSelectionText(docElement, node.nextSibling, node.nextSibling, 0, 0);
     }
     // eslint-disable-next-line
@@ -15889,7 +15986,7 @@ class TableCommand {
         const eleArray = elements;
         //eslint-disable-next-line
         if (min < (max = Math.min(max, eleArray[0].length - 1))) {
-            for (colIndex === min; colIndex <= max; colIndex++) {
+            for (colIndex = min; colIndex <= max; colIndex++) {
                 // eslint-disable-next-line
                 if (!(min < colIndex && eleArray[0][colIndex] === eleArray[0][colIndex - 1]) && 1 < (index =
                     Math.min(parseInt(eleArray[0][colIndex].getAttribute('colspan'), 10) || 1, max - min + 1)) &&
@@ -16567,6 +16664,29 @@ class SelectionCommands {
             const nodeCutter = new NodeCutter();
             const isFormatted = new IsFormatted();
             let range = domSelection.getRange(docElement);
+            let currentAnchorNode = range.startContainer.parentElement;
+            if (range.collapsed && !isNullOrUndefined(currentAnchorNode) &&
+                currentAnchorNode.tagName === 'A' &&
+                (range.startOffset === currentAnchorNode.textContent.length || range.startOffset === 0)) {
+                const emptyTextNode = document.createTextNode('');
+                if (range.startOffset === 0) {
+                    currentAnchorNode.parentNode.insertBefore(emptyTextNode, currentAnchorNode);
+                }
+                else {
+                    if (!isNullOrUndefined(currentAnchorNode.nextSibling)) {
+                        currentAnchorNode.parentElement.insertBefore(emptyTextNode, currentAnchorNode.nextSibling);
+                    }
+                    else {
+                        currentAnchorNode.parentNode.appendChild(emptyTextNode);
+                    }
+                }
+                // Set the range to the empty text node
+                const newRange = docElement.createRange();
+                range.setStart(emptyTextNode, 0);
+                range.setEnd(emptyTextNode, 0);
+                range.collapse(true);
+                domSelection.setRange(docElement, newRange);
+            }
             if (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer === range.endContainer && !isNullOrUndefined(endNode) && range.startContainer === endNode) {
                 const startChildNodes = range.startContainer.childNodes;
                 const startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) :
@@ -16942,7 +17062,10 @@ class SelectionCommands {
                 }
                 let num = index;
                 let liChildContent = '';
-                while (num >= 0 && !isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' && liElement.textContent.replace('/\u200B/g', '').trim().includes(nodes[num].textContent.trim())) {
+                /* eslint-disable security/detect-object-injection */
+                while (num >= 0 && !isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' && liElement.contains(nodes[num]) &&
+                    liElement.textContent.replace('/\u200B/g', '').trim().includes(nodes[num].textContent.trim())) {
+                    /* eslint-enable security/detect-object-injection */
                     liChildContent = ' ' + nodes[num].textContent.trim() + liChildContent;
                     num--;
                 }
@@ -17014,6 +17137,23 @@ class SelectionCommands {
                             parentElement = parentElement.parentElement;
                             liElement = parentElement;
                         }
+                        if (format === 'fontcolor') {
+                            const parentElem = nodes[index].parentElement;
+                            if (!isNullOrUndefined(parentElem) && parentElem.childNodes) {
+                                for (let i = 0; i < parentElem.childNodes.length; i++) {
+                                    if (this.concatenateTextExcludingList(nodes, index) === nodes[index].textContent) {
+                                        if (parentElem.tagName === 'LI') {
+                                            parentElem.style.color = value;
+                                        }
+                                    }
+                                    // eslint-disable-next-line
+                                    const childElement = parentElem.childNodes[i];
+                                    if (childElement.tagName === 'OL' || childElement.tagName === 'UL') {
+                                        childElement.style.color = 'initial';
+                                    }
+                                }
+                            }
+                        }
                         if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li' &&
                             liElement.textContent.trim() === nodes[index].textContent.trim()) {
                             if (format === 'fontsize') {
@@ -17313,6 +17453,18 @@ class SelectionCommands {
             }
         }
     }
+    static concatenateTextExcludingList(nodes, index) {
+        let result = '';
+        const parentNode = nodes[index].parentElement;
+        for (let i = 0; i < parentNode.childNodes.length; i++) {
+            // eslint-disable-next-line
+            const childNode = parentNode.childNodes[i];
+            if ((childNode.nodeType === 3) || (childNode.nodeType === 1 && (childNode.tagName !== 'OL' && childNode.tagName !== 'UL'))) {
+                result += childNode.textContent;
+            }
+        }
+        return result;
+    }
 }
 SelectionCommands.enterAction = 'P';
 
@@ -18021,7 +18173,6 @@ class MsWordPaste {
         if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
             pattern4.test(tempHTMLContent)) {
             const source = this.findSource(elm);
-            this.imageConversion(elm, rtfData);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
             this.addListClass(elm);
             listNodes = this.cleanUp(elm, listNodes);
@@ -18029,6 +18180,7 @@ class MsWordPaste {
                 listNodes[0].parentElement.tagName !== 'OL') {
                 this.listConverter(listNodes);
             }
+            this.imageConversion(elm, rtfData);
             this.cleanList(elm, 'UL');
             this.cleanList(elm, 'OL');
             this.styleCorrection(elm, wordPasteStyleConfig);
@@ -18037,11 +18189,11 @@ class MsWordPaste {
             this.removeEmptyElements(elm);
             this.removeEmptyAnchorTag(elm);
             this.breakLineAddition(elm);
+            this.processMargin(elm);
             this.removeClassName(elm);
             if (pattern4.test(tempHTMLContent)) {
                 this.addTableBorderClass(elm);
             }
-            this.processMargin(elm);
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
@@ -18112,8 +18264,9 @@ class MsWordPaste {
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0) {
-                detach(imgElem[i]);
+                imgElem[i].classList.add('e-rte-image-unsupported');
             }
+            imgElem[i].removeAttribute('v:shapes');
         }
         imgElem = elm.querySelectorAll('img');
         const imgSrc = [];
@@ -18143,6 +18296,7 @@ class MsWordPaste {
                     });
                 }
             }
+            imgElem = elm.querySelectorAll('img:not(.e-rte-image-unsupported');
             for (let i = 0; i < imgElem.length; i++) {
                 if (imgSrc[i].match(linkRegex)) {
                     imgElem[i].setAttribute('src', imgSrc[i]);
@@ -18153,7 +18307,7 @@ class MsWordPaste {
                     }
                     else {
                         imgElem[i].removeAttribute('src');
-                        imgElem[i].setAttribute('alt', 'Unsupported file format');
+                        imgElem[i].classList.add('e-rte-image-unsupported');
                     }
                     if (!isNullOrUndefined(base64Src[i]) && base64Src[i].isCroppedImage) {
                         imgElem[i].classList.add('e-img-cropped');
@@ -18161,6 +18315,10 @@ class MsWordPaste {
                 }
                 imgElem[i].setAttribute('id', 'msWordImg-' + imgName[i]);
             }
+            imgElem = elm.querySelectorAll('.e-rte-image-unsupported');
+            for (let i = 0; i < imgElem.length; i++) {
+                imgElem[i].removeAttribute('src');
+            }
         }
     }
     checkVShape(elm) {
@@ -18234,6 +18392,9 @@ class MsWordPaste {
         const result = [];
         if (!isNullOrUndefined(fullImg)) {
             for (let i = 0; i < fullImg.length; i++) {
+                if (fullImg[i].indexOf('fIsBullet') !== -1 && fullImg[i].indexOf('wzName') === -1) {
+                    continue;
+                }
                 let isCroppedImage = false;
                 let goalWidth = 0;
                 let goalHeight = 0;
@@ -18248,7 +18409,7 @@ class MsWordPaste {
                     else if (fullImg[i].indexOf('\\jpegblip') !== -1) {
                         imgType = 'image/jpeg';
                     }
-                    else if (fullImg[i].indexOf('\\picprop') !== -1) {
+                    else if (fullImg[i].indexOf('\\emfblip') !== -1) {
                         imgType = null;
                     }
                     else {
@@ -18288,7 +18449,7 @@ class MsWordPaste {
         return parseInt(result, 10);
     }
     removeClassName(elm) {
-        const elmWithClass = elm.querySelectorAll('*[class]:not(.e-img-cropped)');
+        const elmWithClass = elm.querySelectorAll('*[class]:not(.e-img-cropped):not(.e-rte-image-unsupported)');
         for (let i = 0; i < elmWithClass.length; i++) {
             elmWithClass[i].removeAttribute('class');
         }
@@ -18325,7 +18486,7 @@ class MsWordPaste {
         return removableElement;
     }
     removeUnwantedElements(elm) {
-        let styleElm = elm.querySelector('style');
+        const styleElm = elm.querySelector('style');
         if (!isNullOrUndefined(styleElm)) {
             detach(styleElm);
         }
@@ -18561,6 +18722,7 @@ class MsWordPaste {
     listConverter(listNodes) {
         let level;
         const data = [];
+        let listFormatOverride;
         let collection = [];
         let content = '';
         let stNode;
@@ -18582,6 +18744,17 @@ class MsWordPaste {
             else {
                 level = 1;
             }
+            if (content && content.indexOf('mso-list:') !== -1) {
+                let msoListValue;
+                if (content.match(/mso-list:[^;]+;?/)) {
+                    const changedContent = content.replace('\n', '').split(' ').join('');
+                    msoListValue = changedContent.match(/mso-list:[^;]+;?/)[0].split(':l');
+                    listFormatOverride = isNullOrUndefined(msoListValue) ? null : parseInt(msoListValue[1].split('level')[0], 10);
+                }
+                else {
+                    listFormatOverride = null;
+                }
+            }
             this.listContents = [];
             this.getListContent(listNodes[i]);
             let type;
@@ -18617,9 +18790,9 @@ class MsWordPaste {
                             startAttr = this.lowerGreekNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
                         }
                     }
-                    if (listNodes[i].style.marginLeft !== '') {
-                        styleMarginLeft = listNodes[i].style.marginLeft;
-                    }
+                }
+                if (listNodes[i].style.marginLeft !== '') {
+                    styleMarginLeft = listNodes[i].style.marginLeft;
                 }
                 const tempNode = [];
                 for (let j = 1; j < this.listContents.length; j++) {
@@ -18635,7 +18808,8 @@ class MsWordPaste {
                     currentListStyle = listNodes[i].getAttribute('style');
                 }
                 collection.push({
-                    listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
+                    listType: type, content: tempNode, nestedLevel: level,
+                    listFormatOverride: listFormatOverride, class: currentClassName,
                     listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft
                 });
             }
@@ -18708,6 +18882,7 @@ class MsWordPaste {
         let prevList;
         let listCount = 0;
         let elem;
+        let lfo = collection[0].listFormatOverride;
         for (let index = 0; index < collection.length; index++) {
             const listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
             let isNormalList = false;
@@ -18724,16 +18899,24 @@ class MsWordPaste {
             }
             const pElement = createElement('p', { className: 'MsoNormal' });
             pElement.innerHTML = collection[index].content.join(' ');
-            if ((collection[index].nestedLevel === 1) && listCount === 0 && collection[index].content) {
+            if ((collection[index].nestedLevel === 1) &&
+                (listCount === 0 || lfo !== collection[index].listFormatOverride) &&
+                collection[index].content) {
                 root.appendChild(temp = createElement(collection[index].listType, { className: collection[index].class }));
                 prevList = createElement('li');
                 prevList.appendChild(pElement);
                 temp.appendChild(prevList);
                 temp.setAttribute('level', collection[index].nestedLevel.toString());
-                temp.style.marginLeft = collection[index].styleMarginLeft;
+                if (collection[index].class !== 'msolistparagraph') {
+                    temp.style.marginLeft = collection[index].styleMarginLeft;
+                }
+                else {
+                    addClass([temp], 'marginLeftIgnore');
+                }
                 temp.style.listStyleType = collection[index].listStyleTypeName;
             }
-            else if (collection[index].nestedLevel === pLevel) {
+            else if (collection[index].nestedLevel === pLevel &&
+                lfo === collection[index].listFormatOverride) {
                 if (!isNullOrUndefined(prevList) && !isNullOrUndefined(prevList.parentElement)
                     && prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
                     prevList.parentElement.appendChild(prevList = createElement('li'));
@@ -18796,6 +18979,12 @@ class MsWordPaste {
                         prevList.appendChild(pElement);
                         temp.appendChild(prevList);
                         temp.setAttribute('level', collection[index].nestedLevel.toString());
+                        if (collection[index].class !== 'msolistparagraph') {
+                            temp.style.marginLeft = collection[index].styleMarginLeft;
+                        }
+                        else {
+                            addClass([temp], 'marginLeftIgnore');
+                        }
                         temp.style.listStyleType = collection[index].listStyleTypeName;
                     }
                 }
@@ -18819,14 +19008,34 @@ class MsWordPaste {
                     elem = elem.parentElement;
                     if (elem.attributes.getNamedItem('level')) {
                         // eslint-disable-next-line
-                        if (parseInt(elem.attributes.getNamedItem('level').textContent, null) === collection[index].nestedLevel) {
+                        if (parseInt(elem.attributes.getNamedItem('level').textContent, null) === collection[index].nestedLevel &&
+                            lfo === collection[index].listFormatOverride) {
                             prevList = createElement('li');
                             prevList.appendChild(pElement);
                             elem.appendChild(prevList);
                             break;
                             // eslint-disable-next-line
                         }
-                        else if (collection[index].nestedLevel > parseInt(elem.attributes.getNamedItem('level').textContent, null)) {
+                        else if (parseInt(elem.attributes.getNamedItem('level').textContent, null) === collection[index].nestedLevel &&
+                            lfo !== collection[index].listFormatOverride) {
+                            temp = createElement(collection[index].listType);
+                            prevList = createElement('li');
+                            temp.appendChild(prevList);
+                            if (collection[index].nestedLevel > 1) {
+                                for (let k = 0; k < collection[index].nestedLevel - 1; k++) {
+                                    prevList.appendChild(temp = createElement(collection[index].listType));
+                                    prevList = createElement('li');
+                                    temp.appendChild(prevList);
+                                    temp.style.listStyleType = 'none';
+                                }
+                            }
+                            prevList.appendChild(pElement);
+                            elem.appendChild(temp);
+                            temp.setAttribute('level', collection[index].nestedLevel.toString());
+                            temp.style.listStyleType = collection[index].listStyleTypeName;
+                            break;
+                        }
+                        else if (collection[index].nestedLevel > parseInt(elem.attributes.getNamedItem('level').textContent, 10)) {
                             elem.appendChild(temp = createElement(collection[index].listType));
                             prevList = createElement('li');
                             prevList.appendChild(pElement);
@@ -18842,8 +19051,9 @@ class MsWordPaste {
             prevList.setAttribute('class', collection[index].class);
             prevList.setAttribute('style', (!isNullOrUndefined(collection[index].listStyle) ? collection[index].listStyle : ''));
             pLevel = collection[index].nestedLevel;
+            lfo = collection[index].listFormatOverride;
             listCount++;
-            if (!isNullOrUndefined(collection[index].start)) {
+            if (!isNullOrUndefined(collection[index].start && collection[index].start !== 1 && collection[index].listType === 'ol')) {
                 temp.setAttribute('start', collection[index].start.toString());
             }
         }
@@ -18880,7 +19090,7 @@ class MsWordPaste {
         const liChildren = element.querySelectorAll('li');
         if (liChildren.length > 0) {
             for (let i = 0; i < liChildren.length; i++) {
-                if (!isNullOrUndefined((liChildren[i]).style.marginLeft)) {
+                if (!isNullOrUndefined((liChildren[i]).style.marginLeft) && !liChildren[i].parentElement.classList.contains('marginLeftIgnore')) {
                     (liChildren[i]).style.marginLeft = '';
                 }
             }
@@ -18894,6 +19104,17 @@ class MsWordPaste {
                 }
             }
         }
+        const ignoredNode = element.querySelectorAll('.marginLeftIgnore li');
+        if (ignoredNode.length > 0) {
+            for (let i = 0; i < ignoredNode.length; i++) {
+                if (!isNullOrUndefined((ignoredNode[i]).style.marginLeft) && (ignoredNode[i]).style.marginLeft !== '') {
+                    const marginLeft = (ignoredNode[i]).style.marginLeft;
+                    const marginLeftValue = parseFloat(marginLeft.split('in')[0]);
+                    const result = marginLeftValue - 0.5;
+                    (ignoredNode[i]).style.marginLeft = result.toString() + 'in';
+                }
+            }
+        }
     }
     removeEmptyAnchorTag(element) {
         const removableElement = element.querySelectorAll('a:not([href])');
@@ -19743,6 +19964,14 @@ class FormatPainterActions {
         const range = this.parent.nodeSelection.getRange(docElement);
         const isCollapsed = range.collapsed;
         const blockNodes = this.parent.domNode.blockNodes();
+        const isListCopied = this.isListCopied();
+        if (isListCopied) {
+            for (let i = 0; i < blockNodes.length; i++) {
+                if (closest(blockNodes[i], 'li')) {
+                    blockNodes[i] = closest(blockNodes[i], 'li');
+                }
+            }
+        }
         let isFullNodeSelected = false;
         if (blockNodes.length === 1) {
             isFullNodeSelected = blockNodes[0].textContent.trim() === range.toString().trim();
@@ -19751,6 +19980,16 @@ class FormatPainterActions {
             this.insertBlockNode(clonedElem, range, docElement, blockNodes);
         }
     }
+    isListCopied() {
+        let isListCopied = false;
+        for (let i = 0; i < this.copyCollection.length; i++) {
+            if (this.copyCollection[i].tagName === 'OL' || this.copyCollection[i].tagName === 'UL') {
+                isListCopied = true;
+                break;
+            }
+        }
+        return isListCopied;
+    }
     insertBlockNode(element, range, docElement, nodes) {
         const domSelection = this.parent.nodeSelection;
         const saveSelection = domSelection.save(range, docElement);
@@ -20443,9 +20682,12 @@ const IFRAMEHEADER = `
                 span.e-selected-node	{background-color: #939393;color: white;}
                 span.e-selected-node.e-highlight {background-color: #1d9dd8;}
                 body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}
-                .e-rte-image, .e-rte-audio, .e-rte-video  {border: 0;cursor: pointer;display:
+                .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:
                     block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}
+                .e-rte-audio {border: 0;cursor: pointer;display:
+                        block;float: none;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;
+                    margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}
                 .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}
                 .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}
                 .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}
@@ -20453,6 +20695,10 @@ const IFRAMEHEADER = `
                 .e-img-caption.e-caption-inline {display: inline-block;float: none;
                     margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));
                     position: relativetext-align: center;vertical-align: bottom;}
+                .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}
+                .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}
+                .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}
+                .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}
                 .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;
                     margin: auto;opacity: .9;text-align: center;width: 100%;}
                 .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}
@@ -20936,9 +21182,12 @@ class HtmlEditor {
         const range = this.parent.getRange();
         // eslint-disable-next-line
         const regEx = new RegExp(String.fromCharCode(8203), 'g');
+        const isEmptyNode = range.startContainer === range.endContainer && range.startOffset === range.endOffset &&
+            range.startOffset === 1 && range.startContainer.textContent.length === 1 && range.startContainer.textContent.charCodeAt(0) == 8203 &&
+            range.startContainer.textContent.replace(regEx, '').length === 0;
         let pointer;
         let isRootParent = false;
-        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
             pointer = range.startOffset;
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
             range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
@@ -21060,8 +21309,13 @@ class HtmlEditor {
                 else {
                     this.parent.notify(enterHandler, { args: e.args });
                     const newRange = this.parent.getRange();
-                    if (!isNullOrUndefined(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text' && this.parent.height !== 'auto') {
-                        newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
+                    if (!isNullOrUndefined(newRange.startContainer) && this.parent.height !== 'auto' && newRange.startContainer.nodeName !== '#text'
+                        && !this.parent.iframeSettings.enable && newRange.startContainer.getBoundingClientRect().bottom > this.parent.element.getBoundingClientRect().bottom) {
+                        this.parent.element.querySelector('.e-rte-content').scrollTop += newRange.startContainer.getBoundingClientRect().bottom - this.parent.element.getBoundingClientRect().bottom;
+                    }
+                    else if (!isNullOrUndefined(newRange.startContainer) && this.parent.height === 'auto' && newRange.startContainer.nodeName !== '#text'
+                        && !this.parent.iframeSettings.enable && window.innerHeight < newRange.startContainer.getBoundingClientRect().top) {
+                        newRange.startContainer.scrollIntoView({ block: 'end', inline: 'nearest' });
                     }
                 }
             }
@@ -21143,11 +21397,13 @@ class HtmlEditor {
             currentRange.startContainer.previousSibling.nodeName === 'SPAN') {
             isPreviousNotContentEditable = currentRange.startContainer.previousSibling.contentEditable === 'false' ? false : true;
         }
+        const checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
+        const isSelectedPositionNotStart = closest(currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer, 'li') ?
+            checkNode.nodeName !== 'li' && isNullOrUndefined(checkNode.previousSibling) : true;
         if (e.args.code === 'Backspace' && e.args.keyCode === 8 && currentRange.startOffset === 0 &&
             currentRange.endOffset === 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.textContent.length > 0 &&
             currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH' &&
-            isPreviousNotContentEditable) {
-            const checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
+            isPreviousNotContentEditable && isSelectedPositionNotStart) {
             if ((!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
                 !isNullOrUndefined(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') ||
                 (!isNullOrUndefined(currentRange.startContainer.previousSibling) && currentRange.startContainer.previousSibling.nodeName === 'BR')) {
@@ -21159,7 +21415,8 @@ class HtmlEditor {
                 if (liElement.previousElementSibling && liElement.previousElementSibling.childElementCount > 0) {
                     this.oldRangeElement = liElement.previousElementSibling.lastElementChild.nodeName === 'BR' ?
                         liElement.previousElementSibling : liElement.previousElementSibling.lastElementChild;
-                    if (!isNullOrUndefined(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR') {
+                    if (!isNullOrUndefined(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR' &&
+                        isNullOrUndefined(liElement.lastElementChild.previousSibling)) {
                         this.rangeElement = liElement.lastElementChild;
                         isLiElement = true;
                     }
@@ -21450,9 +21707,11 @@ class HtmlEditor {
         this.tooltipTargetEle = closest(args.originalEvent.target, '[data-tooltip-id]');
         if (!isNullOrUndefined(this.tooltipTargetEle) && this.parent.showTooltip && !isNullOrUndefined(currentDocument.querySelector('.e-tooltip-wrap'))) {
             this.parent.notify(destroyTooltip, { args: event });
-            this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
-            this.tooltipTargetEle.removeAttribute('title');
-            EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+            if (!this.tooltipTargetEle.closest('.e-rte-quick-popup')) {
+                this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+                this.tooltipTargetEle.removeAttribute('title');
+                EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+            }
         }
         if (item.command !== 'FormatPainter') {
             if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
@@ -21745,6 +22004,7 @@ class PasteCleanup {
         this.parent.on(pasteClean, this.pasteClean, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
         this.parent.on(destroy, this.destroy, this);
+        this.parent.on(docClick, this.docClick, this);
     }
     destroy() {
         this.removeEventListener();
@@ -21756,6 +22016,7 @@ class PasteCleanup {
         this.parent.off(pasteClean, this.pasteClean);
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
+        this.parent.off(docClick, this.docClick);
     }
     pasteClean(e) {
         const args = {
@@ -21824,6 +22085,12 @@ class PasteCleanup {
             this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
             const tempDivElem = this.parent.createElement('div');
             tempDivElem.innerHTML = value;
+            const unsupportedImg = tempDivElem.querySelectorAll('.e-rte-image-unsupported');
+            for (let index = 0; index < unsupportedImg.length; index++) {
+                unsupportedImg[index].setAttribute('alt', this.i10n.getConstant('unsupportedImage'));
+                unsupportedImg[index].classList.remove('e-rte-image-unsupported');
+            }
+            value = tempDivElem.innerHTML;
             const isValueNotEmpty = tempDivElem.textContent !== '' || !isNullOrUndefined(tempDivElem.querySelector('img')) ||
                 !isNullOrUndefined(tempDivElem.querySelector('table'));
             this.parent.notify(cleanupResizeElements, {
@@ -22103,7 +22370,9 @@ class PasteCleanup {
         });
         popupObj.close();
         imgElem.style.opacity = '1';
-        uploadObj.destroy();
+        if (!uploadObj.isDestroyed) {
+            uploadObj.destroy();
+        }
         this.toolbarEnableDisable(false);
     }
     refreshPopup(imageElement, popupObj) {
@@ -22253,7 +22522,7 @@ class PasteCleanup {
             width: '300px',
             height: '265px',
             cssClass: CLS_RTE_DIALOG_MIN_HEIGHT,
-            isModal: true,
+            isModal: Browser.isDevice,
             visible: false
         };
         this.dialogObj = this.dialogRenderObj.render(dialogModel);
@@ -22307,13 +22576,22 @@ class PasteCleanup {
         this.updateCss(this.keepRadioButton, e);
     }
     destroyDialog(rteDialogWrapper) {
-        const rteDialogContainer = this.parent.element.querySelector('.e-dlg-container');
+        const rteDialogContainer = this.parent.element.querySelector('.e-rte-dialog-minheight');
         detach(rteDialogContainer);
         const rteDialogWrapperChildLength = rteDialogWrapper.children.length;
         for (let i = 0; i < rteDialogWrapperChildLength; i++) {
             detach(rteDialogWrapper.children[0]);
         }
     }
+    docClick(e) {
+        const target = e.args.target;
+        if (target && target.classList && ((this.dialogObj && !closest(target, '[id=' + "'" + this.dialogObj.element.id + "'" + ']')))
+            && (!target.classList.contains('e-toolbar-item'))) {
+            if (this.dialogObj) {
+                this.dialogObj.hide();
+            }
+        }
+    }
     cleanAppleClass(elem) {
         const appleClassElem = elem.querySelectorAll('br.Apple-interchange-newline');
         for (let i = 0; i < appleClassElem.length; i++) {
@@ -22386,7 +22664,8 @@ class PasteCleanup {
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, (returnArgs) => {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 this.parent.formatter.onSuccess(this.parent, args);
-                if (!isNullOrUndefined(returnArgs.elements) && !isNullOrUndefined(returnArgs.imgElem)) {
+                if (!isNullOrUndefined(returnArgs.elements) && !isNullOrUndefined(returnArgs.imgElem) &&
+                    returnArgs.imgElem.length > 0) {
                     const pasteContent = returnArgs.elements;
                     const imageContent = returnArgs.imgElem;
                     const lastElementChild = this.findLastElement(pasteContent[pasteContent.length - 1]);
@@ -22451,6 +22730,7 @@ class PasteCleanup {
         }
     }
     addTableClass(element, source) {
+        source = isNullOrUndefined(source) ? '' : source;
         const tableElement = element.querySelectorAll('table');
         for (let i = 0; i < tableElement.length; i++) {
             if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
@@ -25277,6 +25557,7 @@ class Image$1 {
                     }
                 });
             }
+            EventHandler.add(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing, this);
             EventHandler.add(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd, this);
         }
     }
@@ -25328,7 +25609,6 @@ class Image$1 {
         this.imgResizePos(e, this.imgResizeDiv);
         this.resizeImgDupPos(e);
         this.contentModule.getEditPanel().appendChild(this.imgResizeDiv);
-        EventHandler.add(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing, this);
     }
     getPointX(e) {
         if (e.touches && e.touches.length) {
@@ -25686,7 +25966,9 @@ class Image$1 {
             }
         }
         if (originalEvent.ctrlKey && (originalEvent.keyCode === 89 || originalEvent.keyCode === 90)) {
-            this.undoStack({ subCommand: (originalEvent.keyCode === 90 ? 'undo' : 'redo') });
+            if (this.parent.editorMode !== 'Markdown') {
+                this.undoStack({ subCommand: (originalEvent.keyCode === 90 ? 'undo' : 'redo') });
+            }
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
             if (selectNodeEle && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
@@ -26054,7 +26336,7 @@ class Image$1 {
             this.checkBoxObj.createElement = this.parent.createElement;
             this.checkBoxObj.appendTo(linkTarget);
             let target = this.checkBoxObj.checked ? '_blank' : null;
-            let imageLabel = this.checkBoxObj.checked ? this.i10n.getConstant('ImageLinkAriaLabel') : null;
+            let imageLabel = this.checkBoxObj.checked ? this.i10n.getConstant('imageLinkAriaLabel') : null;
             const linkUpdate = this.i10n.getConstant('dialogUpdate');
             const linkargs = {
                 args: e.args,
@@ -26173,14 +26455,14 @@ class Image$1 {
         }
         if (e.selectNode[0].parentElement.nodeName === 'A') {
             proxy.parent.formatter.process(proxy.parent, e.args, e.args, {
-                url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, ariaLabel: proxy.checkBoxObj.checked ? this.i10n.getConstant('ImageLinkAriaLabel') : null, selectNode: e.selectNode,
+                url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, ariaLabel: proxy.checkBoxObj.checked ? this.i10n.getConstant('imageLinkAriaLabel') : null, selectNode: e.selectNode,
                 subCommand: e.args.item.subCommand
             });
             proxy.dialogObj.hide({ returnValue: true });
             return;
         }
         proxy.parent.formatter.process(proxy.parent, e.args, e.args, {
-            url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, ariaLabel: proxy.checkBoxObj.checked ? this.i10n.getConstant('ImageLinkAriaLabel') : null, selectNode: e.selectNode,
+            url: url, target: proxy.checkBoxObj.checked ? '_blank' : null, ariaLabel: proxy.checkBoxObj.checked ? this.i10n.getConstant('imageLinkAriaLabel') : null, selectNode: e.selectNode,
             subCommand: e.args.item.subCommand, selection: e.selection
         });
         const captionEle = closest(e.selectNode[0], '.e-img-caption');
@@ -26208,7 +26490,29 @@ class Image$1 {
         if (this.parent.formatter.getUndoRedoStack().length === 0) {
             this.parent.formatter.saveData();
         }
-        e.selection.restore();
+        let restoreStartElement = e.selection.range.startContainer;
+        if (e.selection.range.startContainer.nodeName === 'SPAN' &&
+            restoreStartElement.classList.contains('e-img-wrap') &&
+            restoreStartElement.parentElement.classList.contains('e-img-caption')) {
+            restoreStartElement = restoreStartElement.parentElement;
+            if (!isNullOrUndefined(restoreStartElement.previousSibling)) {
+                let lastNode = restoreStartElement.previousSibling;
+                while (lastNode.nodeName !== '#text' && lastNode.nodeName !== 'BR') {
+                    lastNode = lastNode.lastChild;
+                }
+                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), lastNode, lastNode.nodeName !== 'BR' ? lastNode.textContent.length : 0);
+            }
+            else if (!isNullOrUndefined(restoreStartElement.nextSibling)) {
+                let firstNode = restoreStartElement.nextSibling;
+                while (firstNode.nodeName !== '#text' && firstNode.nodeName !== 'BR') {
+                    firstNode = firstNode.firstChild;
+                }
+                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), firstNode, 0);
+            }
+        }
+        else {
+            e.selection.restore();
+        }
         if (this.contentModule.getEditPanel().querySelector('.e-img-resize')) {
             this.removeResizeEle();
         }
@@ -26420,7 +26724,7 @@ class Image$1 {
             animationSettings: { effect: 'None' },
             close: (event) => {
                 if (this.isImgUploaded) {
-                    this.uploadObj.removing();
+                    this.uploadObj.remove();
                 }
                 this.parent.isBlur = false;
                 if (event && event.event.returnValue) {
@@ -26488,9 +26792,6 @@ class Image$1 {
     cancelDialog(e) {
         this.parent.isBlur = false;
         this.dialogObj.hide({ returnValue: true });
-        if (this.isImgUploaded) {
-            this.uploadObj.removing();
-        }
     }
     onDocumentClick(e) {
         const target = e.target;
@@ -29906,7 +30207,6 @@ class Table {
         this.pageY = null;
         this.moveEle = null;
         this.currentColumnResize = '';
-        this.currentMarginLeft = 0;
         this.parent = parent;
         this.rteID = parent.element.id;
         this.l10n = serviceLocator.getService('rteLocale');
@@ -30522,7 +30822,7 @@ class Table {
     }
     tableResizeEleCreation(table, e) {
         this.parent.preventDefaultResize(e);
-        const columns = table.rows[this.calMaxCol(table)].cells;
+        const columns = this.calMaxCol(this.curTable);
         const rows = [];
         for (let i = 0; i < table.rows.length; i++) {
             for (let j = 0; j < table.rows[i].cells.length; j++) {
@@ -30544,11 +30844,11 @@ class Table {
             colReEle.classList.add(CLS_RTE_TABLE_RESIZE, CLS_TB_COL_RES);
             if (columns.length === i) {
                 colReEle.style.cssText = 'height: ' + height + 'px; width: 4px; top: ' + pos.top +
-                    'px; left:' + (pos.left + this.calcPos(columns[i - 1]).left + columns[i - 1].offsetWidth) + 'px;';
+                    'px; left:' + (pos.left + this.calcPos(columns[i - 1]).left + columns[i - 1].offsetWidth - 2) + 'px;';
             }
             else {
                 colReEle.style.cssText = 'height: ' + height + 'px; width: 4px; top: ' + pos.top +
-                    'px; left:' + (pos.left + this.calcPos(columns[i]).left) + 'px;';
+                    'px; left:' + (pos.left + this.calcPos(columns[i]).left - 2) + 'px;';
             }
             this.contentModule.getEditPanel().appendChild(colReEle);
         }
@@ -30580,7 +30880,7 @@ class Table {
     }
     removeResizeElement() {
         const item = this.parent.contentModule.getEditPanel().
-            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box, .e-table-rhelper');
+            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
         if (item.length > 0) {
             for (let i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -30653,6 +30953,7 @@ class Table {
         if (target.classList.contains(CLS_TB_COL_RES) ||
             target.classList.contains(CLS_TB_ROW_RES) ||
             target.classList.contains(CLS_TB_BOX_RES)) {
+            this.resetResizeHelper(this.curTable);
             e.preventDefault();
             this.parent.preventDefaultResize(e);
             removeClass(this.curTable.querySelectorAll('td,th'), CLS_TABLE_SEL);
@@ -30663,9 +30964,10 @@ class Table {
             this.hideTableQuickToolbar();
             if (target.classList.contains(CLS_TB_COL_RES)) {
                 this.resizeBtnStat.column = true;
-                if (parseInt(target.getAttribute('data-col'), 10) === this.curTable.rows[this.calMaxCol(this.curTable)].cells.length) {
+                if (parseInt(target.getAttribute('data-col'), 10) === this.calMaxCol(this.curTable).length) {
                     this.currentColumnResize = 'last';
-                    this.columnEle = this.curTable.rows[this.calMaxCol(this.curTable)].cells[parseInt(target.getAttribute('data-col'), 10) - 1];
+                    this.colIndex = parseInt(target.getAttribute('data-col'), 10) - 1;
+                    this.columnEle = this.calMaxCol(this.curTable)[this.colIndex];
                 }
                 else {
                     if (parseInt(target.getAttribute('data-col'), 10) === 0) {
@@ -30673,10 +30975,48 @@ class Table {
                     }
                     else {
                         this.currentColumnResize = 'middle';
+                        const cellColl = this.curTable.rows[0].cells;
+                        let cellCount = 0;
+                        for (let cell = 0; cell < cellColl.length; cell++) {
+                            cellCount = cellCount + cellColl[cell].colSpan;
+                        }
+                        const sizes = new Array(cellCount);
+                        const colGroupEle = createElement('colgroup');
+                        const rowSpanCells = new Map();
+                        for (let i = 0; i < this.curTable.rows.length; i++) {
+                            let currentColIndex = 0;
+                            for (let k = 0; k < this.curTable.rows[i].cells.length; k++) {
+                                for (let l = 1; l < this.curTable.rows[i].cells[k].rowSpan; l++) {
+                                    const key = `${i + l}${currentColIndex}`;
+                                    rowSpanCells.set(key, this.curTable.rows[i].cells[k]);
+                                }
+                                const cellIndex = this.getCellIndex(rowSpanCells, i, k);
+                                if (cellIndex > currentColIndex) {
+                                    currentColIndex = cellIndex;
+                                }
+                                const width = this.curTable.rows[i].cells[k].offsetWidth;
+                                if (!sizes[currentColIndex] || width < sizes[currentColIndex]) {
+                                    sizes[currentColIndex] = width;
+                                }
+                                currentColIndex += 1 + this.curTable.rows[i].cells[k].colSpan - 1;
+                            }
+                        }
+                        for (let size = 0; size < sizes.length; size++) {
+                            const cell = createElement('col');
+                            cell.appendChild(createElement('br'));
+                            cell.style.width = this.convertPixelToPercentage(sizes[size], parseInt(getComputedStyle(this.curTable).width, 10)) + '%';
+                            colGroupEle.appendChild(cell);
+                        }
+                        this.curTable.insertBefore(colGroupEle, this.curTable.firstChild);
+                        for (let i = 0; i < this.curTable.rows.length; i++) {
+                            for (let k = 0; k < this.curTable.rows[i].cells.length; k++) {
+                                this.curTable.rows[i].cells[k].style.width = '';
+                            }
+                        }
                     }
-                    this.columnEle = this.curTable.rows[this.calMaxCol(this.curTable)].cells[parseInt(target.getAttribute('data-col'), 10)];
+                    this.colIndex = parseInt(target.getAttribute('data-col'), 10);
+                    this.columnEle = this.calMaxCol(this.curTable)[this.colIndex];
                 }
-                this.colIndex = this.columnEle.cellIndex;
                 this.moveEle = e.target;
                 this.appendHelper();
             }
@@ -30705,6 +31045,16 @@ class Table {
             EventHandler.add(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd, this);
         }
     }
+    getCellIndex(rowSpanCells, rowIndex, colIndex) {
+        const cellKey = `${rowIndex}${colIndex}`;
+        const spannedCell = rowSpanCells.get(cellKey);
+        if (spannedCell) {
+            return this.getCellIndex(rowSpanCells, rowIndex, colIndex + spannedCell.colSpan);
+        }
+        else {
+            return colIndex;
+        }
+    }
     removeHelper(e) {
         const cls = e.target.classList;
         if (!(cls.contains('e-reicon')) && this.helper) {
@@ -30733,12 +31083,12 @@ class Table {
             this.helper.classList.add('e-column-helper');
             this.helper.style.cssText = 'height: ' + getComputedStyle(this.curTable).height + '; top: ' +
                 pos.top + 'px; left:' + ((pos.left + this.calcPos(this.columnEle).left) +
-                (this.currentColumnResize === 'last' ? this.columnEle.offsetWidth + 2 : 0) - 1) + 'px;';
+                (this.currentColumnResize === 'last' ? this.columnEle.offsetWidth : 0) - 1) + 'px;';
         }
         else {
             this.helper.classList.add('e-row-helper');
             this.helper.style.cssText = 'width: ' + getComputedStyle(this.curTable).width + '; top: ' +
-                (this.calcPos(this.rowEle).top + pos.top + this.rowEle.offsetHeight) +
+                (this.calcPos(this.rowEle).top + pos.top + this.rowEle.offsetHeight - 1) +
                 'px; left:' + (this.calcPos(this.rowEle).left + pos.left) + 'px;';
         }
     }
@@ -30746,24 +31096,42 @@ class Table {
         const pos = this.calcPos(this.curTable);
         if (this.resizeBtnStat.column) {
             const left = (pos.left + this.calcPos(this.columnEle).left) +
-                (this.currentColumnResize === 'last' ? this.columnEle.offsetWidth + 2 : 0) - 1;
+                (this.currentColumnResize === 'last' ? this.columnEle.offsetWidth : 0) - 1;
             this.helper.style.left = left + 'px';
+            this.helper.style.height = this.curTable.offsetHeight + 'px';
         }
         else {
-            const top = this.calcPos(this.rowEle).top + pos.top + this.rowEle.offsetHeight;
+            const top = this.calcPos(this.rowEle).top + pos.top + this.rowEle.offsetHeight - 1;
             this.helper.style.top = top + 'px';
         }
     }
-    calMaxCol(element) {
-        let max = 0;
-        let maxRowIndex;
-        for (let i = 0; i < element.rows.length; i++) {
-            if (max < element.rows[i].cells.length) {
-                maxRowIndex = i;
-                max = element.rows[i].cells.length;
+    calMaxCol(curTable) {
+        const cellColl = curTable.rows[0].cells;
+        let cellCount = 0;
+        for (let cell = 0; cell < cellColl.length; cell++) {
+            cellCount = cellCount + cellColl[cell].colSpan;
+        }
+        const cells = new Array(cellCount);
+        const rowSpanCells = new Map();
+        for (let i = 0; i < curTable.rows.length; i++) {
+            let currentColIndex = 0;
+            for (let k = 0; k < curTable.rows[i].cells.length; k++) {
+                for (let l = 1; l < curTable.rows[i].cells[k].rowSpan; l++) {
+                    const key = `${i + l}${currentColIndex}`;
+                    rowSpanCells.set(key, curTable.rows[i].cells[k]);
+                }
+                const cellIndex = this.getCellIndex(rowSpanCells, i, k);
+                if (cellIndex > currentColIndex) {
+                    currentColIndex = cellIndex;
+                }
+                const width = curTable.rows[i].cells[k].offsetWidth;
+                if (!cells[currentColIndex] || width < cells[currentColIndex].offsetWidth) {
+                    cells[currentColIndex] = curTable.rows[i].cells[k];
+                }
+                currentColIndex += 1 + curTable.rows[i].cells[k].colSpan - 1;
             }
         }
-        return maxRowIndex;
+        return cells;
     }
     resizing(e) {
         const pageX = this.getPointX(e);
@@ -30775,10 +31143,6 @@ class Table {
         let maxiumWidth;
         const currentTdElement = this.curTable.closest('td');
         const args = { event: e, requestType: 'table' };
-        let isRowCellsMerged = false;
-        let isColCellsMerged = false;
-        let mergedCellIndex;
-        let mergedElement;
         this.parent.trigger(onResize, args, (resizingArgs) => {
             if (resizingArgs.cancel) {
                 this.cancelResizeAction();
@@ -30803,8 +31167,7 @@ class Table {
                     widthCompare = rteWidth;
                 }
                 if (this.resizeBtnStat.column) {
-                    const width = parseFloat(this.columnEle.offsetWidth.toString());
-                    const cellRow = this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
+                    const colGroup = this.curTable.querySelectorAll('colgroup > col');
                     let currentTableWidth;
                     if (this.curTable.style.width !== '' && this.curTable.style.width.includes('%')) {
                         currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
@@ -30812,7 +31175,8 @@ class Table {
                     else {
                         currentTableWidth = this.getCurrentTableWidth(this.curTable.offsetWidth, this.parent.inputElement.offsetWidth);
                     }
-                    const currentColumnCellWidth = parseFloat(this.curTable.rows[cellRow].cells[this.colIndex >= this.curTable.rows[cellRow].cells.length ? this.curTable.rows[cellRow].cells.length - 1 : this.colIndex].style.width.split('%')[0]);
+                    const currentCol = this.calMaxCol(this.curTable)[this.colIndex];
+                    let currentColResizableWidth = this.getCurrentColWidth(currentCol, tableWidth);
                     if (this.currentColumnResize === 'first') {
                         mouseX = mouseX - 0.75; //This was done for to make the gripper and the table first/last column will be close.
                         this.removeResizeElement();
@@ -30821,16 +31185,25 @@ class Table {
                             this.curTable.style.maxWidth = maxiumWidth + 'px';
                         }
                         // Below the value '100' is the 100% width of the parent element.
-                        if (((mouseX !== 0 && 5 < currentColumnCellWidth) || mouseX < 0) && currentTableWidth <= 100 &&
+                        if (((mouseX !== 0 && 5 < currentColResizableWidth) || mouseX < 0) && currentTableWidth <= 100 &&
                             this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) <= 100) {
                             const firstColumnsCell = this.findFirstLastColCells(this.curTable, true);
                             this.curTable.style.width = this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) > 100 ? (100 + '%') :
                                 (this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) + '%');
                             const differenceWidth = currentTableWidth - this.convertPixelToPercentage(tableWidth - mouseX, widthCompare);
-                            this.currentMarginLeft = this.currentMarginLeft + differenceWidth;
-                            this.curTable.style.marginLeft = 'calc(' + (this.curTable.style.width === '100%' ? 0 : this.currentMarginLeft) + '%)';
+                            let preMarginLeft = 0;
+                            if (!isNullOrUndefined(this.curTable.style.marginLeft) && this.curTable.style.marginLeft !== '') {
+                                const regex = /[-+]?\d*\.\d+|\d+/;
+                                const value = this.curTable.style.marginLeft.match(regex);
+                                if (!isNullOrUndefined(value)) {
+                                    preMarginLeft = parseFloat(value[0]);
+                                }
+                            }
+                            const currentMarginLeft = preMarginLeft + differenceWidth;
+                            this.curTable.style.marginLeft = 'calc(' + (this.curTable.style.width === '100%' ? 0 : currentMarginLeft) + '%)';
                             for (let i = 0; i < firstColumnsCell.length; i++) {
-                                this.curTable.rows[i].cells[this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
+                                const currentColumnCellWidth = this.getCurrentColWidth(firstColumnsCell[i], tableWidth);
+                                firstColumnsCell[i].style.width = (currentColumnCellWidth - differenceWidth) + '%';
                             }
                         }
                     }
@@ -30842,112 +31215,48 @@ class Table {
                             this.curTable.style.maxWidth = maxiumWidth + 'px';
                         }
                         // Below the value '100' is the 100% width of the parent element.
-                        if (((mouseX !== 0 && 5 < currentColumnCellWidth) || mouseX > 0) &&
+                        if (((mouseX !== 0 && 5 < currentColResizableWidth) || mouseX > 0) &&
                             currentTableWidth <= 100 && this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) <= 100) {
                             const lastColumnsCell = this.findFirstLastColCells(this.curTable, false);
                             this.curTable.style.width = this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) > 100 ? (100 + '%') : (this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%');
                             const differenceWidth = currentTableWidth - this.convertPixelToPercentage(tableWidth + mouseX, widthCompare);
                             for (let i = 0; i < lastColumnsCell.length; i++) {
-                                if (this.curTable.rows[i].cells[this.colIndex]) {
-                                    this.curTable.rows[i].cells[this.curTable.rows[i].cells.length === this.colIndex ?
-                                        this.colIndex - 1 : this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
-                                }
+                                const currentColumnCellWidth = this.getCurrentColWidth(lastColumnsCell[i], tableWidth);
+                                lastColumnsCell[i].style.width = (currentColumnCellWidth - differenceWidth) + '%';
                             }
                         }
                     }
                     else {
-                        const cellColl = this.curTable.rows[this.calMaxCol(this.curTable)].cells;
-                        const actualwid = width - mouseX;
-                        const totalwid = parseFloat(this.columnEle.offsetWidth.toString()) +
-                            parseFloat(cellColl[this.colIndex - 1].offsetWidth.toString());
-                        for (let i = 0; i < this.curTable.rows.length; i++) {
-                            const currentRow = this.curTable.rows[i];
-                            if ((totalwid - actualwid) > 20 && actualwid > 20) {
-                                const leftColumnWidth = totalwid - actualwid;
-                                const rightColWidth = actualwid;
-                                let index;
-                                let isMergedEleResize = false;
-                                let leftTableCell;
-                                let rightTableCell;
-                                isColCellsMerged = false;
-                                isRowCellsMerged = false;
-                                /* eslint-disable */
-                                for (let j = 0; j < currentRow.cells.length; j++) {
-                                    if (currentRow.cells[j].hasAttribute('rowspan') && j <= this.colIndex) {
-                                        isRowCellsMerged = true;
-                                        mergedCellIndex = i;
-                                        mergedElement = currentRow.cells[j];
-                                    }
-                                    else if (currentRow.cells[j].hasAttribute('colspan') && j <= currentRow.cells.length) {
-                                        isColCellsMerged = true;
-                                        mergedCellIndex = i;
-                                        mergedElement = currentRow.cells[j];
-                                    }
-                                }
-                                if (!isNullOrUndefined(currentRow.cells[i]) && currentRow.cells[i].hasAttribute('colspan')) {
-                                    index = parseInt(currentRow.cells[i].getAttribute('colspan'), 10) - 1;
-                                }
-                                else {
-                                    index = this.colIndex;
-                                }
-                                if (isRowCellsMerged || isColCellsMerged) {
-                                    let currentResizeRow;
-                                    if (currentRow.cells.length < cellColl.length) {
-                                        index = currentRow.cells.length === this.colIndex || currentRow === this.curTable.rows[this.curTable.rows.length - 1] ?
-                                            this.colIndex - 1 : this.colIndex;
-                                        currentResizeRow = this.curTable.rows[!isNullOrUndefined(mergedCellIndex) ?
-                                            mergedCellIndex : this.colIndex - 1];
-                                        if (currentResizeRow && currentResizeRow !== currentRow && (currentResizeRow.cells[this.colIndex - 1] === mergedElement ||
-                                            currentResizeRow.cells[currentResizeRow.cells.length - 1] === mergedElement)) {
-                                            isMergedEleResize = true;
-                                        }
-                                        else {
-                                            isMergedEleResize = false;
-                                        }
-                                    }
-                                    else {
-                                        index = this.colIndex;
-                                    }
-                                    leftTableCell = !isMergedEleResize ? currentRow.cells[index - 1] : (currentResizeRow &&
-                                        currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement) ?
-                                        currentResizeRow.cells[this.colIndex - 1] : currentRow.cells[currentRow.cells.length - 1];
-                                    rightTableCell = !isMergedEleResize ? currentRow.cells[index] : rightTableCell && rightTableCell.hasAttribute('rowspan') ?
-                                        currentResizeRow.cells[this.colIndex] : currentResizeRow && currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement ?
-                                        currentRow.cells[index - 1] : currentResizeRow.cells[currentResizeRow.cells.length - 1];
-                                }
-                                if (!isNullOrUndefined(currentRow.cells[index - 1]) && !isRowCellsMerged && !isColCellsMerged) {
-                                    currentRow.cells[index - 1].style.width =
-                                        this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
-                                }
-                                else {
-                                    if (leftTableCell) {
-                                        leftTableCell.style.width =
-                                            this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
-                                    }
-                                }
-                                if (!isNullOrUndefined(currentRow.cells[index]) && !isRowCellsMerged && !isColCellsMerged) {
-                                    currentRow.cells[index].style.width =
-                                        this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
-                                }
-                                else {
-                                    if (rightTableCell) {
-                                        rightTableCell.style.width =
-                                            this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
-                                    }
-                                }
-                                /* eslint-enable */
-                            }
+                        const actualwid = colGroup[this.colIndex].offsetWidth - mouseX;
+                        // eslint-disable-next-line
+                        const totalwid = colGroup[this.colIndex].offsetWidth + colGroup[this.colIndex - 1].offsetWidth;
+                        if ((totalwid - actualwid) > 20 && actualwid > 20) {
+                            const leftColumnWidth = totalwid - actualwid;
+                            const rightColWidth = actualwid;
+                            colGroup[this.colIndex - 1].style.width = this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
+                            colGroup[this.colIndex].style.width = this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                         }
                     }
                     this.updateHelper();
                 }
                 else if (this.resizeBtnStat.row) {
                     this.parent.preventDefaultResize(e);
-                    const height = parseFloat(this.rowEle.clientHeight.toString()) + mouseY;
-                    if (height > 20) {
-                        this.rowEle.style.height = height + 'px';
+                    const tableTrElementPixel = [];
+                    const currentTableTrElement = this.curTable.querySelectorAll('tr');
+                    for (let i = 0; i < currentTableTrElement.length; i++) {
+                        if (this.rowEle !== currentTableTrElement[i]) {
+                            tableTrElementPixel[i] = (parseFloat(currentTableTrElement[i].clientHeight.toString()));
+                        }
+                    }
+                    this.curTable.style.height = (parseFloat(this.curTable.clientHeight.toString()) + ((mouseY > 0) ? 0 : mouseY)) + 'px';
+                    for (let i = 0; i < currentTableTrElement.length; i++) {
+                        if (this.rowEle === currentTableTrElement[i]) {
+                            currentTableTrElement[i].style.height = (parseFloat(currentTableTrElement[i].clientHeight.toString()) + mouseY) + 'px';
+                        }
+                        else {
+                            currentTableTrElement[i].style.height = tableTrElementPixel[i] + 'px';
+                        }
                     }
-                    this.curTable.style.height = '';
                     if (!isNullOrUndefined(tableReBox)) {
                         tableReBox.style.cssText = 'top: ' + (this.calcPos(this.curTable).top + tableHeight - 4) +
                             'px; left:' + (this.calcPos(this.curTable).left + tableWidth - 4) + 'px;';
@@ -30974,6 +31283,16 @@ class Table {
             }
         });
     }
+    getCurrentColWidth(col, tableWidth) {
+        let currentColWidth = 0;
+        if (col.style.width !== '' && col.style.width.includes('%')) {
+            currentColWidth = parseFloat(col.style.width.split('%')[0]);
+        }
+        else {
+            currentColWidth = this.convertPixelToPercentage(col.offsetWidth, tableWidth);
+        }
+        return currentColWidth;
+    }
     getCurrentTableWidth(tableWidth, parentWidth) {
         let currentTableWidth = 0;
         currentTableWidth = tableWidth / parentWidth * 100;
@@ -30981,11 +31300,18 @@ class Table {
     }
     findFirstLastColCells(table, isFirst) {
         const resultColumns = [];
-        const rows = table.querySelectorAll('tr');
+        const rows = table.rows;
+        const rowSpanCellIndexs = new Array();
         for (let i = 0; i < rows.length; i++) {
-            if (rows[i].closest('table') === table) {
-                const columns = rows[i].querySelectorAll('th, td');
-                resultColumns.push(isFirst ? columns[0] : columns[columns.length - 1]);
+            const cellIndex = isFirst ? 0 : rows[i].cells.length - 1;
+            const column = rows[i].cells[cellIndex];
+            for (let rowSpan = 1; rowSpan < column.rowSpan; rowSpan++) {
+                const key = `${i + rowSpan}-${cellIndex}`;
+                rowSpanCellIndexs.push(key);
+            }
+            const spannedCellKey = `${i}-${cellIndex}`;
+            if (rowSpanCellIndexs.length === 0 || (isFirst && rowSpanCellIndexs.indexOf(spannedCellKey) === -1) || (!isFirst && rowSpanCellIndexs.indexOf(spannedCellKey) === -1 && rowSpanCellIndexs.every((key) => key.split('-')[0] !== i.toString()))) {
+                resultColumns.push(column);
             }
         }
         return resultColumns;
@@ -31010,13 +31336,47 @@ class Table {
             detach(this.helper);
             this.helper = null;
         }
+        this.resetResizeHelper(this.curTable);
         this.pageX = null;
         this.pageY = null;
         this.moveEle = null;
+        const currentTableTrElement = this.curTable.querySelectorAll("tr");
+        const tableTrPercentage = [];
+        for (let i = 0; i < currentTableTrElement.length; i++) {
+            const percentage = (parseFloat(currentTableTrElement[i].clientHeight.toString()) / parseFloat(this.curTable.clientHeight.toString())) * 100;
+            tableTrPercentage[i] = percentage;
+        }
+        for (let i = 0; i < currentTableTrElement.length; i++) {
+            currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+        }
         const args = { event: e, requestType: 'table' };
         this.parent.trigger(resizeStop, args);
         this.parent.formatter.saveData();
     }
+    resetResizeHelper(curTable) {
+        const colHelper = this.parent.element.querySelectorAll('.e-table-rhelper.e-column-helper');
+        Array.from(colHelper).forEach((element) => {
+            if (element.parentNode) {
+                element.parentNode.removeChild(element);
+            }
+        });
+        const rowHelper = this.parent.element.querySelectorAll('.e-table-rhelper.e-row-helper');
+        Array.from(rowHelper).forEach((element) => {
+            if (element.parentNode) {
+                element.parentNode.removeChild(element);
+            }
+        });
+        const colGroup = curTable.querySelector('colgroup');
+        if (colGroup) {
+            for (let i = 0; i < curTable.rows.length; i++) {
+                for (let k = 0; k < curTable.rows[i].cells.length; k++) {
+                    const width = this.convertPixelToPercentage(curTable.rows[i].cells[k].offsetWidth, parseInt(getComputedStyle(curTable).width, 10)) + '%';
+                    curTable.rows[i].cells[k].style.width = width;
+                }
+            }
+            curTable.removeChild(colGroup);
+        }
+    }
     resizeBtnInit() {
         return this.resizeBtnStat = { column: false, row: false, tableBox: false };
     }
@@ -31125,6 +31485,7 @@ class Table {
         if (!isNullOrUndefined(this.parent.cssClass)) {
             addClass([this.popupObj.element], this.parent.getCssClass());
         }
+        btnEle.focus();
         this.popupObj.refreshPosition(target);
     }
     onIframeMouseDown() {
@@ -31454,12 +31815,18 @@ class Table {
     afterKeyDown(e) {
         if (this.curTable) {
             setTimeout(() => {
-                const mouseOverEvent = document.createEvent('MouseEvents');
-                mouseOverEvent.initEvent('mouseover', true, true);
-                this.curTable.dispatchEvent(mouseOverEvent);
+                this.updateResizeIconPosition();
             }, 1);
         }
     }
+    updateResizeIconPosition() {
+        const tableReBox = this.parent.contentModule.getEditPanel().querySelector('.e-table-box');
+        if (!isNullOrUndefined(tableReBox)) {
+            const tablePosition = this.calcPos(this.curTable);
+            tableReBox.style.cssText = 'top: ' + (tablePosition.top + parseInt(getComputedStyle(this.curTable).height, 10) - 4) +
+                'px; left:' + (tablePosition.left + parseInt(getComputedStyle(this.curTable).width, 10) - 4) + 'px;';
+        }
+    }
 }
 
 /**
@@ -31498,7 +31865,11 @@ class DialogRenderer {
         let dlgObj;
         e.beforeOpen = this.beforeOpen.bind(this);
         e.open = this.open.bind(this);
-        e.position = { X: 'center', Y: this.getDialogPosition() };
+        e.position = {
+            X: 'center',
+            Y: (e.target !== 'string' && e.target.nodeName === 'BODY' &&
+                !isNullOrUndefined(e.position)) ? e.position.Y : this.getDialogPosition()
+        };
         if (isNullOrUndefined(e.close)) {
             e.close = this.close.bind(this);
         }
@@ -32705,10 +33076,10 @@ class EnterKeyAction {
         }
         const previousBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].previousSibling;
         const nextBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].nextSibling;
-        if (!isNullOrUndefined(previousBlockNode) && previousBlockNode.hasAttribute('style')) {
+        if (!isNullOrUndefined(previousBlockNode) && previousBlockNode.hasAttribute('style') && previousBlockNode.nodeName !== 'TABLE') {
             insertElem.setAttribute('style', previousBlockNode.getAttribute('style'));
         }
-        if (isNullOrUndefined(previousBlockNode) && !isNullOrUndefined(nextBlockNode) && nextBlockNode.hasAttribute('style')) {
+        if (isNullOrUndefined(previousBlockNode) && !isNullOrUndefined(nextBlockNode) && nextBlockNode.hasAttribute('style') && nextBlockNode.nodeName !== 'TABLE') {
             insertElem.setAttribute('style', nextBlockNode.getAttribute('style'));
         }
         return insertElem;
@@ -33463,6 +33834,16 @@ let RichTextEditor = class RichTextEditor extends Component {
     keyUp(e) {
         if (this.editorMode === 'HTML') {
             const range = this.getRange();
+            if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+                // To prevent the reformatting the content removed browser behavior.
+                const currentRange = this.getRange();
+                const selection = this.iframeSettings.enable ? this.contentModule.getPanel().ownerDocument.getSelection() :
+                    this.contentModule.getDocument().getSelection();
+                if (selection.rangeCount > 0) {
+                    selection.removeAllRanges();
+                    selection.addRange(currentRange);
+                }
+            }
             if (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer.nodeName === '#text' &&
                 range.startContainer.parentElement === this.inputElement && this.enterKey !== 'BR') {
                 const range = this.getRange();
@@ -33562,11 +33943,14 @@ let RichTextEditor = class RichTextEditor extends Component {
                 clientX: touch.clientX, clientY: touch.clientY }
         });
         if (this.inputElement && ((this.editorMode === 'HTML' && this.inputElement.textContent.length !== 0) ||
-            (this.editorMode === 'Markdown' && this.inputElement.value.length !== 0)) || (e.target && (e.target.nodeName === 'VIDEO'
-            || e.target.querySelectorAll('.' + CLS_VIDEOWRAP).length > 0) || (e.target && e.target.nodeName !== 'BR' &&
-            (e.target.classList.contains(CLS_AUDIOWRAP) ||
-                e.target.classList.contains(CLS_CLICKELEM) ||
-                e.target.classList.contains(CLS_VID_CLICK_ELEM))))) {
+            (this.editorMode === 'Markdown' && this.inputElement.value.length !== 0)) ||
+            (e.target && !isNullOrUndefined(closest(e.target, 'table'))) ||
+            (e.target && (e.target.nodeName === 'VIDEO' ||
+                e.target.querySelectorAll('.' + CLS_VIDEOWRAP).length > 0) ||
+                (e.target && e.target.nodeName !== 'BR' &&
+                    (e.target.classList.contains(CLS_AUDIOWRAP) ||
+                        e.target.classList.contains(CLS_CLICKELEM) ||
+                        e.target.classList.contains(CLS_VID_CLICK_ELEM))))) {
             this.notify(toolbarRefresh, { args: e });
         }
         this.triggerEditArea(e);
@@ -34330,10 +34714,10 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (this.iframeSettings.resources) {
             const styleSrc = this.iframeSettings.resources.styles;
             const scriptSrc = this.iframeSettings.resources.scripts;
-            if (this.iframeSettings.resources.scripts.length > 0) {
+            if (!isNullOrUndefined(this.iframeSettings.resources.scripts) && this.iframeSettings.resources.scripts.length > 0) {
                 this.InjectSheet(true, scriptSrc);
             }
-            if (this.iframeSettings.resources.styles.length > 0) {
+            if (!isNullOrUndefined(this.iframeSettings.resources.styles) && this.iframeSettings.resources.styles.length > 0) {
                 this.InjectSheet(false, styleSrc);
             }
         }
@@ -34445,7 +34829,14 @@ let RichTextEditor = class RichTextEditor extends Component {
         // eslint-disable-next-line
         const imgPadding = 12;
         const imgResizeBorder = 2;
-        const editEle = this.contentModule.getEditPanel();
+        let editEle = this.contentModule.getEditPanel();
+        if (this.editorMode === "HTML" && !isNullOrUndefined(this.formatter.editorManager.nodeSelection) && !isNullOrUndefined(this.formatter.editorManager.nodeSelection.range)) {
+            const currentRange = this.formatter.editorManager.nodeSelection.range;
+            if (currentRange.startContainer.nodeType !== 3 && currentRange.startContainer.closest &&
+                !isNullOrUndefined(currentRange.startContainer.closest('TD'))) {
+                editEle = currentRange.startContainer;
+            }
+        }
         const eleStyle = window.getComputedStyle(editEle);
         const editEleMaxWidth = editEle.offsetWidth - (imgPadding + imgResizeBorder +
             parseFloat(eleStyle.paddingLeft.split('px')[0]) + parseFloat(eleStyle.paddingRight.split('px')[0]) +
@@ -34888,7 +35279,13 @@ let RichTextEditor = class RichTextEditor extends Component {
     blurHandler(e) {
         let trg = e.relatedTarget;
         if (trg) {
-            const rteElement = closest(trg, '.' + CLS_RTE);
+            let rteElement = closest(trg, '.' + CLS_RTE);
+            if (!rteElement && this.iframeSettings.enable) {
+                const iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
+                if (iframeElement && iframeElement.contentWindow.document.body.contains(trg)) {
+                    rteElement = closest(iframeElement, '.' + CLS_RTE);
+                }
+            }
             if (rteElement && rteElement === this.element) {
                 this.isBlur = false;
                 if (trg === this.getToolbarElement()) {
@@ -35549,5 +35946,5 @@ RichTextEditor = __decorate$1([
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, getTooltipTextDropdownItems, getQuickToolbarTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_ALIGN_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_AUD_FOCUS, CLS_VID_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, getTooltipTextDropdownItems, getQuickToolbarTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map