@syncfusion/ej2-richtexteditor 27.1.52 → 27.1.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.52
+*  version : 27.1.55
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@27.1.51",
+  "_id": "@syncfusion/ej2-richtexteditor@27.1.52",
   "_inBundle": false,
-  "_integrity": "sha512-inlHC5480ej5x2prpYyHklgio/xK2ySwJ9fde81c7VZodSANYCWTzGEM4zpNXwqGq883rUcsceZWyx77wbfPJQ==",
+  "_integrity": "sha512-XR/x+b75MIK0pvux0i7pKXCiE3wHiKBruu+8envZ4mRykDST1Gga87CiBMHuz9R1cuFm6lAmulHlCXqv+xjabw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.51.tgz",
-  "_shasum": "485be34e965c6976c8a1d3509ea9c399b6ab3612",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.52.tgz",
+  "_shasum": "990c5dad0331d0dc7e2947c6fc5577bbe886f01b",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.52",
-    "@syncfusion/ej2-buttons": "~27.1.51",
-    "@syncfusion/ej2-dropdowns": "~27.1.52",
-    "@syncfusion/ej2-filemanager": "~27.1.52",
-    "@syncfusion/ej2-inputs": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.52",
-    "@syncfusion/ej2-popups": "~27.1.50",
+    "@syncfusion/ej2-base": "~27.1.55",
+    "@syncfusion/ej2-buttons": "~27.1.53",
+    "@syncfusion/ej2-dropdowns": "~27.1.55",
+    "@syncfusion/ej2-filemanager": "~27.1.55",
+    "@syncfusion/ej2-inputs": "~27.1.55",
+    "@syncfusion/ej2-navigations": "~27.1.55",
+    "@syncfusion/ej2-popups": "~27.1.55",
     "@syncfusion/ej2-splitbuttons": "~27.1.50"
   },
   "deprecated": false,
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.52",
+  "version": "27.1.55",
   "sideEffects": false
 }

package/src/editor-manager/base/editor-manager.js

@@ -39,7 +39,7 @@ var EditorManager = /** @class */ (function () {
     function EditorManager(options) {
         this.currentDocument = options.document;
         this.editableElement = options.editableElement;
-        this.nodeSelection = new NodeSelection();
+        this.nodeSelection = new NodeSelection(this.editableElement);
         this.nodeCutter = new NodeCutter();
         this.domNode = new DOMNode(this.editableElement, this.currentDocument);
         this.observer = new Observer(this);

package/src/editor-manager/base/interface.d.ts

@@ -10,11 +10,11 @@ import { IFormatPainterActionValue, IFormatPainterContext } from './enum';
  */
 export interface ICommandModel {
     /**
-     * Specifies the current document.
+     * Specifies the editor element's current document.
      */
     document: HTMLDocument;
     /**
-     * Specifies the current window.
+     * Specifies the editable element.
      */
     editableElement: Element;
     options?: {

package/src/editor-manager/plugin/clearformat.js

@@ -26,7 +26,7 @@ var ClearFormat = /** @class */ (function () {
     ClearFormat.clear = function (docElement, endNode, enterAction, selector, command) {
         this.domNode = new DOMNode(endNode, docElement);
         this.defaultTag = enterAction === 'P' ? this.defaultTag : 'div';
-        var nodeSelection = new NodeSelection();
+        var nodeSelection = new NodeSelection(endNode);
         var nodeCutter = new NodeCutter();
         var range = nodeSelection.getRange(docElement);
         var nodes = range.collapsed ? nodeSelection.getSelectionNodeCollection(range) :

package/src/editor-manager/plugin/dom-node.js

@@ -25,7 +25,7 @@ var DOMNode = /** @class */ (function () {
      */
     function DOMNode(parent, currentDocument) {
         this.parent = parent;
-        this.nodeSelection = new NodeSelection();
+        this.nodeSelection = new NodeSelection(parent);
         this.currentDocument = currentDocument;
         this.tableSelection = new TableSelection(parent, currentDocument);
     }

package/src/editor-manager/plugin/image.js

@@ -119,6 +119,8 @@ var ImageCommand = /** @class */ (function () {
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             var onImageLoadEvent_1 = function () {
                 if (!isNOU(_this.parent.currentDocument)) {
+                    imgElm_1.setAttribute('width', _this.calculateStyleValue(imgElm_1.offsetWidth));
+                    imgElm_1.setAttribute('height', _this.calculateStyleValue(imgElm_1.offsetHeight));
                     e.callBack({
                         requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', 'Replace') : 'Images',
                         editorMode: 'HTML',

package/src/editor-manager/plugin/inserthtml.d.ts

@@ -16,6 +16,7 @@ export declare class InsertHtml {
     static Insert(docElement: Document, insertNode: Node | string, editNode?: Element, isExternal?: boolean, enterAction?: string): void;
     private static findFirstTextNode;
     private static pasteInsertHTML;
+    private static listCleanUp;
     private static placeCursorEnd;
     private static getNodeCollection;
     private static insertTempNode;

package/src/editor-manager/plugin/inserthtml.js

@@ -31,7 +31,7 @@ var InsertHtml = /** @class */ (function () {
                 node = insertNode;
             }
         }
-        var nodeSelection = new NodeSelection();
+        var nodeSelection = new NodeSelection(editNode);
         var nodeCutter = new NodeCutter();
         var range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
@@ -395,6 +395,26 @@ var InsertHtml = /** @class */ (function () {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
         this.alignCheck(editNode);
+        var currentRange = nodeSelection.getRange(docElement);
+        this.listCleanUp(currentRange);
+    };
+    InsertHtml.listCleanUp = function (range) {
+        if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+            var liElems = range.startContainer.parentElement.closest('ol,ul').querySelectorAll('li');
+            if (liElems.length > 0) {
+                liElems.forEach(function (item) {
+                    if (!isNOU(item.firstChild) && (item.firstChild.nodeName === 'OL' || item.firstChild.nodeName === 'UL')) {
+                        item.style.listStyleType = 'none';
+                    }
+                    var nestedLi = Array.from(item.children).find(function (child) {
+                        return child.tagName === 'LI' && (child.parentElement && child.parentElement.tagName !== 'OL' && child.parentElement.tagName !== 'UL');
+                    });
+                    if (nestedLi) {
+                        item.parentNode.replaceChild(nestedLi, item);
+                    }
+                });
+            }
+        }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNOU(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -459,7 +479,7 @@ var InsertHtml = /** @class */ (function () {
                 blockNode = range.endContainer;
                 range.setEnd(blockNode, range.endContainer.textContent.length);
             }
-            if (blockNode && blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
+            if (blockNode && blockNode.nodeName === 'BODY' || blockNode.nodeName === 'DIV' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
             if (blockNode && blockNode.closest('LI') && editNode.contains(blockNode.closest('LI')) && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
@@ -479,12 +499,12 @@ var InsertHtml = /** @class */ (function () {
                 tempSpan.parentNode.replaceChild(node, tempSpan);
             }
             else {
-                var nodeSelection = new NodeSelection();
+                var nodeSelection = new NodeSelection(editNode);
                 var currentNode = this.getNodeCollection(range, nodeSelection, node)[this.getNodeCollection(range, nodeSelection, node).length - 1];
                 var splitedElm = void 0;
-                if ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR' ||
+                if (currentNode && ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR' ||
                     (currentNode.nodeName === '#text' && !isNOU(currentNode.parentElement) && currentNode.parentElement.nodeName === 'LI')) &&
-                    (!isNOU(currentNode.parentElement) && currentNode.parentElement.textContent.trim().length === 0)) {
+                    (!isNOU(currentNode.parentElement) && currentNode.parentElement.textContent.trim().length === 0))) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNOU(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
@@ -497,16 +517,20 @@ var InsertHtml = /** @class */ (function () {
                         return;
                     }
                 }
-                else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNOU(currentNode.parentElement) &&
+                else if (currentNode && ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNOU(currentNode.parentElement) &&
                     (currentNode.parentElement.nodeName === 'LI' || currentNode.parentElement.closest('LI') || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
-                    currentNode.parentElement.textContent.trim().length > 0) {
+                    currentNode.parentElement.textContent.trim().length > 0)) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNOU(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
                         detach(currentNode.nextSibling);
                     }
                     if (!range.collapsed) {
+                        var startContainer = range.startContainer;
+                        var startOffset = range.startOffset;
                         this.removeListfromPaste(range);
+                        range.setStart(startContainer, startOffset);
+                        range.setEnd(startContainer, startOffset);
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;
@@ -546,9 +570,9 @@ var InsertHtml = /** @class */ (function () {
     };
     // eslint-disable-next-line
     InsertHtml.getImmediateBlockNode = function (node, editNode) {
-        do {
+        while (node && CONSTANT.BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0) {
             node = node.parentNode;
-        } while (node && CONSTANT.BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
+        }
         return node;
     };
     InsertHtml.removingComments = function (elm) {
@@ -664,7 +688,7 @@ var InsertHtml = /** @class */ (function () {
         var value = range.startContainer;
         if (!isNOU(value) && value.nodeName === 'LI' && !isNOU(value.parentElement) && (value.parentElement.nodeName === 'OL' || value.parentElement.nodeName === 'UL') && value.textContent.trim() === '') {
             value.parentElement.querySelectorAll('li').forEach(function (item) {
-                if (item.textContent.trim() === '') {
+                if (item.textContent.trim() === '' && item !== value) {
                     item.remove();
                 }
             });

package/src/editor-manager/plugin/link.js

@@ -86,7 +86,7 @@ var LinkCommand = /** @class */ (function () {
             }
         }
         else {
-            var domSelection = new NodeSelection();
+            var domSelection = new NodeSelection(this.parent.editableElement);
             var range = domSelection.getRange(this.parent.currentDocument);
             if (range.endContainer.nodeName === '#text' && range.startContainer.textContent.length === (range.endOffset + 1) &&
                 range.endContainer.textContent.charAt(range.endOffset) === ' ' && (!isNOU(range.endContainer.nextSibling) && range.endContainer.nextSibling.nodeName === 'A')) {
@@ -132,7 +132,7 @@ var LinkCommand = /** @class */ (function () {
         }
     };
     LinkCommand.prototype.createLinkNode = function (e) {
-        var domSelection = new NodeSelection();
+        var domSelection = new NodeSelection(this.parent.editableElement);
         var nodeCutter = new NodeCutter();
         var range = domSelection.getRange(this.parent.currentDocument);
         var nodes = this.getSelectionNodes(domSelection.getNodeCollection(range));

package/src/editor-manager/plugin/lists.js

@@ -312,7 +312,7 @@ var Lists = /** @class */ (function () {
         if (e.event.which === 8) {
             this.backspaceList(e);
         }
-        if ((e.event.which === 46 && e.event.action === 'delete') || (e.event.which === 88 && e.event.action === 'cut')) {
+        if ((e.event.which === 46 && e.event.action === 'delete')) {
             var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
             var commonAncestor = range.commonAncestorContainer;
             var startEle = range.startContainer;

package/src/editor-manager/plugin/selection-commands.js

@@ -34,7 +34,7 @@ var SelectionCommands = /** @class */ (function () {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
-            var domSelection = new NodeSelection();
+            var domSelection = new NodeSelection(endNode);
             var domNode = new DOMNode(endNode, docElement);
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
@@ -243,7 +243,7 @@ var SelectionCommands = /** @class */ (function () {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNOU(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
-            if (!isNOU(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+            if (!isNOU(cursorNodes[0] && cursorNodes[0].parentElement) && IsFormatted.inlineTags.
                 indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
                 var element = this.GetFormatNode(format, value);
                 var tempNode = cursorNodes[0];

package/src/editor-manager/plugin/toolbar-status.js

@@ -29,7 +29,7 @@ var ToolbarStatus = /** @class */ (function () {
     ToolbarStatus.get = function (docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
         var formatCollection = JSON.parse(JSON.stringify(statusCollection));
         var nodeCollection = JSON.parse(JSON.stringify(statusCollection));
-        var nodeSelection = new NodeSelection();
+        var nodeSelection = new NodeSelection(rootNode);
         var range = nodeSelection.getRange(docElement);
         var nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
             nodeSelection.getSelectionNodeCollectionBr(range);

package/src/editor-manager/plugin/undo.js

@@ -139,7 +139,7 @@ var UndoRedoManager = /** @class */ (function () {
         if (!this.parent.currentDocument) {
             return;
         }
-        var range = new NodeSelection().getRange(this.parent.currentDocument);
+        var range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
         var currentContainer = this.parent.editableElement === range.startContainer.parentElement ?
             range.startContainer.parentElement : range.startContainer;
         for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
@@ -149,8 +149,8 @@ var UndoRedoManager = /** @class */ (function () {
                 detach(currentContainer.childNodes[i]);
             }
         }
-        range = new NodeSelection().getRange(this.parent.currentDocument);
-        var save = new NodeSelection().save(range, this.parent.currentDocument);
+        range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
+        var save = new NodeSelection(this.parent.editableElement).save(range, this.parent.currentDocument);
         var clonedElement = this.parent.editableElement.cloneNode(true);
         var fragment = document.createDocumentFragment();
         while (clonedElement.firstChild) {

package/src/rich-text-editor/actions/enter-key.js

@@ -427,11 +427,16 @@ var EnterKeyAction = /** @class */ (function () {
                             else if (!isNOU(currentParent) && currentParent !== _this.parent.inputElement && currentParent.nodeName !== 'BR') {
                                 if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&
                                     currentParent.textContent.charCodeAt(0) === 8203)) {
-                                    var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
-                                    _this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
-                                    var outerBRElem = _this.parent.createElement('br');
-                                    newElem.parentElement.insertBefore(outerBRElem, newElem);
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                    if (currentParent.childElementCount > 1 && currentParent.lastElementChild.nodeName === 'IMG') {
+                                        _this.insertBRElement();
+                                    }
+                                    else {
+                                        var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
+                                        _this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
+                                        var outerBRElem = _this.parent.createElement('br');
+                                        newElem.parentElement.insertBefore(outerBRElem, newElem);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                    }
                                 }
                                 else {
                                     var newElem = void 0;

package/src/rich-text-editor/actions/html-editor.js

@@ -89,7 +89,7 @@ var HtmlEditor = /** @class */ (function () {
         if (this.parent.isDestroyed) {
             return;
         }
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         this.parent.on(events.initialLoad, this.instantiateRenderer, this);
         this.parent.on(events.htmlToolbarClick, this.onToolbarClick, this);
         this.parent.on(events.keyDown, this.onKeyDown, this);
@@ -803,7 +803,7 @@ var HtmlEditor = /** @class */ (function () {
         urlText = urlText.slice(0, urlTextRange);
         // eslint-disable-next-line
         var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-        if (selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
+        if (selectNodeEle[0] && selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
             var selection = this.nodeSelectionObj.save(range, this.parent.contentModule.getDocument());
             var url = urlText.indexOf('http') > -1 ? urlText : 'http://' + urlText;
             var selectParent = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);

package/src/rich-text-editor/actions/import-export.js

@@ -21,7 +21,7 @@ var ImportExport = /** @class */ (function () {
                 saveUrl: this.parent.importWord.serviceUrl
             },
             success: function (args) {
-                _this.parent.executeCommand('insertHTML', args.e.currentTarget.response, { undo: true });
+                _this.parent.executeCommand('importWord', args.e.currentTarget.response, { undo: true });
             }
         });
         this.parent.setProperties({ enableXhtml: true }, true);

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -40,7 +40,7 @@ var PasteCleanup = /** @class */ (function () {
         this.isDestroyed = false;
     }
     PasteCleanup.prototype.addEventListener = function () {
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         if (this.parent.isDestroyed) {
             return;
         }

package/src/rich-text-editor/actions/resize.d.ts

@@ -9,6 +9,8 @@ export declare class Resize {
     protected touchMoveEvent: string;
     protected touchEndEvent: string;
     private isDestroyed;
+    private isResizing;
+    private iframeMouseUpBoundFn;
     private constructor();
     private addEventListener;
     private renderResizable;
@@ -21,6 +23,7 @@ export declare class Resize {
     private unwireResizeEvents;
     private destroy;
     private removeEventListener;
+    private iframeMouseUp;
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/actions/resize.js

@@ -9,6 +9,8 @@ var Resize = /** @class */ (function () {
         this.parent = parent;
         this.addEventListener();
         this.isDestroyed = false;
+        this.isResizing = false;
+        this.iframeMouseUpBoundFn = this.iframeMouseUp.bind(this);
     }
     Resize.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -28,6 +30,7 @@ var Resize = /** @class */ (function () {
         this.parent.rootContainer.classList.add('e-resize-enabled');
         if (this.parent.iframeSettings.enable) {
             this.parent.inputElement.classList.add('e-resize-enabled');
+            this.parent.contentModule.getDocument().addEventListener('mouseup', this.iframeMouseUpBoundFn);
         }
         this.touchStartEvent = (Browser.info.name === 'msie') ? 'pointerdown' : 'touchstart';
         EventHandler.add(this.resizer, 'mousedown', this.resizeStart, this);
@@ -35,6 +38,7 @@ var Resize = /** @class */ (function () {
     };
     Resize.prototype.resizeStart = function (e) {
         var _this = this;
+        this.isResizing = false;
         if (e.cancelable) {
             e.preventDefault();
         }
@@ -49,6 +53,7 @@ var Resize = /** @class */ (function () {
     };
     Resize.prototype.performResize = function (e) {
         var _this = this;
+        this.isResizing = true;
         var args = { event: e, requestType: 'editor' };
         this.parent.trigger(events.onResize, args, function (resizingArgs) {
             if (resizingArgs.cancel) {
@@ -78,6 +83,7 @@ var Resize = /** @class */ (function () {
         this.parent.refreshUI();
     };
     Resize.prototype.stopResize = function (e) {
+        this.isResizing = false;
         this.parent.refreshUI();
         this.unwireResizeEvents();
         var args = { event: e, requestType: 'editor' };
@@ -127,6 +133,7 @@ var Resize = /** @class */ (function () {
         }
         if (this.parent.iframeSettings.enable && !isNullOrUndefined(this.parent.inputElement)) {
             this.parent.inputElement.classList.remove('e-resize-enabled');
+            this.parent.contentModule.getDocument().removeEventListener('mouseup', this.iframeMouseUpBoundFn);
         }
         if (this.resizer) {
             EventHandler.remove(this.resizer, 'mousedown', this.resizeStart);
@@ -134,6 +141,12 @@ var Resize = /** @class */ (function () {
             detach(this.resizer);
         }
         this.parent.off(events.destroy, this.destroy);
+        this.iframeMouseUpBoundFn = null;
+    };
+    Resize.prototype.iframeMouseUp = function (e) {
+        if (this.isResizing) {
+            this.stopResize(e);
+        }
     };
     /**
      * For internal use only - Get the module name.

package/src/rich-text-editor/base/interface.d.ts

@@ -246,7 +246,19 @@ export interface IRenderer {
     inlineQTBar?: BaseQuickToolbar;
     renderPanel?(): void;
     setPanel?(panel: Element): void;
+    /**
+     * Retrieves the parent element of the content editable div.
+     * If the editor is in iframe mode, it returns the `iframe` element.
+     * Otherwise, it returns the parent element with the class `e-rte-content`.
+     *
+     * @returns {Element} - The parent element of the content editable div or the `iframe` element.
+     */
     getPanel?(): Element;
+    /**
+     * Retrieves the content editable `div` element of the RichTextEditor.
+     * If the editor is in iframe mode, it returns the `body` element of the iframe.
+     *
+     */
     getEditPanel?(): Element;
     getText?(): string;
     getDocument?(): Document;
@@ -1411,7 +1423,7 @@ export declare const executeGroup: {
 /**
  * Defines types to be used as CommandName.
  */
-export declare type CommandName = 'bold' | 'italic' | 'underline' | 'strikeThrough' | 'superscript' | 'subscript' | 'uppercase' | 'lowercase' | 'fontColor' | 'fontName' | 'fontSize' | 'backColor' | 'justifyCenter' | 'justifyFull' | 'justifyLeft' | 'justifyRight' | 'undo' | 'createLink' | 'formatBlock' | 'heading' | 'indent' | 'insertHTML' | 'insertOrderedList' | 'insertUnorderedList' | 'insertParagraph' | 'outdent' | 'redo' | 'removeFormat' | 'insertText' | 'insertImage' | 'insertAudio' | 'insertVideo' | 'insertHorizontalRule' | 'insertBrOnReturn' | 'insertCode' | 'insertTable' | 'editImage' | 'editLink' | 'applyFormatPainter' | 'copyFormatPainter' | 'escapeFormatPainter' | 'emojiPicker' | 'InlineCode';
+export declare type CommandName = 'bold' | 'italic' | 'underline' | 'strikeThrough' | 'superscript' | 'subscript' | 'uppercase' | 'lowercase' | 'fontColor' | 'fontName' | 'fontSize' | 'backColor' | 'justifyCenter' | 'justifyFull' | 'justifyLeft' | 'justifyRight' | 'undo' | 'createLink' | 'formatBlock' | 'heading' | 'indent' | 'insertHTML' | 'insertOrderedList' | 'insertUnorderedList' | 'insertParagraph' | 'outdent' | 'redo' | 'removeFormat' | 'insertText' | 'insertImage' | 'insertAudio' | 'insertVideo' | 'insertHorizontalRule' | 'insertBrOnReturn' | 'insertCode' | 'insertTable' | 'editImage' | 'editLink' | 'applyFormatPainter' | 'copyFormatPainter' | 'escapeFormatPainter' | 'emojiPicker' | 'InlineCode' | 'importWord';
 /**
  * @hidden
 

package/src/rich-text-editor/base/rich-text-editor.js

@@ -357,6 +357,17 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @public
      */
     RichTextEditor.prototype.executeCommand = function (commandName, value, option) {
+        if (commandName === 'importWord') {
+            var importContainer = this.createElement('div');
+            importContainer.innerHTML = value;
+            var tableElement = importContainer.querySelectorAll('table:not(.e-rte-table):not(.e-rte-paste-table)');
+            for (var i = 0; i < tableElement.length; i++) {
+                tableElement[i].classList.add('e-rte-paste-table');
+            }
+            value = importContainer.innerHTML;
+            importContainer.remove();
+            commandName = 'insertHTML';
+        }
         value = this.htmlPurifier(commandName, value);
         var internalValue;
         if (this.editorMode === 'HTML') {

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

@@ -568,11 +568,15 @@ var Image = /** @class */ (function () {
         }
     };
     Image.prototype.openImgLink = function (e) {
+        var sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(e.selectParent[0].parentNode.outerHTML);
+        var tempEle = document.createElement('div');
+        tempEle.innerHTML = sanitizedHTML;
         var target = e.selectParent[0].parentNode.target === '' ? '_self' : '_blank';
         this.parent.formatter.process(this.parent, e.args, e.args, {
-            url: e.selectParent[0].parentNode.href, target: target, selectNode: e.selectNode,
+            url: tempEle.firstChild.href, target: target, selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
+        tempEle.remove();
     };
     Image.prototype.editImgLink = function (e) {
         var selectParentEle = e.selectParent[0].parentNode;
@@ -659,7 +663,7 @@ var Image = /** @class */ (function () {
             }
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
-            if (selectNodeEle && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
+            if (selectNodeEle && selectNodeEle[0] && selectNodeEle[0].nodeName === 'IMG' && selectNodeEle.length < 1) {
                 if (!isNOU(this.parent.formatter.editorManager.nodeSelection)) {
                     save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 }

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

@@ -491,11 +491,15 @@ var Link = /** @class */ (function () {
     Link.prototype.openLink = function (e) {
         var selectParentEle = this.getAnchorNode(e.selectParent[0]);
         if (selectParentEle.classList.contains('e-rte-anchor') || selectParentEle.tagName === 'A') {
+            var sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(selectParentEle.outerHTML);
+            var tempEle = document.createElement('div');
+            tempEle.innerHTML = sanitizedHTML;
             this.parent.formatter.process(this.parent, e.args, e.args, {
-                url: selectParentEle.href, text: selectParentEle.innerText,
+                url: tempEle.firstChild.href, text: selectParentEle.innerText,
                 target: selectParentEle.target === '' ? '_self' : '_blank', selectNode: e.selectNode,
                 subCommand: e.args.item.subCommand
             });
+            tempEle.remove();
         }
     };
     Link.prototype.getAnchorNode = function (element) {

package/src/rich-text-editor/renderer/slash-menu.js

@@ -9,7 +9,7 @@ var SlashMenu = /** @class */ (function () {
         this.parent = options;
         this.currentDocument = this.parent.element.ownerDocument;
         this.L10n = serviceLocator.getService('rteLocale');
-        this.savedSelection = new NodeSelection();
+        this.savedSelection = new NodeSelection(this.parent.inputElement);
         this.defaultItems = defaultSlashMenuDataModel;
         this.injectibleItems = injectibleSlashMenuDataModel;
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);

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

@@ -670,7 +670,7 @@ var Video = /** @class */ (function () {
             this.undoStack({ subCommand: (originalEvent.keyCode === 90 ? 'undo' : 'redo') });
         }
         if (originalEvent.keyCode === 8 || originalEvent.keyCode === 46) {
-            if (selectNodeEle && (selectNodeEle[0].nodeName === 'VIDEO' || this.isEmbedVidElem(selectNodeEle[0])) && selectNodeEle.length < 1) {
+            if (selectNodeEle && selectNodeEle[0] && (selectNodeEle[0].nodeName === 'VIDEO' || this.isEmbedVidElem(selectNodeEle[0])) && selectNodeEle.length < 1) {
                 if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection)) {
                     save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 }

package/src/selection/selection.d.ts

@@ -12,6 +12,8 @@ export declare class NodeSelection {
     endOffset: number;
     startNodeName: string[];
     endNodeName: string[];
+    editableElement: HTMLElement | HTMLBodyElement;
+    constructor(editElement?: HTMLElement | HTMLBodyElement);
     private saveInstance;
     private documentFromRange;
     getRange(docElement: Document): Range;
@@ -231,4 +233,7 @@ export declare class NodeSelection {
 
      */
     setCursorPoint(docElement: Document, element: Element, point: number): void;
+    private isTableOrImageStart;
+    private isTableOrImageEnd;
+    private processedTableImageCursor;
 }