@syncfusion/ej2-richtexteditor 22.2.12 → 23.1.39

package/src/rich-text-editor/models/toolbar-settings.d.ts

@@ -5,7 +5,7 @@ import { NavigationPaneSettingsModel, SearchSettingsModel, SortOrder } from '@sy
 import { ToolbarSettingsModel as FileToolbarSettingsModel } from '@syncfusion/ej2-filemanager';
 import { UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';
 import { SaveFormat, DisplayLayoutOptions } from '../../common';
-import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';
+import { ToolbarType, ActionOnScroll, ToolbarItems, ToolbarConfigItems } from '../base/enum';
 import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel, EmojiIconsSet } from '../base/interface';
 /**
  * Configures the toolbar settings of the RichTextEditor.
@@ -39,7 +39,7 @@ export declare class ToolbarSettings extends ChildProperty<ToolbarSettings> {
      * @default ['Bold', 'Italic', 'Underline', '|', 'Formats', 'Alignments', 'OrderedList',
      * 'UnorderedList', '|', 'CreateLink', 'Image', '|', 'SourceCode', 'Undo', 'Redo']
      */
-    items: (string | IToolbarItems)[];
+    items: (string | ToolbarConfigItems | IToolbarItems)[];
     /**
      * Using this property, Modify the default toolbar item configuration like icon class.
      *
@@ -493,10 +493,9 @@ export declare class QuickToolbarSettings extends ChildProperty<QuickToolbarSett
     /**
      * Specifies the items to render in quick toolbar, when text selected.
      *
-     * @default ['Cut', 'Copy', 'Paste']
-
+     * @default null
      */
-    text: (string | IToolbarItems)[];
+    text: (string | ToolbarConfigItems | IToolbarItems)[];
     /**
      * Specifies the items to render in quick toolbar, when table selected.
      *

package/src/rich-text-editor/models/toolbar-settings.js

@@ -304,7 +304,7 @@ var QuickToolbarSettings = /** @class */ (function (_super) {
         Property(['VideoReplace', 'VideoAlign', 'VideoRemove', 'VideoLayoutOption', 'VideoDimension'])
     ], QuickToolbarSettings.prototype, "video", void 0);
     __decorate([
-        Property(['Cut', 'Copy', 'Paste'])
+        Property(null)
     ], QuickToolbarSettings.prototype, "text", void 0);
     __decorate([
         Property(['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles'])

package/src/rich-text-editor/renderer/audio-module.js

@@ -617,6 +617,9 @@ var Audio = /** @class */ (function () {
             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
@@ -686,10 +689,8 @@ var Audio = /** @class */ (function () {
         });
         uploadParentEle.appendChild(uploadEle);
         var fileName;
-        var rawFile;
         var selectArgs;
         var filesData;
-        var beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertAudioSettings.saveUrl, removeUrl: this.parent.insertAudioSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
@@ -697,13 +698,8 @@ var Audio = /** @class */ (function () {
             selected: function (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(events.fileSelected, selectArgs, function (selectArgs) {
                     if (!selectArgs.cancel) {
                         _this.checkExtension(selectArgs.filesData[0]);
@@ -726,35 +722,11 @@ var Audio = /** @class */ (function () {
                             });
                             reader_1.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (_this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            _this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: function (args) {
-                if (_this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    _this.parent.trigger(events.fileUploading, beforeUploadArgs, function (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(events.beforeFileUpload, args);
-                }
+                _this.parent.trigger(events.beforeFileUpload, args);
             },
             uploading: function (e) {
                 if (!_this.parent.isServerRendered) {

package/src/rich-text-editor/renderer/dialog-renderer.js

@@ -55,7 +55,7 @@ var DialogRenderer = /** @class */ (function () {
         this.parent.trigger(events.beforeDialogOpen, args, this.beforeOpenCallback.bind(this, args));
     };
     DialogRenderer.prototype.handleEnterKeyDown = function (args) {
-        if (args.code === "Enter") {
+        if (args.code === 'Enter') {
             args.preventDefault();
         }
     };

package/src/rich-text-editor/renderer/image-module.js

@@ -1424,6 +1424,9 @@ var Image = /** @class */ (function () {
             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
@@ -1479,6 +1482,14 @@ var Image = /** @class */ (function () {
                 this.prevSelectedImgEle.style.outline = '';
             }
         }
+        if (target.tagName !== 'IMG') {
+            var items = this.contentModule.getEditPanel().querySelectorAll('img');
+            for (var i = 0; i < items.length; i++) {
+                removeClass([items[i]], 'e-img-focus');
+                removeClass([items[i]], 'e-resize');
+                items[i].style.maxWidth = '';
+            }
+        }
     };
     Image.prototype.removeResizeEle = function () {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -1692,10 +1703,8 @@ var Image = /** @class */ (function () {
         });
         uploadParentEle.appendChild(uploadEle);
         var altText;
-        var rawFile;
         var selectArgs;
         var filesData;
-        var 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,
@@ -1703,13 +1712,8 @@ var Image = /** @class */ (function () {
             selected: function (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(events.imageSelected, selectArgs, function (selectArgs) {
                     if (!selectArgs.cancel) {
                         _this.checkExtension(selectArgs.filesData[0]);
@@ -1740,35 +1744,11 @@ var Image = /** @class */ (function () {
                             });
                             reader_1.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (_this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            _this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: function (args) {
-                if (_this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    _this.parent.trigger(events.imageUploading, beforeUploadArgs, function (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(events.beforeImageUpload, args);
-                }
+                _this.parent.trigger(events.beforeImageUpload, args);
             },
             uploading: function (e) {
                 if (!_this.parent.isServerRendered) {
@@ -2087,8 +2067,6 @@ var Image = /** @class */ (function () {
         setTimeout(function () {
             proxy.refreshPopup(imageElement);
         }, timeOut);
-        var rawFile;
-        var beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -2114,33 +2092,9 @@ var Image = /** @class */ (function () {
                 }, 900);
             },
             beforeUpload: function (args) {
-                if (_this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = rawFile;
-                    isUploading = true;
-                    args.cancel = true;
-                    _this.parent.trigger(events.imageUploading, beforeUploadArgs, function (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(events.beforeImageUpload, args);
-                    if (!_this.parent.inlineMode.enable) {
-                        _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                    }
+                _this.parent.trigger(events.beforeImageUpload, args);
+                if (!_this.parent.inlineMode.enable) {
+                    _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
                 }
             },
             uploading: function (e) {
@@ -2165,9 +2119,6 @@ var Image = /** @class */ (function () {
                 if (isUploading) {
                     e.cancel = true;
                 }
-                if (_this.parent.isServerRendered) {
-                    rawFile = e.filesData;
-                }
             },
             failure: function (e) {
                 isUploading = false;
@@ -2328,6 +2279,9 @@ var Image = /** @class */ (function () {
     /* eslint-enable */
     Image.prototype.destroy = function () {
         this.prevSelectedImgEle = undefined;
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Image.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/link-module.js

@@ -350,6 +350,9 @@ var Link = /** @class */ (function () {
             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
@@ -523,6 +526,9 @@ var Link = /** @class */ (function () {
 
      */
     Link.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Link.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/render.js

@@ -1,5 +1,6 @@
 import { RenderType } from '../base/enum';
 import * as events from '../base/constant';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Content module is used to render Rich Text Editor content
  *
@@ -49,6 +50,9 @@ var Render = /** @class */ (function () {
      * @returns {void}
      */
     Render.prototype.destroy = function () {
+        if (isNullOrUndefined(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Render.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/table-module.js

@@ -68,6 +68,9 @@ var Table = /** @class */ (function () {
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
         this.parent.off(events.moduleDestroy, this.moduleDestroy);
+        if (!Browser.isDevice && this.parent.tableSettings.resize) {
+            EventHandler.remove(this.contentModule.getEditPanel(), 'mouseover', this.resizeHelper);
+        }
     };
     Table.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -474,14 +477,17 @@ var Table = /** @class */ (function () {
                 var pageX = void 0;
                 var pageY = void 0;
                 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();
@@ -605,7 +611,12 @@ var Table = /** @class */ (function () {
         var columns = table.rows[this.calMaxCol(table)].cells;
         var rows = [];
         for (var i = 0; i < table.rows.length; i++) {
-            rows.push(Array.prototype.slice.call(table.rows[i].cells, 0, 1)[0]);
+            for (var 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;
+                }
+            }
         }
         var height = parseInt(getComputedStyle(table).height, 10);
         var width = parseInt(getComputedStyle(table).width, 10);
@@ -853,6 +864,7 @@ var Table = /** @class */ (function () {
         var currentTdElement = this.curTable.closest('td');
         var args = { event: e, requestType: 'table' };
         var isRowCellsMerged = false;
+        var isColCellsMerged = false;
         var mergedCellIndex;
         var mergedElement;
         this.parent.trigger(events.onResize, args, function (resizingArgs) {
@@ -882,7 +894,7 @@ var Table = /** @class */ (function () {
                     var width = parseFloat(_this.columnEle.offsetWidth.toString());
                     var cellRow = _this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
                     var currentTableWidth = void 0;
-                    if (_this.curTable.style.width != '') {
+                    if (_this.curTable.style.width !== '' && _this.curTable.style.width.includes('%')) {
                         currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
                     }
                     else {
@@ -945,12 +957,20 @@ var Table = /** @class */ (function () {
                                 var isMergedEleResize = false;
                                 var leftTableCell = void 0;
                                 var rightTableCell = void 0;
+                                isColCellsMerged = false;
+                                isRowCellsMerged = false;
+                                /* eslint-disable */
                                 for (var 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 (!isNOU(currentRow.cells[i]) && currentRow.cells[i].hasAttribute('colspan')) {
                                     index = parseInt(currentRow.cells[i].getAttribute('colspan'), 10) - 1;
@@ -958,14 +978,14 @@ var Table = /** @class */ (function () {
                                 else {
                                     index = _this.colIndex;
                                 }
-                                if (isRowCellsMerged) {
+                                if (isRowCellsMerged || isColCellsMerged) {
                                     var currentResizeRow = void 0;
                                     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;
                                         }
@@ -980,10 +1000,10 @@ var Table = /** @class */ (function () {
                                         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 (!isNOU(currentRow.cells[index - 1]) && !isRowCellsMerged) {
+                                if (!isNOU(currentRow.cells[index - 1]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index - 1].style.width =
                                         _this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                 }
@@ -993,7 +1013,7 @@ var Table = /** @class */ (function () {
                                             _this.convertPixelToPercentage(leftColumnWidth, tableWidth) + '%';
                                     }
                                 }
-                                if (!isNOU(currentRow.cells[index]) && !isRowCellsMerged) {
+                                if (!isNOU(currentRow.cells[index]) && !isRowCellsMerged && !isColCellsMerged) {
                                     currentRow.cells[index].style.width =
                                         _this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                 }
@@ -1003,6 +1023,7 @@ var Table = /** @class */ (function () {
                                             _this.convertPixelToPercentage(rightColWidth, tableWidth) + '%';
                                     }
                                 }
+                                /* eslint-enable */
                             }
                         }
                     }
@@ -1022,9 +1043,6 @@ var Table = /** @class */ (function () {
                     _this.updateHelper();
                 }
                 else if (_this.resizeBtnStat.tableBox) {
-                    if (!Browser.isDevice) {
-                        EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
-                    }
                     if (currentTdElement) {
                         var tableBoxPosition = _this.curTable.getBoundingClientRect().left
                             - currentTdElement.getBoundingClientRect().left;
@@ -1035,9 +1053,11 @@ var Table = /** @class */ (function () {
                     _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 (!isNOU(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;';
+                    }
                 }
             }
         });
@@ -1072,9 +1092,6 @@ var Table = /** @class */ (function () {
         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)) {
@@ -1138,7 +1155,8 @@ var Table = /** @class */ (function () {
     };
     Table.prototype.renderDlgContent = function (args) {
         var _this = this;
-        if (Browser.isDevice || this.parent.inlineMode.enable) {
+        var argsTarget = args.args.originalEvent.target;
+        if (Browser.isDevice || this.parent.inlineMode.enable || !isNullOrUndefined(closest(argsTarget, '.e-rte-text-popup'))) {
             this.insertTableDialog(args);
             return;
         }
@@ -1394,6 +1412,10 @@ var Table = /** @class */ (function () {
         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();
+        }
     };
     Table.prototype.customTable = function (args, e) {
         var proxy = (this.self) ? this.self : this;
@@ -1401,7 +1423,8 @@ var Table = /** @class */ (function () {
             var 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);
         }
     };
@@ -1497,6 +1520,9 @@ var Table = /** @class */ (function () {
 
      */
     Table.prototype.destroy = function () {
+        if (isNOU(this.parent)) {
+            return;
+        }
         this.removeEventListener();
     };
     Table.prototype.moduleDestroy = function () {

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts

@@ -1,6 +1,7 @@
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { IRenderer, IRichTextEditor, IToolbarOptions, IDropDownModel, IColorPickerModel } from '../base/interface';
 import { ColorPicker } from '@syncfusion/ej2-inputs';
+import { ServiceLocator } from '../services/service-locator';
 /**
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
@@ -21,12 +22,14 @@ export declare class ToolbarRenderer implements IRenderer {
     private currentDropdown;
     private popupOverlay;
     private tooltip;
+    private l10n;
     /**
      * Constructor for toolbar renderer module
      *
      * @param {IRichTextEditor} parent - specifies the parent element.
+     * @param {ServiceLocator} serviceLocator - specifies the serviceLocator
      */
-    constructor(parent?: IRichTextEditor);
+    constructor(parent?: IRichTextEditor, serviceLocator?: ServiceLocator);
     private wireEvent;
     private destroyTooltip;
     private unWireEvent;
@@ -35,6 +38,7 @@ export declare class ToolbarRenderer implements IRenderer {
     private toolbarClicked;
     private dropDownSelected;
     private beforeDropDownItemRender;
+    private tooltipBeforeRender;
     private dropDownOpen;
     private dropDownClose;
     private removePopupContainer;

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -19,9 +19,13 @@ var ToolbarRenderer = /** @class */ (function () {
      * Constructor for toolbar renderer module
      *
      * @param {IRichTextEditor} parent - specifies the parent element.
+     * @param {ServiceLocator} serviceLocator - specifies the serviceLocator
      */
-    function ToolbarRenderer(parent) {
+    function ToolbarRenderer(parent, serviceLocator) {
         this.parent = parent;
+        if (serviceLocator) {
+            this.l10n = serviceLocator.getService('rteLocale');
+        }
         this.wireEvent();
     }
     ToolbarRenderer.prototype.wireEvent = function () {
@@ -29,7 +33,11 @@ var ToolbarRenderer = /** @class */ (function () {
         this.parent.on(events.maximizeMinimizeClick, this.destroyTooltip, this);
     };
     ToolbarRenderer.prototype.destroyTooltip = function () {
-        this.tooltip.close();
+        if (!isNullOrUndefined(document.querySelector('.e-tooltip-wrap')) && !isNullOrUndefined(document.querySelector(' [data-tooltip-id]'))) {
+            var tooltipTargetEle = document.querySelector('#' + (this.parent.element).id + ' [data-tooltip-id]');
+            var event_1 = new MouseEvent('mouseleave', { bubbles: true, cancelable: true });
+            tooltipTargetEle.dispatchEvent(event_1);
+        }
     };
     ToolbarRenderer.prototype.unWireEvent = function () {
         this.parent.off(events.destroy, this.unWireEvent);
@@ -65,6 +73,22 @@ var ToolbarRenderer = /** @class */ (function () {
         }
         this.parent.notify(events.beforeDropDownItemRender, args);
     };
+    ToolbarRenderer.prototype.tooltipBeforeRender = function (args) {
+        if (!isNOU(args.target.getAttribute('title'))) {
+            var tooltipTarget = args.target.getAttribute('title');
+            var tooltipText = void 0;
+            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;
+            }
+        }
+    };
     ToolbarRenderer.prototype.dropDownOpen = function (args) {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNOU(args.element.parentElement.querySelector('.e-cell-merge')) &&
             (!isNOU(args.element.parentElement.querySelector('.e-cell-horizontal-split')) || !isNOU(args.element.parentElement.querySelector('.e-cell-vertical-split')))) {
@@ -130,6 +154,8 @@ var ToolbarRenderer = /** @class */ (function () {
                 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'