@syncfusion/ej2-richtexteditor 27.1.52 → 27.1.55

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

@@ -4251,9 +4251,10 @@ const PASTE_SOURCE = ['word', 'excel', 'onenote'];
  * `Selection` module is used to handle RTE Selections.
  */
 class NodeSelection {
-    constructor() {
+    constructor(editElement) {
         this.startNodeName = [];
         this.endNodeName = [];
+        this.editableElement = editElement;
     }
     saveInstance(range, body) {
         this.range = range.cloneRange();
@@ -4333,6 +4334,9 @@ class NodeSelection {
         return false;
     }
     getNode(startNode, endNode, nodeCollection) {
+        if (this.editableElement && (!this.editableElement.contains(startNode) || this.editableElement === startNode)) {
+            return null;
+        }
         if (endNode === startNode &&
             (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
                 || this.isChildNode(nodeCollection, startNode))) {
@@ -4367,6 +4371,12 @@ class NodeSelection {
             || range.startContainer;
         const endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
             || range.endContainer;
+        const tableCursor = this.processedTableImageCursor(range);
+        if (tableCursor.start || tableCursor.end) {
+            if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
+                return [];
+            }
+        }
         if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
             startNode.childNodes.length === 0) {
             return [startNode];
@@ -4686,6 +4696,39 @@ class NodeSelection {
         selection.removeAllRanges();
         selection.addRange(range);
     }
+    isTableOrImageStart(range) {
+        const customHandlerElements = ['TABLE'];
+        const startContainer = range.startContainer;
+        const startOffset = range.startOffset;
+        const isCursorAtStart = range.collapsed && (startContainer.nodeType === 1) &&
+            startContainer.isContentEditable && startContainer.childNodes[startOffset] &&
+            (customHandlerElements.indexOf(startContainer.childNodes[startOffset].nodeName) > -1);
+        if (isCursorAtStart) {
+            return { start: isCursorAtStart, startNodeName: startContainer.childNodes[startOffset].nodeName };
+        }
+        else {
+            return { start: false, startNodeName: '' };
+        }
+    }
+    isTableOrImageEnd(range) {
+        const customHandlerElements = ['TABLE'];
+        const startContainer = range.startContainer;
+        const startOffset = range.startOffset;
+        const isCursorAtEnd = range.collapsed && (startContainer.nodeType === 1) &&
+            startContainer.isContentEditable && startContainer.childNodes[startOffset - 1] &&
+            (customHandlerElements.indexOf(startContainer.childNodes[startOffset - 1].nodeName) > -1);
+        if (isCursorAtEnd) {
+            return { end: isCursorAtEnd, endNodeName: startContainer.childNodes[startOffset - 1].nodeName };
+        }
+        else {
+            return { end: false, endNodeName: '' };
+        }
+    }
+    processedTableImageCursor(range) {
+        const { start, startNodeName } = this.isTableOrImageStart(range);
+        const { end, endNodeName } = this.isTableOrImageEnd(range);
+        return { start, startName: startNodeName, end, endName: endNodeName };
+    }
 }
 
 /**
@@ -5038,7 +5081,7 @@ class ToolbarStatus {
     static get(docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
         let formatCollection = JSON.parse(JSON.stringify(statusCollection));
         const nodeCollection = JSON.parse(JSON.stringify(statusCollection));
-        const nodeSelection = new NodeSelection();
+        const nodeSelection = new NodeSelection(rootNode);
         const range = nodeSelection.getRange(docElement);
         const nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
             nodeSelection.getSelectionNodeCollectionBr(range);
@@ -6636,11 +6679,15 @@ class Link {
     openLink(e) {
         const selectParentEle = this.getAnchorNode(e.selectParent[0]);
         if (selectParentEle.classList.contains('e-rte-anchor') || selectParentEle.tagName === 'A') {
+            const sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(selectParentEle.outerHTML);
+            const 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();
         }
     }
     getAnchorNode(element) {
@@ -7435,11 +7482,15 @@ class Image$1 {
         }
     }
     openImgLink(e) {
+        const sanitizedHTML = this.parent.htmlEditorModule.sanitizeHelper(e.selectParent[0].parentNode.outerHTML);
+        const tempEle = document.createElement('div');
+        tempEle.innerHTML = sanitizedHTML;
         const 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();
     }
     editImgLink(e) {
         const selectParentEle = e.selectParent[0].parentNode;
@@ -7526,7 +7577,7 @@ class Image$1 {
             }
         }
         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 (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection)) {
                     save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
                 }
@@ -10837,7 +10888,7 @@ class Video {
             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());
                 }
@@ -15545,7 +15596,7 @@ class SlashMenu {
         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(modelChanged, this.onPropertyChanged, this);
@@ -21627,7 +21678,7 @@ class DOMNode {
      */
     constructor(parent, currentDocument) {
         this.parent = parent;
-        this.nodeSelection = new NodeSelection();
+        this.nodeSelection = new NodeSelection(parent);
         this.currentDocument = currentDocument;
         this.tableSelection = new TableSelection(parent, currentDocument);
     }
@@ -22942,7 +22993,7 @@ class Lists {
         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')) {
             const range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
             const commonAncestor = range.commonAncestorContainer;
             const startEle = range.startContainer;
@@ -24461,7 +24512,7 @@ class InsertHtml {
                 node = insertNode;
             }
         }
-        const nodeSelection = new NodeSelection();
+        const nodeSelection = new NodeSelection(editNode);
         const nodeCutter = new NodeCutter();
         let range = nodeSelection.getRange(docElement);
         if (range.startContainer === editNode && range.startContainer === range.endContainer && range.startOffset === 0 &&
@@ -24825,6 +24876,24 @@ class InsertHtml {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
         this.alignCheck(editNode);
+        const currentRange = nodeSelection.getRange(docElement);
+        this.listCleanUp(currentRange);
+    }
+    static listCleanUp(range) {
+        if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+            const liElems = range.startContainer.parentElement.closest('ol,ul').querySelectorAll('li');
+            if (liElems.length > 0) {
+                liElems.forEach((item) => {
+                    if (!isNullOrUndefined(item.firstChild) && (item.firstChild.nodeName === 'OL' || item.firstChild.nodeName === 'UL')) {
+                        item.style.listStyleType = 'none';
+                    }
+                    const nestedLi = Array.from(item.children).find((child) => child.tagName === 'LI' && (child.parentElement && child.parentElement.tagName !== 'OL' && child.parentElement.tagName !== 'UL'));
+                    if (nestedLi) {
+                        item.parentNode.replaceChild(nestedLi, item);
+                    }
+                });
+            }
+        }
     }
     static placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -24889,7 +24958,7 @@ class InsertHtml {
                 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 &&
@@ -24909,12 +24978,12 @@ class InsertHtml {
                 tempSpan.parentNode.replaceChild(node, tempSpan);
             }
             else {
-                const nodeSelection = new NodeSelection();
+                const nodeSelection = new NodeSelection(editNode);
                 const currentNode = this.getNodeCollection(range, nodeSelection, node)[this.getNodeCollection(range, nodeSelection, node).length - 1];
                 let splitedElm;
-                if ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR' ||
+                if (currentNode && ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR' ||
                     (currentNode.nodeName === '#text' && !isNullOrUndefined(currentNode.parentElement) && currentNode.parentElement.nodeName === 'LI')) &&
-                    (!isNullOrUndefined(currentNode.parentElement) && currentNode.parentElement.textContent.trim().length === 0)) {
+                    (!isNullOrUndefined(currentNode.parentElement) && currentNode.parentElement.textContent.trim().length === 0))) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
@@ -24927,16 +24996,20 @@ class InsertHtml {
                         return;
                     }
                 }
-                else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(currentNode.parentElement) &&
+                else if (currentNode && ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(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' && !isNullOrUndefined(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
                         detach(currentNode.nextSibling);
                     }
                     if (!range.collapsed) {
+                        const startContainer = range.startContainer;
+                        const startOffset = range.startOffset;
                         this.removeListfromPaste(range);
+                        range.setStart(startContainer, startOffset);
+                        range.setEnd(startContainer, startOffset);
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;
@@ -24976,9 +25049,9 @@ class InsertHtml {
     }
     // eslint-disable-next-line
     static getImmediateBlockNode(node, editNode) {
-        do {
+        while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0) {
             node = node.parentNode;
-        } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
+        }
         return node;
     }
     static removingComments(elm) {
@@ -25092,7 +25165,7 @@ class InsertHtml {
         const value = range.startContainer;
         if (!isNullOrUndefined(value) && value.nodeName === 'LI' && !isNullOrUndefined(value.parentElement) && (value.parentElement.nodeName === 'OL' || value.parentElement.nodeName === 'UL') && value.textContent.trim() === '') {
             value.parentElement.querySelectorAll('li').forEach((item) => {
-                if (item.textContent.trim() === '') {
+                if (item.textContent.trim() === '' && item !== value) {
                     item.remove();
                 }
             });
@@ -25194,7 +25267,7 @@ class LinkCommand {
             }
         }
         else {
-            const domSelection = new NodeSelection();
+            const domSelection = new NodeSelection(this.parent.editableElement);
             let range = domSelection.getRange(this.parent.currentDocument);
             if (range.endContainer.nodeName === '#text' && range.startContainer.textContent.length === (range.endOffset + 1) &&
                 range.endContainer.textContent.charAt(range.endOffset) === ' ' && (!isNullOrUndefined(range.endContainer.nextSibling) && range.endContainer.nextSibling.nodeName === 'A')) {
@@ -25240,7 +25313,7 @@ class LinkCommand {
         }
     }
     createLinkNode(e) {
-        const domSelection = new NodeSelection();
+        const domSelection = new NodeSelection(this.parent.editableElement);
         const nodeCutter = new NodeCutter();
         const range = domSelection.getRange(this.parent.currentDocument);
         const nodes = this.getSelectionNodes(domSelection.getNodeCollection(range));
@@ -25811,6 +25884,8 @@ class ImageCommand {
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             const onImageLoadEvent = () => {
                 if (!isNullOrUndefined(this.parent.currentDocument)) {
+                    imgElm.setAttribute('width', this.calculateStyleValue(imgElm.offsetWidth));
+                    imgElm.setAttribute('height', this.calculateStyleValue(imgElm.offsetHeight));
                     e.callBack({
                         requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', 'Replace') : 'Images',
                         editorMode: 'HTML',
@@ -27634,7 +27709,7 @@ class SelectionCommands {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
-            let domSelection = new NodeSelection();
+            let domSelection = new NodeSelection(endNode);
             const domNode = new DOMNode(endNode, docElement);
             const nodeCutter = new NodeCutter();
             const isFormatted = new IsFormatted();
@@ -27843,7 +27918,7 @@ class SelectionCommands {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNullOrUndefined(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
-            if (!isNullOrUndefined(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+            if (!isNullOrUndefined(cursorNodes[0] && cursorNodes[0].parentElement) && IsFormatted.inlineTags.
                 indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
                 const element = this.GetFormatNode(format, value);
                 const tempNode = cursorNodes[0];
@@ -28751,7 +28826,7 @@ class ClearFormat$1 {
     static clear(docElement, endNode, enterAction, selector, command) {
         this.domNode = new DOMNode(endNode, docElement);
         this.defaultTag = enterAction === 'P' ? this.defaultTag : 'div';
-        const nodeSelection = new NodeSelection();
+        const nodeSelection = new NodeSelection(endNode);
         const nodeCutter = new NodeCutter();
         let range = nodeSelection.getRange(docElement);
         const nodes = range.collapsed ? nodeSelection.getSelectionNodeCollection(range) :
@@ -29180,7 +29255,7 @@ class UndoRedoManager {
         if (!this.parent.currentDocument) {
             return;
         }
-        let range = new NodeSelection().getRange(this.parent.currentDocument);
+        let range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
         const currentContainer = this.parent.editableElement === range.startContainer.parentElement ?
             range.startContainer.parentElement : range.startContainer;
         for (let i = currentContainer.childNodes.length - 1; i >= 0; i--) {
@@ -29190,8 +29265,8 @@ class UndoRedoManager {
                 detach(currentContainer.childNodes[i]);
             }
         }
-        range = new NodeSelection().getRange(this.parent.currentDocument);
-        const save = new NodeSelection().save(range, this.parent.currentDocument);
+        range = new NodeSelection(this.parent.editableElement).getRange(this.parent.currentDocument);
+        const save = new NodeSelection(this.parent.editableElement).save(range, this.parent.currentDocument);
         const clonedElement = this.parent.editableElement.cloneNode(true);
         const fragment = document.createDocumentFragment();
         while (clonedElement.firstChild) {
@@ -31168,7 +31243,7 @@ class EditorManager {
     constructor(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);
@@ -31836,7 +31911,7 @@ class HtmlEditor {
         if (this.parent.isDestroyed) {
             return;
         }
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         this.parent.on(initialLoad, this.instantiateRenderer, this);
         this.parent.on(htmlToolbarClick, this.onToolbarClick, this);
         this.parent.on(keyDown, this.onKeyDown, this);
@@ -32543,7 +32618,7 @@ class HtmlEditor {
         urlText = urlText.slice(0, urlTextRange);
         // eslint-disable-next-line
         const 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)) {
             const selection = this.nodeSelectionObj.save(range, this.parent.contentModule.getDocument());
             const url = urlText.indexOf('http') > -1 ? urlText : 'http://' + urlText;
             const selectParent = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
@@ -32902,7 +32977,7 @@ class PasteCleanup {
         this.isDestroyed = false;
     }
     addEventListener() {
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         if (this.parent.isDestroyed) {
             return;
         }
@@ -34056,6 +34131,8 @@ class Resize {
         this.parent = parent;
         this.addEventListener();
         this.isDestroyed = false;
+        this.isResizing = false;
+        this.iframeMouseUpBoundFn = this.iframeMouseUp.bind(this);
     }
     addEventListener() {
         if (this.parent.isDestroyed) {
@@ -34075,12 +34152,14 @@ class Resize {
         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);
         EventHandler.add(this.resizer, this.touchStartEvent, this.resizeStart, this);
     }
     resizeStart(e) {
+        this.isResizing = false;
         if (e.cancelable) {
             e.preventDefault();
         }
@@ -34094,6 +34173,7 @@ class Resize {
         });
     }
     performResize(e) {
+        this.isResizing = true;
         const args = { event: e, requestType: 'editor' };
         this.parent.trigger(onResize, args, (resizingArgs) => {
             if (resizingArgs.cancel) {
@@ -34123,6 +34203,7 @@ class Resize {
         this.parent.refreshUI();
     }
     stopResize(e) {
+        this.isResizing = false;
         this.parent.refreshUI();
         this.unwireResizeEvents();
         const args = { event: e, requestType: 'editor' };
@@ -34172,6 +34253,7 @@ class Resize {
         }
         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);
@@ -34179,6 +34261,12 @@ class Resize {
             detach(this.resizer);
         }
         this.parent.off(destroy, this.destroy);
+        this.iframeMouseUpBoundFn = null;
+    }
+    iframeMouseUp(e) {
+        if (this.isResizing) {
+            this.stopResize(e);
+        }
     }
     /**
      * For internal use only - Get the module name.
@@ -35682,7 +35770,7 @@ class ImportExport {
                 saveUrl: this.parent.importWord.serviceUrl
             },
             success: (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);
@@ -36972,11 +37060,16 @@ class EnterKeyAction {
                             else if (!isNullOrUndefined(currentParent) && currentParent !== this.parent.inputElement && currentParent.nodeName !== 'BR') {
                                 if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&
                                     currentParent.textContent.charCodeAt(0) === 8203)) {
-                                    const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, currentParent, true).cloneNode(true);
-                                    this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
-                                    const 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 {
+                                        const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, currentParent, true).cloneNode(true);
+                                        this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
+                                        const outerBRElem = this.parent.createElement('br');
+                                        newElem.parentElement.insertBefore(outerBRElem, newElem);
+                                        this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), newElem, 0);
+                                    }
                                 }
                                 else {
                                     let newElem;
@@ -37519,6 +37612,17 @@ let RichTextEditor = class RichTextEditor extends Component {
      * @public
      */
     executeCommand(commandName, value, option) {
+        if (commandName === 'importWord') {
+            const importContainer = this.createElement('div');
+            importContainer.innerHTML = value;
+            const tableElement = importContainer.querySelectorAll('table:not(.e-rte-table):not(.e-rte-paste-table)');
+            for (let 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);
         let internalValue;
         if (this.editorMode === 'HTML') {