@syncfusion/ej2-richtexteditor 22.2.12 → 23.1.39

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

@@ -739,6 +739,11 @@ const emojiPicker = 'emojiPicker';
  * @deprecated
  */
 const maximizeMinimizeClick = 'maximizeMinimizeClick';
+/**
+ * @hidden
+ * @deprecated
+ */
+const hidePopup = 'hidePopup';
 /**
  * @hidden
  * @deprecated
@@ -860,6 +865,11 @@ const CLS_QUICK_DROPDOWN = 'e-quick-dropdown';
  * @deprecated
  */
 const CLS_IMAGE_POP = 'e-rte-image-popup';
+/**
+ * @hidden
+ * @deprecated
+ */
+const CLS_TEXT_POP = 'e-rte-text-popup';
 /**
  * @hidden
  * @deprecated
@@ -2177,29 +2187,41 @@ function updateDropDownLocale(self) {
     });
 }
 let windowKeys = {
-    'Insert Link': 'Ctrl + K',
-    'Insert Image': 'Ctrl + Shift + I',
-    'Create Table': 'Ctrl + Shift + E',
-    'Undo': 'Ctrl + Z',
-    'Redo': 'Ctrl + Y',
-    'Copy': 'Ctrl + C',
-    'Cut': 'Ctrl + X',
-    'Paste': 'Ctrl + V',
-    'Bold': 'Ctrl + B',
-    'Italic': 'Ctrl + I',
-    'Underline': 'Ctrl + U',
-    'Strikethrough': 'Ctrl + Shift + S',
-    'Upper Case': 'Ctrl + Shift + U',
-    'Lower Case': 'Ctrl + Shift + L',
-    'Superscript': 'Ctrl + Shift + =',
-    'Subscript': 'Ctrl + =',
-    'Source Code': 'Ctrl + Shift + H',
-    'Maximize': 'Ctrl + Shift + F',
+    'Insert Link': 'Ctrl+K',
+    'Insert Image': 'Ctrl+Shift+I',
+    'Create Table': 'Ctrl+Shift+E',
+    'Undo': 'Ctrl+Z',
+    'Redo': 'Ctrl+Y',
+    'Copy': 'Ctrl+C',
+    'Cut': 'Ctrl+X',
+    'Paste': 'Ctrl+V',
+    'Bold': 'Ctrl+B',
+    'Italic': 'Ctrl+I',
+    'Underline': 'Ctrl+U',
+    'Strikethrough': 'Ctrl+Shift+S',
+    'Upper Case': 'Ctrl+Shift+U',
+    'Lower Case': 'Ctrl+Shift+L',
+    'Superscript': 'Ctrl+Shift+=',
+    'Subscript': 'Ctrl+=',
+    'Code View': 'Ctrl+Shift+H',
+    'Maximize': 'Ctrl+Shift+F',
     'Minimize': 'Esc',
-    'Clear Format': 'Ctrl + Shift + R',
-    'Numbered List': 'Ctrl + Shift + O',
-    'Bulleted List': 'Ctrl + Alt + O',
-    'Format Painter': 'Alt + Shift + C, Alt + Shift + V'
+    'Clear Format': 'Ctrl+Shift+R',
+    'Numbered List': 'Ctrl+Shift+O',
+    'Bulleted List': 'Ctrl+Alt+O',
+    'Number Format List': 'Ctrl+Shift+O',
+    'Bullet Format List': 'Ctrl+Alt+O',
+    'Insert Audio': 'Ctrl+Shift+A',
+    'Insert Video': 'Ctrl+Shift+V',
+    'Increase Indent': 'Ctrl+]',
+    'Decrease Indent': 'Ctrl+[',
+    'Decrease Fontsize': 'Ctrl+Shift+<',
+    'Increase Fontsize': 'Ctrl+Shift+>',
+    'Justify Center': 'Ctrl+E',
+    'Justify Full': 'Ctrl+J',
+    'Justify Left': 'Ctrl+L',
+    'Justify Right': 'Ctrl+R',
+    'Format Painter': 'Alt+Shift+C, Alt+Shift+V'
 };
 const defaultEmojiIcons = [{
         name: 'Smilies & People', code: '1F600', iconCss: 'e-emoji', icons: [{ code: '1F600', desc: 'Grinning face' },
@@ -2869,7 +2891,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                     }
                 }
                 else if ((typeof data[`${key}`] === 'string' || data[`${key}`] === null) &&
-                    getIndex(key, e.parent.toolbarSettings.items) > -1) {
+                    getIndex(key, e.parent.toolbarSettings.items) >= -1) {
                     const value = ((data[`${key}`]) ? data[`${key}`] : '');
                     let result = '';
                     switch (key) {
@@ -2934,6 +2956,10 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             dropDown.fontSizeDropDown.dataBind();
                             break;
                         }
+                        case 'bulletFormatList':
+                        case 'numberFormatList': {
+                            removeClass([e.tbElements[j]], [CLS_ACTIVE]);
+                        }
                     }
                 }
             }
@@ -3298,9 +3324,13 @@ class ToolbarRenderer {
      * Constructor for toolbar renderer module
      *
      * @param {IRichTextEditor} parent - specifies the parent element.
+     * @param {ServiceLocator} serviceLocator - specifies the serviceLocator
      */
-    constructor(parent) {
+    constructor(parent, serviceLocator) {
         this.parent = parent;
+        if (serviceLocator) {
+            this.l10n = serviceLocator.getService('rteLocale');
+        }
         this.wireEvent();
     }
     wireEvent() {
@@ -3308,7 +3338,11 @@ class ToolbarRenderer {
         this.parent.on(maximizeMinimizeClick, this.destroyTooltip, this);
     }
     destroyTooltip() {
-        this.tooltip.close();
+        if (!isNullOrUndefined(document.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(document.querySelector(' [data-tooltip-id]'))) {
+            const tooltipTargetEle = document.querySelector('#' + (this.parent.element).id + ' [data-tooltip-id]');
+            const event = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
+            tooltipTargetEle.dispatchEvent(event);
+        }
     }
     unWireEvent() {
         this.parent.off(destroy, this.unWireEvent);
@@ -3344,6 +3378,22 @@ class ToolbarRenderer {
         }
         this.parent.notify(beforeDropDownItemRender, args);
     }
+    tooltipBeforeRender(args) {
+        if (!isNullOrUndefined(args.target.getAttribute('title'))) {
+            const tooltipTarget = args.target.getAttribute('title');
+            let tooltipText;
+            switch (tooltipTarget) {
+                case 'Minimize':
+                    tooltipText = this.l10n.getConstant('minimize');
+                    args.target.setAttribute('title', tooltipText + ' (Esc)');
+                    break;
+                case 'Maximize':
+                    tooltipText = this.l10n.getConstant('maximize');
+                    args.target.setAttribute('title', tooltipText + ' (Ctrl+Shift+F)');
+                    break;
+            }
+        }
+    }
     dropDownOpen(args) {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-merge')) &&
             (!isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-horizontal-split')) || !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-vertical-split')))) {
@@ -3409,6 +3459,8 @@ class ToolbarRenderer {
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
                 showTipPointer: true,
                 openDelay: 400,
+                opensOn: 'Hover',
+                beforeRender: this.tooltipBeforeRender.bind(this),
                 cssClass: this.parent.cssClass,
                 windowCollision: true,
                 position: 'BottomCenter'
@@ -4754,7 +4806,7 @@ class Toolbar$2 {
         this.renderFactory = this.locator.getService('rendererFactory');
         updateDropDownLocale(this.parent);
         updateDropDownFontFormatLocale(this.parent);
-        this.renderFactory.addRenderer(RenderType.Toolbar, new ToolbarRenderer(this.parent));
+        this.renderFactory.addRenderer(RenderType.Toolbar, new ToolbarRenderer(this.parent, this.locator));
         this.toolbarRenderer = this.renderFactory.getRenderer(RenderType.Toolbar);
         this.baseToolbar = new BaseToolbar(this.parent, this.locator);
         this.addEventListener();
@@ -5228,6 +5280,9 @@ class Toolbar$2 {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.isToolbarDestroyed()) {
             this.destroyToolbar();
             if (this.keyBoardModule) {
@@ -5926,6 +5981,9 @@ class BaseQuickToolbar {
         else if (args.popupType === 'Inline') {
             className = CLS_INLINE_POP;
         }
+        else if (args.popupType === 'Text') {
+            className = CLS_TEXT_POP;
+        }
         else {
             className = '';
         }
@@ -6005,7 +6063,7 @@ class BaseQuickToolbar {
                 case 'bottom': {
                     let posY;
                     if (viewPort === 'document') {
-                        if (type === 'inline') {
+                        if (type === 'inline' || type === 'text') {
                             posY = (e.y - e.popHeight - 10);
                         }
                         else {
@@ -6034,7 +6092,7 @@ class BaseQuickToolbar {
                     break;
                 }
                 case 'right':
-                    if (type === 'inline') {
+                    if (type === 'inline' || type === 'text') {
                         x = window.pageXOffset + (e.windowWidth - (e.popWidth + e.bodyRightSpace + 10));
                     }
                     else {
@@ -6042,7 +6100,7 @@ class BaseQuickToolbar {
                     }
                     break;
                 case 'left':
-                    if (type === 'inline') {
+                    if (type === 'inline' || type === 'text') {
                         x = 0;
                     }
                     else {
@@ -6061,11 +6119,12 @@ class BaseQuickToolbar {
      * @param {number} x - specifies the x value
      * @param {number} y - specifies the y value
      * @param {Element} target - specifies the element
+     * @param {string} type - specifies the type
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    showPopup(x, y, target) {
+    showPopup(x, y, target, type) {
         const eventArgs = { popup: this.popupObj, cancel: false, targetElement: target,
             positionX: x, positionY: y };
         this.parent.trigger(beforeQuickToolbarOpen, eventArgs, (beforeQuickToolbarArgs) => {
@@ -6095,7 +6154,7 @@ class BaseQuickToolbar {
                     editPanelTop = (cntEle) ? cntEle.scrollTop : 0;
                     editPanelHeight = (cntEle) ? cntEle.offsetHeight : 0;
                 }
-                if (!this.parent.inlineMode.enable && !closest(target, 'table')) {
+                if (!this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text') {
                     this.parent.disableToolbarItem(this.parent.toolbarSettings.items);
                     this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
@@ -6148,7 +6207,7 @@ class BaseQuickToolbar {
                 if (!this.parent.inlineMode.enable) {
                     this.checkCollision(showPopupData, 'parent', '');
                 }
-                this.checkCollision(showPopupData, 'document', ((this.parent.inlineMode.enable) ? 'inline' : ''));
+                this.checkCollision(showPopupData, 'document', ((this.parent.inlineMode.enable) ? 'inline' : (type === 'text') ? 'text' : ''));
                 this.popupObj.element.classList.remove('e-popup-open');
                 removeClass([this.element], [CLS_HIDE]);
                 this.popupObj.show({ name: 'ZoomIn', duration: (Browser.isIE ? 250 : 400) });
@@ -6475,8 +6534,10 @@ class QuickToolbar {
         }
         this.linkQTBar = this.createQTBar('Link', 'Scrollable', this.parent.quickToolbarSettings.link, RenderType.LinkToolbar);
         this.renderFactory.addRenderer(RenderType.LinkToolbar, this.linkQTBar);
-        this.textQTBar = this.createQTBar('Text', 'Scrollable', this.parent.quickToolbarSettings.text, RenderType.TextToolbar);
-        this.renderFactory.addRenderer(RenderType.TextToolbar, this.textQTBar);
+        if (!isNullOrUndefined(this.parent.quickToolbarSettings.text) && !this.parent.inlineMode.enable) {
+            this.textQTBar = this.createQTBar('Text', 'MultiRow', this.parent.quickToolbarSettings.text, RenderType.TextToolbar);
+            this.renderFactory.addRenderer(RenderType.TextToolbar, this.textQTBar);
+        }
         this.imageQTBar = this.createQTBar('Image', 'MultiRow', this.parent.quickToolbarSettings.image, RenderType.ImageToolbar);
         this.renderFactory.addRenderer(RenderType.ImageToolbar, this.imageQTBar);
         this.audioQTBar = this.createQTBar('Audio', 'MultiRow', this.parent.quickToolbarSettings.audio, RenderType.AudioToolbar);
@@ -6617,6 +6678,24 @@ class QuickToolbar {
                 }
             }
         }
+        if (!isNullOrUndefined(this.textQTBar) && !isNullOrUndefined(this.parent.quickToolbarSettings.text) && !this.parent.inlineMode.enable) {
+            const args = e.args.touches ?
+                e.args.changedTouches[0] : e.args;
+            const target = e.args.target;
+            this.hideQuickToolbars();
+            const parentLeft = this.parent.element.getBoundingClientRect().left;
+            this.offsetX = this.parent.iframeSettings.enable ? this.parent.element.ownerDocument.documentElement.scrollLeft
+                + parentLeft + args.clientX : args.pageX;
+            this.offsetY = pageYOffset(args, this.parent.element, this.parent.iframeSettings.enable);
+            const range = this.parent.getRange();
+            if ((range.endContainer.parentElement.tagName === range.startContainer.parentElement.tagName && (range.startContainer.parentElement.tagName === 'A' && range.endContainer.parentElement.tagName === 'A')) ||
+                (target.tagName === 'IMG') || (target.tagName === 'VIDEO') || (target.tagName === 'AUDIO') || (target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
+                (this.parent.getRange().startOffset === this.parent.getRange().endOffset)) {
+                return;
+            }
+            this.target = target;
+            this.textQTBar.showPopup(this.offsetX, this.offsetY, target, 'text');
+        }
     }
     keyDownHandler() {
         if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
@@ -6629,6 +6708,11 @@ class QuickToolbar {
             && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
             this.hideInlineQTBar();
         }
+        if (!isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
+            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close') && document.body.contains(this.textQTBar.element)) {
+                this.textQTBar.hidePopup();
+            }
+        }
     }
     keyUpHandler(e) {
         if (this.parent.inlineMode.enable && !Browser.isDevice) {
@@ -6680,6 +6764,9 @@ class QuickToolbar {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.linkQTBar) {
             EventHandler.remove(this.linkQTBar.element, 'mousedown', this.onMouseDown);
             EventHandler.remove(this.linkQTBar.element, 'keyup', this.keyUpQT);
@@ -6786,6 +6873,7 @@ class QuickToolbar {
         this.parent.on(keyDown, this.onKeyDown, this);
         this.parent.on(rtlMode, this.setRtl, this);
         this.parent.on(bindCssClass, this.setCssClass, this);
+        this.parent.on(hidePopup, this.hideQuickToolbars, this);
     }
     onKeyDown(e) {
         const args = e.args;
@@ -6839,6 +6927,9 @@ class QuickToolbar {
         if (this.linkQTBar) {
             this.linkQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
         }
+        if (this.textQTBar) {
+            this.textQTBar.quickTBarObj.toolbarObj.setProperties({ enableRtl: args.enableRtl });
+        }
     }
     /**
      * removeEventListener
@@ -6867,6 +6958,7 @@ class QuickToolbar {
         this.parent.off(keyDown, this.onKeyDown);
         this.parent.off(rtlMode, this.setRtl);
         this.parent.off(bindCssClass, this.setCssClass);
+        this.parent.off(hidePopup, this.hideQuickToolbars);
     }
     /**
      * Called internally if any of the property value changed.
@@ -10010,6 +10102,9 @@ class MarkdownEditor {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -11150,11 +11245,12 @@ class DOMNode {
         let startTextNode;
         let endTextNode;
         if (start.textContent === '' && isNullOrUndefined(end) && action !== 'tab') {
-            if (isNullOrUndefined(action) && save.range.startContainer.nodeType === 1 &&
-                save.range.startContainer.querySelectorAll('audio,video,image').length === 0) {
-                start.innerHTML = '<br>';
-            }
-            else if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
+            // To Do Apply Heading and Back space press in empty content.
+            // if (isNOU(action) && save.range.startContainer.nodeType === 1 &&
+            //     (save.range.startContainer as HTMLElement).querySelectorAll('audio,video,image').length === 0)  {
+            //     start.innerHTML = '<br>';
+            // }
+            if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
                 start.innerHTML = '&#65279;&#65279;<br>';
             }
             else {
@@ -13027,7 +13123,7 @@ class InsertHtml {
         let range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
             range.startOffset === range.endOffset && editNode.textContent.length === 0 &&
-            (editNode.children[0].tagName === 'P' || (editNode.children[0].tagName === 'BR'))) {
+            (editNode.children[0].tagName === 'P' || editNode.children[0].tagName === 'DIV' || (editNode.children[0].tagName === 'BR'))) {
             nodeSelection.setSelectionText(docElement, range.startContainer.children[0], range.startContainer.children[0], 0, 0);
             range = nodeSelection.getRange(docElement);
         }
@@ -14887,7 +14983,7 @@ class TableCommand {
     calculateStyleValue(value) {
         let styleValue;
         if (typeof (value) === 'string') {
-            if (value.indexOf('px') || value.indexOf('%') || value.indexOf('auto')) {
+            if (value.indexOf('px') >= 0 || value.indexOf('%') >= 0 || value.indexOf('auto') >= 0) {
                 styleValue = value;
             }
             else {
@@ -16733,7 +16829,7 @@ class SelectionBasedExec {
     keyDownHandler(e) {
         const validFormats = ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
             'subscript', 'uppercase', 'lowercase'];
-        if (e.event.ctrlKey && validFormats.indexOf(e.event.action) > -1) {
+        if ((e.event.ctrlKey || e.event.metaKey) && validFormats.indexOf(e.event.action) > -1) {
             e.event.preventDefault();
             SelectionCommands.applyFormat(this.parent.currentDocument, e.event.action, this.parent.editableElement, e.enterAction);
             this.callBack(e, e.event.action);
@@ -17371,6 +17467,7 @@ class MsWordPaste {
             'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         this.removableElements = ['o:p', 'style'];
         this.listContents = [];
+        this.cropImageDimensions = [];
         this.parent = parent;
         this.addEventListener();
     }
@@ -17420,20 +17517,20 @@ class MsWordPaste {
                     }
                 }
             }
-            e.callBack(elm.innerHTML);
+            e.callBack(elm.innerHTML, this.cropImageDimensions);
         }
         else {
             e.callBack(elm.innerHTML);
         }
     }
     cleanList(elm, listTag) {
-        let replacableElem = elm.querySelectorAll(listTag + ' div');
+        const replacableElem = elm.querySelectorAll(listTag + ' div');
         for (let j = replacableElem.length - 1; j >= 0; j--) {
             const parentElem = replacableElem[j].parentNode;
             while (replacableElem[j].firstChild) {
                 parentElem.insertBefore(replacableElem[j].firstChild, replacableElem[j]);
             }
-            let closestListElem = this.findClosestListElem(replacableElem[j]);
+            const closestListElem = this.findClosestListElem(replacableElem[j]);
             if (closestListElem) {
                 this.insertAfter(replacableElem[j], closestListElem);
             }
@@ -17488,7 +17585,8 @@ class MsWordPaste {
                 imgElem[i].getAttribute('v:shapes').indexOf('Grafik') < 0 &&
                 imgElem[i].getAttribute('v:shapes').toLowerCase().indexOf('image') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0) {
                 detach(imgElem[i]);
             }
         }
@@ -17505,14 +17603,36 @@ class MsWordPaste {
             }
             const hexValue = this.hexConversion(rtfData);
             for (let i = 0; i < hexValue.length; i++) {
-                base64Src.push(this.convertToBase64(hexValue[i]));
+                base64Src.push({
+                    base64Data: !isNullOrUndefined(hexValue[i].hex) ? this.convertToBase64(hexValue[i]) : null,
+                    isCroppedImage: hexValue[i].isCroppedImage
+                });
+                if (hexValue[i].isCroppedImage) {
+                    this.cropImageDimensions.push({
+                        goalWidth: hexValue[i].goalWidth,
+                        goalHeight: hexValue[i].goalHeight,
+                        cropLength: hexValue[i].cropLength,
+                        cropTop: hexValue[i].cropTop,
+                        cropR: hexValue[i].cropR,
+                        cropB: hexValue[i].cropB
+                    });
+                }
             }
             for (let i = 0; i < imgElem.length; i++) {
                 if (imgSrc[i].match(linkRegex)) {
                     imgElem[i].setAttribute('src', imgSrc[i]);
                 }
                 else {
-                    imgElem[i].setAttribute('src', base64Src[i]);
+                    if (!isNullOrUndefined(base64Src[i]) && !isNullOrUndefined(base64Src[i].base64Data)) {
+                        imgElem[i].setAttribute('src', base64Src[i].base64Data);
+                    }
+                    else {
+                        imgElem[i].removeAttribute('src');
+                        imgElem[i].setAttribute('alt', 'Unsupported file format');
+                    }
+                    if (!isNullOrUndefined(base64Src[i]) && base64Src[i].isCroppedImage) {
+                        imgElem[i].classList.add('e-img-cropped');
+                    }
                 }
                 imgElem[i].setAttribute('id', 'msWordImg-' + imgName[i]);
             }
@@ -17589,6 +17709,13 @@ class MsWordPaste {
         const result = [];
         if (!isNullOrUndefined(fullImg)) {
             for (let i = 0; i < fullImg.length; i++) {
+                let isCroppedImage = false;
+                let goalWidth = 0;
+                let goalHeight = 0;
+                let cropLength = 0;
+                let cropTop = 0;
+                let cropR = 0;
+                let cropB = 0;
                 if (picHead.test(fullImg[i])) {
                     if (fullImg[i].indexOf('\\pngblip') !== -1) {
                         imgType = 'image/png';
@@ -17596,20 +17723,45 @@ class MsWordPaste {
                     else if (fullImg[i].indexOf('\\jpegblip') !== -1) {
                         imgType = 'image/jpeg';
                     }
+                    else if (fullImg[i].indexOf('\\picprop') !== -1) {
+                        imgType = null;
+                    }
                     else {
                         continue;
                     }
+                    isCroppedImage = this.extractCropValue('cropl', fullImg[i]) > 0 &&
+                        this.extractCropValue('cropt', fullImg[i]) > 0 ? true : false;
+                    if (isCroppedImage) {
+                        goalWidth = this.extractCropValue('wgoal', fullImg[i]);
+                        goalHeight = this.extractCropValue('hgoal', fullImg[i]);
+                        cropLength = this.extractCropValue('cropl', fullImg[i]);
+                        cropTop = this.extractCropValue('cropt', fullImg[i]);
+                        cropR = this.extractCropValue('cropr', fullImg[i]);
+                        cropB = this.extractCropValue('cropb', fullImg[i]);
+                    }
                     result.push({
                         hex: imgType ? fullImg[i].replace(picHead, '').replace(/[^\da-fA-F]/g, '') : null,
-                        type: imgType
+                        type: imgType,
+                        isCroppedImage: isCroppedImage,
+                        goalWidth: goalWidth,
+                        goalHeight: goalHeight,
+                        cropLength: cropLength,
+                        cropTop: cropTop,
+                        cropR: cropR,
+                        cropB: cropB
                     });
                 }
             }
         }
         return result;
     }
+    extractCropValue(crop, rtfData) {
+        // eslint-disable-next-line security/detect-non-literal-regexp
+        const result = new RegExp('\\\\pic' + crop + '(\\-?\\d+)\\\\').exec(rtfData.replace('\r\n\\', '\\'))[1];
+        return parseInt(result, 10);
+    }
     removeClassName(elm) {
-        const elmWithClass = elm.querySelectorAll('*[class]');
+        const elmWithClass = elm.querySelectorAll('*[class]:not(.e-img-cropped)');
         for (let i = 0; i < elmWithClass.length; i++) {
             elmWithClass[i].removeAttribute('class');
         }
@@ -17946,8 +18098,10 @@ class MsWordPaste {
                         currentListStyle = listNodes[i].getAttribute('style');
                     }
                 }
-                collection.push({ listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
-                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft });
+                collection.push({
+                    listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
+                    listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft
+                });
             }
         }
         stNode = listNodes.shift();
@@ -18044,10 +18198,20 @@ class MsWordPaste {
                 temp.style.listStyleType = collection[index].listStyleTypeName;
             }
             else if (collection[index].nestedLevel === pLevel) {
-                if (prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
+                if (!isNullOrUndefined(prevList) && !isNullOrUndefined(prevList.parentElement)
+                    && prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
                     prevList.parentElement.appendChild(prevList = createElement('li'));
                     prevList.appendChild(pElement);
                 }
+                else if (isNullOrUndefined(prevList)) {
+                    temp = createElement(collection[index].listType);
+                    temp.style.listStyleType = collection[index].listStyleTypeName;
+                    prevList = createElement('li');
+                    prevList.appendChild(pElement);
+                    temp.appendChild(prevList);
+                    temp.setAttribute('level', collection[index].nestedLevel.toString());
+                    root.appendChild(temp);
+                }
                 else {
                     temp = createElement(collection[index].listType);
                     temp.style.listStyleType = collection[index].listStyleTypeName;
@@ -18075,8 +18239,7 @@ class MsWordPaste {
                 }
                 else {
                     if (collection[index].nestedLevel > pLevel && isNormalList) {
-                        let initialNode;
-                        initialNode = createElement(collection[index].listType);
+                        const initialNode = createElement(collection[index].listType);
                         prevList = createElement('li');
                         initialNode.appendChild(prevList);
                         initialNode.style.listStyleType = 'none';
@@ -18163,11 +18326,11 @@ class MsWordPaste {
         else {
             //Add to support separate list which looks like same list and also to add all tags as it is inside list
             if (firstChild.childNodes.length > 0) {
-                let listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
+                const listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
                 for (let i = 0; i < listIgnoreTag.length; i++) {
-                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ""));
+                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ''));
                 }
-                let listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
+                const listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNullOrUndefined(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());
                     detach(listOrder);
@@ -19829,7 +19992,7 @@ class XhtmlValidation {
      */
     selfEncloseValidation(currentValue, valueLength) {
         if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0 &&
-            currentValue !== '<p><br></p>' && currentValue !== '<div><br></div>' && currentValue !== '<br>') {
+            currentValue.includes('&nbsp;')) {
             const arrayValue = currentValue.split('&nbsp;');
             arrayValue[arrayValue.length - 1] = '&#8203;' + arrayValue[arrayValue.length - 1];
             currentValue = arrayValue.join('');
@@ -20070,11 +20233,24 @@ class HtmlEditor {
             const currentLength = this.parent.inputElement.innerHTML.replace(regEx, '').length;
             let focusNode = range.startContainer;
             if (previousLength > currentLength && !isRootParent) {
+                if (focusNode.textContent.trim().length !== 0 && focusNode.previousSibling) {
+                    const tempSpan = document.createElement('span');
+                    tempSpan.className = 'tempSpan';
+                    range.insertNode(tempSpan);
+                }
                 let currentChild = this.parent.inputElement.firstChild;
                 while (!isNullOrUndefined(currentChild) && currentChild.textContent.replace(regEx, '').trim().length > 0) {
                     currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
                     currentChild = currentChild.nextElementSibling;
                 }
+                let tempSpanToRemove = this.parent.inputElement.querySelector('.tempSpan');
+                if (tempSpanToRemove && tempSpanToRemove.previousSibling && focusNode.textContent.trim().length !== 0) {
+                    focusNode = tempSpanToRemove.previousSibling;
+                    pointer = tempSpanToRemove.previousSibling.textContent.length;
+                    const parentElement = tempSpanToRemove.parentNode;
+                    parentElement.removeChild(tempSpanToRemove);
+                    tempSpanToRemove = null;
+                }
                 const currentChildNode = this.parent.inputElement.querySelector('.currentStartMark').childNodes;
                 if (currentChildNode.length > 1) {
                     for (let i = 0; i < currentChildNode.length; i++) {
@@ -20527,7 +20703,7 @@ class HtmlEditor {
         const item = args.item;
         const closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
         if (item.command !== 'FormatPainter') {
-            if (closestElement && !closestElement.classList.contains('e-rte-inline-popup')) {
+            if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
                 if (!(item.subCommand === 'SourceCode' || item.subCommand === 'Preview' ||
                     item.subCommand === 'FontColor' || item.subCommand === 'BackgroundColor')) {
                     if (isIDevice$1() && item.command === 'Images') {
@@ -20798,6 +20974,7 @@ class PasteCleanup {
             'header', 'article', 'nav', 'footer', 'section', 'aside', 'main', 'figure', 'figcaption'];
         this.isNotFromHtml = false;
         this.containsHtml = false;
+        this.cropImageData = [];
         this.parent = parent;
         this.locator = serviceLocator;
         this.renderFactory = this.locator.getService('rendererFactory');
@@ -20877,8 +21054,9 @@ class PasteCleanup {
                     args: e.args,
                     text: e.text,
                     allowedStylePropertiesArray: this.parent.pasteCleanupSettings.allowedStyleProps,
-                    callBack: (a) => {
+                    callBack: (a, cropImageData) => {
                         value = a.trim();
+                        this.cropImageData = cropImageData;
                     }
                 });
             }
@@ -20926,7 +21104,9 @@ class PasteCleanup {
                     currentFocusNode = currentFocusNode.childNodes[this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startOffset];
                 }
                 if (currentFocusNode.previousSibling.nodeName === 'IMG') {
-                    currentFocusNode.previousSibling.classList.add('pasteContent_Img');
+                    if (!isNullOrUndefined(currentFocusNode.previousSibling.getAttribute('src'))) {
+                        currentFocusNode.previousSibling.classList.add('pasteContent_Img');
+                    }
                     currentFocusNode.previousSibling.classList.add(CLS_RTE_IMAGE);
                     if (this.parent.insertImageSettings.display === 'inline') {
                         currentFocusNode.previousSibling.classList.add(CLS_IMGINLINE);
@@ -20958,6 +21138,7 @@ class PasteCleanup {
     makeSpace(enterSplitText) {
         let contentWithSpace = '';
         let spaceBetweenContent = true;
+        enterSplitText = enterSplitText.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
         const spaceSplit = enterSplitText.split(' ');
         for (let j = 0; j < spaceSplit.length; j++) {
             if (spaceSplit[j].trim() === '') {
@@ -20977,7 +21158,8 @@ class PasteCleanup {
             const imgName = [];
             const uploadImg = [];
             for (let i = 0; i < allImgElm.length; i++) {
-                if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
+                if (!isNullOrUndefined(allImgElm[i].getAttribute('src')) &&
+                    allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
                     base64Src.push(allImgElm[i].getAttribute('src'));
                     imgName.push(getUniqueID('rte_image'));
                     uploadImg.push(allImgElm[i]);
@@ -21057,8 +21239,6 @@ class PasteCleanup {
         setTimeout(() => {
             this.refreshPopup(imgElem, this.popupObj);
         }, timeOut);
-        let rawFile;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -21090,28 +21270,8 @@ class PasteCleanup {
                 }
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = rawFile;
-                    args.cancel = true;
-                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        this.toolbarEnableDisable(true);
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeImageUpload, args);
-                    this.toolbarEnableDisable(true);
-                }
+                this.parent.trigger(beforeImageUpload, args);
+                this.toolbarEnableDisable(true);
             },
             // eslint-disable-next-line
             failure: (e) => {
@@ -21129,9 +21289,6 @@ class PasteCleanup {
             },
             selected: (e) => {
                 e.cancel = true;
-                if (this.parent.isServerRendered) {
-                    rawFile = e.filesData;
-                }
             },
             removing: () => {
                 this.parent.inputElement.contentEditable = 'true';
@@ -21153,8 +21310,6 @@ class PasteCleanup {
                 statusCode: '1'
             }];
         this.uploadObj.createFileList(fileData);
-        /* eslint-enable */
-        rawFile = fileData;
         this.uploadObj.upload(fileData);
         this.popupObj.element.getElementsByClassName('e-file-select-wrap')[0].style.display = 'none';
         detach(this.popupObj.element.querySelector('.e-rte-dialog-upload .e-file-select-wrap'));
@@ -21228,7 +21383,9 @@ class PasteCleanup {
      * @deprecated
      */
     imageFormatting(pasteArgs, imgElement) {
-        imgElement.elements[0].classList.add('pasteContent_Img');
+        if (!isNullOrUndefined(imgElement.elements[0].getAttribute('src'))) {
+            imgElement.elements[0].classList.add('pasteContent_Img');
+        }
         const imageElement = this.parent.createElement('span');
         imageElement.appendChild(imgElement.elements[0]);
         const imageValue = imageElement.innerHTML;
@@ -21419,7 +21576,9 @@ class PasteCleanup {
         clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
         const allImg = clipBoardElem.querySelectorAll('img');
         for (let i = 0; i < allImg.length; i++) {
-            allImg[i].classList.add('pasteContent_Img');
+            if (!isNullOrUndefined(allImg[i].getAttribute('src'))) {
+                allImg[i].classList.add('pasteContent_Img');
+            }
             this.setImageProperties(allImg[i]);
         }
         this.addTempClass(clipBoardElem);
@@ -21462,6 +21621,47 @@ class PasteCleanup {
             }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(toolbarRefresh, {});
+            this.cropImageHandler(this.parent.inputElement);
+        }
+    }
+    cropImageHandler(element) {
+        const allImgElm = element.querySelectorAll('.e-img-cropped');
+        if (allImgElm.length > 0) {
+            for (let i = 0; i < allImgElm.length; i++) {
+                if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
+                    const image = new Image();
+                    image.src = allImgElm[i].getAttribute('src');
+                    const canvas = document.createElement('canvas');
+                    const ctx = canvas.getContext('2d');
+                    image.onload = () => {
+                        const wGoalWidth = this.cropImageData[i].goalWidth / image.naturalWidth;
+                        const hGoalHeight = this.cropImageData[i].goalHeight / image.naturalHeight;
+                        const cropLength = this.cropImageData[i].cropLength / wGoalWidth;
+                        const cropTop = this.cropImageData[i].cropTop / hGoalHeight;
+                        const cropWidth = (this.cropImageData[i].goalWidth -
+                            this.cropImageData[i].cropLength -
+                            this.cropImageData[i].cropR) / wGoalWidth;
+                        const cropHeight = (this.cropImageData[i].goalHeight -
+                            this.cropImageData[i].cropTop -
+                            this.cropImageData[i].cropB) / hGoalHeight;
+                        canvas.width = cropWidth;
+                        canvas.height = cropHeight;
+                        // Draw the cropped portion of the image onto the canvas
+                        ctx.drawImage(image, cropLength, cropTop, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);
+                        // Convert the cropped canvas to a base64 encoded image
+                        const croppedBase64 = canvas.toDataURL('image/png');
+                        // Call the provided callback with the cropped base64 data
+                        allImgElm[i].setAttribute('src', croppedBase64);
+                        allImgElm[i].classList.remove('e-img-cropped');
+                        this.imgUploading(this.parent.inputElement);
+                        if (this.parent.iframeSettings.enable) {
+                            this.parent.updateValue();
+                        }
+                    };
+                }
+            }
+        }
+        else {
             this.imgUploading(this.parent.inputElement);
             if (this.parent.iframeSettings.enable) {
                 this.parent.updateValue();
@@ -22311,6 +22511,9 @@ class FullScreen {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         if (this.parent.element.classList.contains(CLS_FULL_SCREEN)) {
             this.toggleParentOverflow(false);
         }
@@ -22403,6 +22606,10 @@ class FormatPainter {
             clickargs.args.action = 'escape';
             this.actionHandler(clickargs, 'keyBoard');
         }
+        if (this.parent.quickToolbarModule && !isNullOrUndefined(this.parent.quickToolbarSettings.text) &&
+            this.parent.element.ownerDocument.contains(this.parent.quickToolbarModule.textQTBar.element)) {
+            this.parent.quickToolbarModule.textQTBar.hidePopup();
+        }
     }
     toolbarDoubleClick(args) {
         this.isActive = true;
@@ -22481,12 +22688,14 @@ class FormatPainter {
         }
     }
     updateToolbarBtn(enable) {
-        const toolbarBtn = this.parent.element.querySelector('.e-rte-format-painter').parentElement.parentElement;
-        if (enable) {
-            addClass([toolbarBtn], 'e-active');
-        }
-        else if (!this.isSticky) {
-            removeClass([toolbarBtn], 'e-active');
+        if (!isNullOrUndefined(this.parent.element.querySelector('.e-rte-format-painter'))) {
+            const toolbarBtn = this.parent.element.querySelector('.e-rte-format-painter').parentElement.parentElement;
+            if (enable) {
+                addClass([toolbarBtn], 'e-active');
+            }
+            else if (!this.isSticky) {
+                removeClass([toolbarBtn], 'e-active');
+            }
         }
     }
     editAreaClick(args) {
@@ -22556,7 +22765,13 @@ class EmojiPicker {
     }
     // eslint-disable-next-line
     toolbarClick(args) {
-        const spanElement = this.parent.element.querySelector('.e-emoji');
+        let spanElement;
+        if (!isNullOrUndefined(this.parent.element.querySelector('.e-emoji'))) {
+            spanElement = this.parent.element.querySelector('.e-emoji');
+        }
+        else if (this.parent.inlineMode.enable) {
+            spanElement = this.parent.element.ownerDocument.querySelector('.e-emoji');
+        }
         this.divElement = spanElement.closest('div');
         const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
         this.save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
@@ -22571,7 +22786,12 @@ class EmojiPicker {
             this.popupObj.hide();
         }
         this.popDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-popup', id: this.parent.getID() + '_emojiPicker' });
-        this.parent.getToolbar().appendChild(this.popDiv);
+        if (!isNullOrUndefined(this.parent.getToolbar()) && !this.parent.inlineMode.enable) {
+            this.parent.getToolbar().appendChild(this.popDiv);
+        }
+        else if (this.parent.inlineMode.enable) {
+            this.parent.inputElement.appendChild(this.popDiv);
+        }
         EventHandler.add(this.popDiv, 'keydown', this.onKeyDown, this);
         EventHandler.add(this.popDiv, 'keyup', this.searchFilter, this);
         const extendEle = this.parent.element.querySelector('.e-toolbar-extended');
@@ -22586,13 +22806,14 @@ class EmojiPicker {
         let target;
         let xValue;
         let yValue;
-        if (!isNullOrUndefined(args.args)) {
+        if (!isNullOrUndefined(args.args) && !this.parent.inlineMode.enable &&
+            isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
             target = args.args.originalEvent.target;
             target = target.classList.contains('e-toolbar-item') ? target.firstChild : target.parentElement;
             xValue = 'left';
             yValue = 'bottom';
         }
-        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y)) {
+        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y) && !this.parent.inlineMode.enable && isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
             target = this.parent.inputElement;
             if (window.getSelection().rangeCount > 0) {
                 const coordinates = this.getCoordinates();
@@ -22600,6 +22821,14 @@ class EmojiPicker {
                 yValue = coordinates.top;
             }
         }
+        else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y) && (this.parent.inlineMode.enable || !isNullOrUndefined(this.parent.quickToolbarSettings.text))) {
+            this.parent.notify(hidePopup, {});
+            if (window.getSelection().rangeCount > 0) {
+                const coordinates = this.getCoordinates();
+                xValue = coordinates.left;
+                yValue = coordinates.top;
+            }
+        }
         else {
             target = this.parent.inputElement;
             xValue = args.x;
@@ -22626,7 +22855,8 @@ class EmojiPicker {
         addClass([this.popupObj.element], 'e-popup-open');
         this.popupObj.refreshPosition(target);
         // header search element
-        if ((!isNullOrUndefined(args.args) || (isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) && this.parent.emojiPickerSettings.showSearchBox) {
+        if ((!isNullOrUndefined(args.args) || (isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) &&
+            this.parent.emojiPickerSettings.showSearchBox) {
             const inputEle = createElement('input', { id: 'e-rte-emoji-search', className: 'e-rte-emoji-search' });
             this.popDiv.append(inputEle);
             const inputobj = new TextBox({
@@ -22662,7 +22892,8 @@ class EmojiPicker {
         this.popDiv.appendChild(emojiBtnDiv);
         let height;
         const popupBorder = window.getComputedStyle(this.popDiv);
-        if ((isNullOrUndefined(args.args) && !(isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) || !this.parent.emojiPickerSettings.showSearchBox) {
+        if ((isNullOrUndefined(args.args) && !(isNullOrUndefined(args.x) && isNullOrUndefined(args.y))) ||
+            !this.parent.emojiPickerSettings.showSearchBox) {
             height = (this.popDiv.getBoundingClientRect().height - emojiToolBar.getBoundingClientRect().height - (2 * parseFloat(popupBorder.borderWidth))) + 'px';
             emojiBtnDiv.style.setProperty('height', height, 'important');
         }
@@ -22708,13 +22939,6 @@ class EmojiPicker {
         if (!isNullOrUndefined(popup)) {
             scrollTop = Math.round(popup.scrollTop);
         }
-        for (let i = 0; i < toolbarName.length; i++) {
-            /* eslint-disable */
-            if (toolbarName[i].classList.contains('e-selected')) {
-                removeClass([toolbarName[i]], 'e-selected');
-            }
-            /* eslint-enable */
-        }
         if (scrollTop < toolbarName[0].offsetHeight) {
             addClass([toolbarName[0]], 'e-selected');
         }
@@ -23169,7 +23393,7 @@ class EmojiPicker {
         const startOffset = this.save.startOffset;
         const textContent = this.save.range.startContainer.textContent;
         const previousText = textContent.substring(startOffset, startOffset + 1);
-        // When toolbar action is clicked then only restore the range. 
+        // When toolbar action is clicked then only restore the range.
         if (!isNullOrUndefined(this.clickEvent) || previousText !== ':') {
             this.save.restore();
         }
@@ -23355,6 +23579,9 @@ class Render {
      * @returns {void}
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -23747,6 +23974,9 @@ class Link {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -23920,6 +24150,9 @@ class Link {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -23938,7 +24171,7 @@ class Link {
 /**
  * `Image` module is used to handle image actions.
  */
-class Image {
+class Image$1 {
     constructor(parent, serviceLocator) {
         this.isImgUploaded = false;
         this.isAllowedTypes = true;
@@ -25344,6 +25577,9 @@ class Image {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -25399,6 +25635,14 @@ class Image {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
+        if (target.tagName !== 'IMG') {
+            let items = this.contentModule.getEditPanel().querySelectorAll('img');
+            for (let i = 0; i < items.length; i++) {
+                removeClass([items[i]], 'e-img-focus');
+                removeClass([items[i]], 'e-resize');
+                items[i].style.maxWidth = '';
+            }
+        }
     }
     removeResizeEle() {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -25609,10 +25853,8 @@ class Image {
         });
         uploadParentEle.appendChild(uploadEle);
         let altText;
-        let rawFile;
         let selectArgs;
         let filesData;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
@@ -25620,13 +25862,8 @@ class Image {
             selected: (e) => {
                 proxy.isImgUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 this.parent.trigger(imageSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
@@ -25657,35 +25894,11 @@ class Image {
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeImageUpload, args);
-                }
+                this.parent.trigger(beforeImageUpload, args);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -25999,8 +26212,6 @@ class Image {
         setTimeout(() => {
             proxy.refreshPopup(imageElement);
         }, timeOut);
-        let rawFile;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -26026,33 +26237,9 @@ class Image {
                 }, 900);
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = rawFile;
-                    isUploading = true;
-                    args.cancel = true;
-                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        if (!this.parent.inlineMode.enable) {
-                            this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        this.parent.inputElement.contentEditable = 'false';
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeImageUpload, args);
-                    if (!this.parent.inlineMode.enable) {
-                        this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                    }
+                this.parent.trigger(beforeImageUpload, args);
+                if (!this.parent.inlineMode.enable) {
+                    this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
                 }
             },
             uploading: (e) => {
@@ -26077,9 +26264,6 @@ class Image {
                 if (isUploading) {
                     e.cancel = true;
                 }
-                if (this.parent.isServerRendered) {
-                    rawFile = e.filesData;
-                }
             },
             failure: (e) => {
                 isUploading = false;
@@ -26237,6 +26421,9 @@ class Image {
     /* eslint-enable */
     destroy() {
         this.prevSelectedImgEle = undefined;
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -26860,6 +27047,9 @@ class Audio {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -26927,10 +27117,8 @@ class Audio {
         });
         uploadParentEle.appendChild(uploadEle);
         let fileName;
-        let rawFile;
         let selectArgs;
         let filesData;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertAudioSettings.saveUrl, removeUrl: this.parent.insertAudioSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
@@ -26938,13 +27126,8 @@ class Audio {
             selected: (e) => {
                 proxy.isAudioUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 this.parent.trigger(fileSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
@@ -26967,35 +27150,11 @@ class Audio {
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    this.parent.trigger(fileUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeFileUpload, args);
-                }
+                this.parent.trigger(beforeFileUpload, args);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -28223,6 +28382,9 @@ class Video {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     }
     // eslint-disable-next-line
@@ -28332,10 +28494,8 @@ class Video {
         });
         uploadParentEle.appendChild(uploadEle);
         let fileName;
-        let rawFile;
         let selectArgs;
         let filesData;
-        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertVideoSettings.saveUrl, removeUrl: this.parent.insertVideoSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
@@ -28343,13 +28503,8 @@ class Video {
             selected: (e) => {
                 proxy.isVideoUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 this.parent.trigger(fileSelected, selectArgs, (selectArgs) => {
                     if (!selectArgs.cancel) {
                         this.checkExtension(selectArgs.filesData[0]);
@@ -28373,35 +28528,11 @@ class Video {
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: (args) => {
-                if (this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    this.parent.trigger(fileUploading, beforeUploadArgs, (beforeUploadArgs) => {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : this.uploadObj.currentRequestHeader;
-                        this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : this.uploadObj.customFormDatas;
-                        this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    this.parent.trigger(beforeFileUpload, args);
-                }
+                this.parent.trigger(beforeFileUpload, args);
             },
             uploading: (e) => {
                 if (!this.parent.isServerRendered) {
@@ -28647,6 +28778,7 @@ class ViewSource {
      * @deprecated
      */
     sourceCode(args) {
+        this.parent.notify(hidePopup, {});
         this.parent.isBlur = false;
         this.parent.trigger(actionBegin, { requestType: 'SourceCode', targetItem: 'SourceCode', args: args });
         const tbItems = selectAll('.' + CLS_TB_ITEM, this.parent.element);
@@ -28804,6 +28936,9 @@ class ViewSource {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -28872,6 +29007,9 @@ class Table {
         this.parent.off(bindCssClass, this.setCssClass);
         this.parent.off(destroy, this.destroy);
         this.parent.off(moduleDestroy, this.moduleDestroy);
+        if (!Browser.isDevice && this.parent.tableSettings.resize) {
+            EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
+        }
     }
     updateCss(currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -29278,14 +29416,17 @@ class Table {
                 let pageX;
                 let pageY;
                 if (Browser.isDevice && e.args.touches) {
-                    pageX = e.args.changedTouches[0].pageX;
-                    pageY = e.args.changedTouches[0].pageY;
+                    pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset + this.parent.element.getBoundingClientRect().left +
+                        e.args.changedTouches[0].clientX : e.args.changedTouches[0].pageX;
+                    pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + this.parent.element.getBoundingClientRect().top +
+                        (!this.parent.inlineMode.enable ? this.parent.toolbarModule.getToolbarHeight() : 0)
+                        + e.args.changedTouches[0].clientY : e.args.changedTouches[0].pageY;
                 }
                 else {
                     pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset
                         + this.parent.element.getBoundingClientRect().left + args.clientX : args.pageX;
-                    pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset +
-                        this.parent.element.getBoundingClientRect().top + args.clientY : args.pageY;
+                    pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset + this.parent.element.getBoundingClientRect().top +
+                        this.parent.toolbarModule.getToolbarHeight() + args.clientY : args.pageY;
                 }
                 this.quickToolObj.tableQTBar.showPopup(pageX, pageY, target);
                 this.parent.formatter.editorManager.nodeSelection.restore();
@@ -29409,7 +29550,12 @@ class Table {
         const columns = table.rows[this.calMaxCol(table)].cells;
         const rows = [];
         for (let i = 0; i < table.rows.length; i++) {
-            rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, 1)[0]);
+            for (let j = 0; j < table.rows[i].cells.length; j++) {
+                if (!table.rows[i].cells[j].hasAttribute('rowspan')) {
+                    rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, table.rows[i].cells.length)[j]);
+                    break;
+                }
+            }
         }
         const height = parseInt(getComputedStyle(table).height, 10);
         const width = parseInt(getComputedStyle(table).width, 10);
@@ -29655,6 +29801,7 @@ class Table {
         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) => {
@@ -29684,7 +29831,7 @@ class Table {
                     const width = parseFloat(this.columnEle.offsetWidth.toString());
                     const cellRow = this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     let currentTableWidth;
-                    if (this.curTable.style.width != '') {
+                    if (this.curTable.style.width !== '' && this.curTable.style.width.includes('%')) {
                         currentTableWidth = parseFloat(this.curTable.style.width.split('%')[0]);
                     }
                     else {
@@ -29747,12 +29894,20 @@ class Table {
                                 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;
@@ -29760,14 +29915,14 @@ class Table {
                                 else {
                                     index = this.colIndex;
                                 }
-                                if (isRowCellsMerged) {
+                                if (isRowCellsMerged || isColCellsMerged) {
                                     let currentResizeRow;
                                     if (currentRow.cells.length < cellColl.length) {
-                                        index = currentRow.cells.length === this.colIndex ?
-                                            this.colIndex - 1 : this.colIndex - (this.colIndex - 1);
+                                        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.cells[this.colIndex - 1] === mergedElement ||
+                                        if (currentResizeRow && currentResizeRow !== currentRow && (currentResizeRow.cells[this.colIndex - 1] === mergedElement ||
                                             currentResizeRow.cells[currentResizeRow.cells.length - 1] === mergedElement)) {
                                             isMergedEleResize = true;
                                         }
@@ -29782,10 +29937,10 @@ class Table {
                                         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') ?
-                                        rightTableCell : currentResizeRow && currentResizeRow.cells[currentResizeRow.cells.length - 1] !== mergedElement ?
+                                        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) {
+                                if (!isNullOrUndefined(currentRow.cells[index - 1]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index - 1].style.width =
                                         this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                 }
@@ -29795,7 +29950,7 @@ class Table {
                                             this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                     }
                                 }
-                                if (!isNullOrUndefined(currentRow.cells[index]) && !isRowCellsMerged) {
+                                if (!isNullOrUndefined(currentRow.cells[index]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index].style.width =
                                         this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                 }
@@ -29805,6 +29960,7 @@ class Table {
                                             this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                     }
                                 }
+                                /* eslint-enable */
                             }
                         }
                     }
@@ -29824,9 +29980,6 @@ class Table {
                     this.updateHelper();
                 }
                 else if (this.resizeBtnStat.tableBox) {
-                    if (!Browser.isDevice) {
-                        EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
-                    }
                     if (currentTdElement) {
                         const tableBoxPosition = this.curTable.getBoundingClientRect().left
                             - currentTdElement.getBoundingClientRect().left;
@@ -29837,9 +29990,11 @@ class Table {
                     this.curTable.style.width = widthType ? this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%'
                         : tableWidth + mouseX + 'px';
                     this.curTable.style.height = tableHeight + mouseY + 'px';
-                    tableReBox.classList.add('e-rbox-select');
-                    tableReBox.style.cssText = 'top: ' + (this.calcPos(this.curTable).top + tableHeight - 4) +
-                        'px; left:' + (this.calcPos(this.curTable).left + tableWidth - 4) + 'px;';
+                    if (!isNullOrUndefined(tableReBox)) {
+                        tableReBox.classList.add('e-rbox-select');
+                        tableReBox.style.cssText = 'top: ' + (this.calcPos(this.curTable).top + tableHeight - 4) +
+                            'px; left:' + (this.calcPos(this.curTable).left + tableWidth - 4) + 'px;';
+                    }
                 }
             }
         });
@@ -29874,9 +30029,6 @@ class Table {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchEndEvent, this.resizeEnd);
         if (this.contentModule.getEditPanel().querySelector('.e-table-box') &&
             this.contentModule.getEditPanel().contains(this.contentModule.getEditPanel().querySelector('.e-table-box'))) {
-            if (!Browser.isDevice) {
-                EventHandler.add(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper, this);
-            }
             this.removeResizeElement();
         }
         if (this.helper && this.contentModule.getEditPanel().contains(this.helper)) {
@@ -29939,7 +30091,8 @@ class Table {
         this.hideTableQuickToolbar();
     }
     renderDlgContent(args) {
-        if (Browser.isDevice || this.parent.inlineMode.enable) {
+        const argsTarget = args.args.originalEvent.target;
+        if (Browser.isDevice || this.parent.inlineMode.enable || !isNullOrUndefined(closest(argsTarget, '.e-rte-text-popup'))) {
             this.insertTableDialog(args);
             return;
         }
@@ -30193,6 +30346,10 @@ class Table {
         if (this.quickToolObj && this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
             this.quickToolObj.inlineQTBar.hidePopup();
         }
+        if (this.quickToolObj && this.quickToolObj.textQTBar &&
+            this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+            this.quickToolObj.textQTBar.hidePopup();
+        }
     }
     customTable(args, e) {
         const proxy = (this.self) ? this.self : this;
@@ -30200,7 +30357,8 @@ class Table {
             const argument = ((Browser.isDevice || (!isNullOrUndefined(args.args)
                 && !isNullOrUndefined(args.args.originalEvent) &&
                 args.args.originalEvent.action === 'insert-table')
-                || proxy.parent.inlineMode.enable) ? args : this);
+                || proxy.parent.inlineMode.enable || !isNullOrUndefined(proxy.parent.quickToolbarSettings.text)) ? args :
+                this);
             proxy.tableInsert(proxy.rowTextBox.value, proxy.columnTextBox.value, e, argument);
         }
     }
@@ -30296,6 +30454,9 @@ class Table {
      * @deprecated
      */
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -30365,7 +30526,7 @@ class DialogRenderer {
         this.parent.trigger(beforeDialogOpen, args, this.beforeOpenCallback.bind(this, args));
     }
     handleEnterKeyDown(args) {
-        if (args.code === "Enter") {
+        if (args.code === 'Enter') {
             args.preventDefault();
         }
     }
@@ -30845,7 +31006,7 @@ __decorate$2([
     Property(['VideoReplace', 'VideoAlign', 'VideoRemove', 'VideoLayoutOption', 'VideoDimension'])
 ], QuickToolbarSettings.prototype, "video", void 0);
 __decorate$2([
-    Property(['Cut', 'Copy', 'Paste'])
+    Property(null)
 ], QuickToolbarSettings.prototype, "text", void 0);
 __decorate$2([
     Property(['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles'])
@@ -31058,6 +31219,9 @@ class EnterKeyAction {
         this.parent.on(moduleDestroy, this.moduleDestroy, this);
     }
     destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     }
     moduleDestroy() {
@@ -31216,8 +31380,12 @@ class EnterKeyAction {
                                         (this.range.startContainer.previousSibling.nodeName === 'IMG' || this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                     let isNearBlockLengthZero;
                                     let newElem;
-                                    if (!isNullOrUndefined(this.range.startContainer.childNodes) && this.range.startContainer.textContent.length === 0
-                                        && (this.range.startContainer.querySelectorAll('img, audio, video').length > 0 ||
+                                    if (!isNullOrUndefined(this.range.startContainer.childNodes) &&
+                                        (this.range.startContainer.textContent.length === 0 ||
+                                            (this.range.startContainer.nodeName !== '#text' && !isNullOrUndefined(this.range.startContainer.querySelector('.e-video-clickelem')) &&
+                                                this.range.startContainer.querySelector('.e-video-clickelem').textContent.length === 0)) &&
+                                        (this.range.startContainer.querySelectorAll('img, audio, video').length > 0 ||
+                                            !isNullOrUndefined(this.range.startContainer.querySelector('.e-video-clickelem')) ||
                                             this.range.startContainer.nodeName === 'IMG' || this.range.startContainer.nodeName === 'TABLE')) {
                                         newElem = this.createInsertElement(shiftKey);
                                         isMediaNode = true;
@@ -32216,7 +32384,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         if (e.action !== 'insert-link' &&
             e.action !== 'format-copy' && e.action !== 'format-paste' &&
-            (!e.target || !e.target.classList.contains('e-mention')) &&
+            (!e.target || (e.target.classList.contains('e-mention') && e.code !== 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
             let FormatPainterEscapeAction = false;
@@ -32521,6 +32689,8 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.toolbarModule.destroy();
             }
             this.notify(moduleDestroy, {});
+            super.destroy();
+            this.isRendered = false;
             return;
         }
         this.notify(destroy, {});
@@ -32574,9 +32744,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.removeAttributes();
         super.destroy();
         this.isRendered = false;
-        if (this.enablePersistence) {
-            window.localStorage.removeItem(this.getModuleName() + this.element.id);
-        }
     }
     removeHtmlAttributes() {
         if (this.htmlAttributes) {
@@ -32705,9 +32872,10 @@ let RichTextEditor = class RichTextEditor extends Component {
                     else {
                         nVal = newProp[prop];
                     }
+                    nVal = this.serializeValue(nVal);
                     const val = this.editorMode === 'HTML' ? getEditValue(nVal, this) : nVal;
                     if ((!isNullOrUndefined(nVal) && nVal !== '') || prop === 'enterKey') {
-                        this.value = this.serializeValue(((this.enableHtmlEncode) ? this.encode(decode(val)) : val));
+                        this.setProperties({ value: ((this.enableHtmlEncode) ? this.encode(decode(val)) : val) }, true);
                     }
                     this.updatePanelValue();
                     if (this.inputElement) {
@@ -33253,10 +33421,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         // eslint-disable-next-line
         const imgPadding = 12;
         const imgResizeBorder = 2;
-        if (isNullOrUndefined(this.contentModule) || isNullOrUndefined(this.contentModule.getEditPanel())) {
-            EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.imageModule.resizing);
-            return maxWidth;
-        }
         const editEle = this.contentModule.getEditPanel();
         const eleStyle = window.getComputedStyle(editEle);
         const editEleMaxWidth = editEle.offsetWidth - (imgPadding + imgResizeBorder +
@@ -33323,13 +33487,17 @@ let RichTextEditor = class RichTextEditor extends Component {
                 heightValue = heightPercent && rteHeightPercent ? rteHeightPercent : rteHeight - (tbHeight + rzHeight) + 'px';
             }
         }
-        if (target !== 'windowResize') {
+        if (target !== 'windowResize' || heightPercent) {
             if (this.iframeSettings.enable) {
                 if (heightValue !== 'auto') {
                     setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
                 }
             }
             else {
+                if (target === 'windowResize' && heightPercent) {
+                    // cntEle hide the borderBottom of RichTextEditor. so removed the 2px of cntEle height. 
+                    heightValue = parseInt(heightValue) - 2 + 'px';
+                }
                 setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
             }
         }
@@ -33538,6 +33706,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.toolbarModule.refreshToolbarOverflow();
             isExpand = this.toolbarModule.baseToolbar.toolbarObj.element.classList.contains(CLS_EXPAND_OPEN);
         }
+        if (this.iframeSettings.enable !== true) {
+            // When resize the window,border bottom of cntEle and this.element border visible separatly.so none the cntEle borderBottom.
+            this.contentModule.getPanel().style.borderBottom = 'none';
+        }
         this.setContentHeight('windowResize', isExpand);
         this.notify(windowResize, null);
     }
@@ -34253,5 +34425,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, 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, maximizeMinimizeClick, blockEmptyNodes, inlineEmptyNodes, 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_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, 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, 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 };
+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, maximizeMinimizeClick, hidePopup, blockEmptyNodes, inlineEmptyNodes, 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_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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, 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, 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 };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map