@syncfusion/ej2-richtexteditor 25.1.41 → 25.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.41
+*  version : 25.2.3
 *  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@25.1.39",
+  "_id": "@syncfusion/ej2-richtexteditor@25.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-vnRCdIzVVU3ZMq7rEllyCaOR5EaZqQhzFSpJO/Cu1rHpNVZ8FqYIedV0vxClmjmz/9yMbl30dCP7PNJtJ9Eu7A==",
+  "_integrity": "sha512-XGBgOsVJDjeoUg7NCBMs+ayX0m4MrTWbdXlHzdK3COGoWMO8ssDjO3iw8e+6828qeoGJnLQrJHa23r7RYWpb/Q==",
   "_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-25.1.39.tgz",
-  "_shasum": "3d96b955c7077bca2ff259ca6c380fc9885008a4",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.42.tgz",
+  "_shasum": "e1bb753283216537b608b5a49c85096650d5693d",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-filemanager": "~25.1.40",
-    "@syncfusion/ej2-inputs": "~25.1.40",
-    "@syncfusion/ej2-navigations": "~25.1.41",
-    "@syncfusion/ej2-popups": "~25.1.41",
-    "@syncfusion/ej2-splitbuttons": "~25.1.38"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.3",
+    "@syncfusion/ej2-filemanager": "~25.2.3",
+    "@syncfusion/ej2-inputs": "~25.2.3",
+    "@syncfusion/ej2-navigations": "~25.2.3",
+    "@syncfusion/ej2-popups": "~25.2.3",
+    "@syncfusion/ej2-splitbuttons": "~25.2.3"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -58,7 +58,17 @@
     "rich-text-editor",
     "markdown-editor",
     "wysiwyg-markdown-editor",
-    "editor"
+    "editor",
+    "rich text editor",
+    "editing",
+    "rich text",
+    "rich editor",
+    "text editor",
+    "contenteditable",
+    "wysiwyg",
+    "html",
+    "text",
+    "markdown"
   ],
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-richtexteditor.umd.min.js",
@@ -69,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.41",
+  "version": "25.2.3",
   "sideEffects": false
 }

package/src/common/util.d.ts

@@ -40,3 +40,11 @@ export declare function getDefaultMDTbStatus(): IToolbarStatus;
  * @hidden
  */
 export declare function nestedListCleanUp(range: Range): void;
+/**
+ * Method to scroll the content to the cursor position
+ *
+ * @param {Document} document - specifies the document.
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
+ * @returns {void}
+ */
+export declare function scrollToCursor(document: Document, inputElement: HTMLElement | HTMLBodyElement): void;

package/src/common/util.js

@@ -116,6 +116,10 @@ export function updateTextNode(value, enterAction) {
                     tableElm[i].classList.remove('e-rte-paste-onenote-table');
                     continue;
                 }
+                else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-html-table');
+                    continue;
+                }
             }
         }
         var imageElm = resultElm.querySelectorAll('img');
@@ -220,3 +224,51 @@ export function nestedListCleanUp(range) {
         }
     }
 }
+/**
+ * Method to scroll the content to the cursor position
+ *
+ * @param {Document} document - specifies the document.
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
+ * @returns {void}
+ */
+export function scrollToCursor(document, inputElement) {
+    var rootElement = inputElement.nodeName === 'BODY' ?
+        inputElement.ownerDocument.defaultView.frameElement.closest('.e-richtexteditor') :
+        inputElement.closest('.e-richtexteditor');
+    var height = rootElement.style.height;
+    if (document.getSelection().rangeCount === 0) {
+        return;
+    }
+    var range = document.getSelection().getRangeAt(0);
+    var finalFocusElement = range.startContainer.nodeName === '#text' ? range.startContainer.parentElement :
+        range.startContainer;
+    var rect = finalFocusElement.getBoundingClientRect();
+    var cursorTop = rect.top;
+    var cursorBottom = rect.bottom;
+    var rootRect = rootElement.getBoundingClientRect();
+    var hasMargin = rootElement.querySelectorAll('.e-count-enabled, .e-resize-enabled').length > 0;
+    if (inputElement.nodeName === 'BODY') {
+        if (height === 'auto') {
+            if (window.innerHeight < cursorTop) {
+                finalFocusElement.scrollIntoView(false);
+            }
+        }
+        else {
+            if (cursorTop > inputElement.getBoundingClientRect().height) {
+                finalFocusElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+            }
+        }
+    }
+    else {
+        if (height === 'auto') {
+            if (window.innerHeight < cursorTop) {
+                finalFocusElement.scrollIntoView({ block: 'end', inline: 'nearest' });
+            }
+        }
+        else {
+            if (cursorBottom > rootRect.bottom) {
+                rootElement.querySelector('.e-rte-content').scrollTop += (cursorBottom - rootRect.bottom) + (hasMargin ? 20 : 0);
+            }
+        }
+    }
+}

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

@@ -58,7 +58,7 @@ var InsertHtml = /** @class */ (function () {
             range.startContainer === range.endContainer;
         var isCollapsed = range.collapsed;
         var nodes = this.getNodeCollection(range, nodeSelection, node);
-        var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
+        var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? (!isNOU(nodes[0]) ? this.closestEle(nodes[0].parentNode, editNode) : range.startContainer) : nodes[0];
         if (closestParentNode && closestParentNode.nodeName === 'LI' && node.nodeName.toLowerCase() === 'table') {
             this.insertTableInList(range, node, closestParentNode, nodes[0], nodeCutter);
             return;
@@ -103,7 +103,7 @@ var InsertHtml = /** @class */ (function () {
                     nodes[index].parentNode.removeChild(nodes[index]);
                 }
             }
-            if (sibNode) {
+            if (!isNOU(sibNode) && !isNOU(sibNode.parentNode)) {
                 InsertMethods.AppendBefore(node, sibNode, true);
             }
             else {
@@ -354,6 +354,12 @@ var InsertHtml = /** @class */ (function () {
                 node.parentNode.replaceChild(fragment, node);
             }
         }
+        if (lastSelectionNode.nodeName === 'TABLE') {
+            var pTag = createElement('p');
+            pTag.appendChild(createElement('br'));
+            lastSelectionNode.parentElement.insertBefore(pTag, lastSelectionNode.nextSibling);
+            lastSelectionNode = pTag;
+        }
         if (lastSelectionNode.nodeName === '#text') {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
         }

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

@@ -47,4 +47,5 @@ export declare class Lists {
     private revertList;
     private openTag;
     private closeTag;
+    private gatherElementsAround;
 }

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

@@ -553,58 +553,36 @@ var Lists = /** @class */ (function () {
         var listsNodes = this.domNode.blockNodes(true);
         if (e.enterAction === 'BR') {
             this.setSelectionBRConfig();
-            var allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
-            var selectedNodes = this.parent.nodeSelection.getSelectionNodes(allSelectedNode);
-            var currentFormatNodes = [];
-            if (selectedNodes.length === 0) {
-                selectedNodes.push(listsNodes[0]);
-            }
-            for (var i = 0; i < selectedNodes.length; i++) {
-                var currentNode = selectedNodes[i];
-                var previousCurrentNode = void 0;
-                while (!this.parent.domNode.isBlockNode(currentNode) && currentNode !== this.parent.editableElement) {
-                    previousCurrentNode = currentNode;
-                    currentNode = currentNode.parentElement;
-                }
-                if (this.parent.domNode.isBlockNode(currentNode) && currentNode === this.parent.editableElement) {
-                    currentFormatNodes.push(previousCurrentNode);
-                }
-            }
-            for (var i = 0; i < currentFormatNodes.length; i++) {
-                if (!this.parent.domNode.isBlockNode(currentFormatNodes[i])) {
-                    var currentNode = currentFormatNodes[i];
-                    var previousNode = currentNode;
-                    while (currentNode === this.parent.editableElement) {
-                        previousNode = currentNode;
-                        currentNode = currentNode.parentElement;
+            var selectedNodes = this.parent.domNode.blockNodes();
+            if (selectedNodes.length > 1) {
+                var i = 0;
+                var currentAlignmentNode = selectedNodes[0];
+                while (!isNOU(currentAlignmentNode)) {
+                    if (currentAlignmentNode.nodeName === 'BR') {
+                        var nextNode = currentAlignmentNode.nextSibling;
+                        detach(currentAlignmentNode);
+                        currentAlignmentNode = nextNode;
                     }
-                    var tempElem = void 0;
-                    if (this.parent.domNode.isBlockNode(previousNode.parentElement) &&
-                        previousNode.parentElement === this.parent.editableElement) {
-                        tempElem = createElement('p');
-                        previousNode.parentElement.insertBefore(tempElem, previousNode);
-                        tempElem.appendChild(previousNode);
-                    }
-                    else {
-                        tempElem = previousNode;
-                    }
-                    var preNode = tempElem.previousSibling;
-                    while (!isNOU(preNode) && preNode.nodeName !== 'BR' &&
-                        !this.parent.domNode.isBlockNode(preNode)) {
-                        tempElem.firstChild.parentElement.insertBefore(preNode, tempElem.firstChild);
-                        preNode = tempElem.previousSibling;
-                    }
-                    if (!isNOU(preNode) && preNode.nodeName === 'BR') {
-                        detach(preNode);
-                    }
-                    var postNode = tempElem.nextSibling;
-                    while (!isNOU(postNode) && postNode.nodeName !== 'BR' &&
-                        !this.parent.domNode.isBlockNode(postNode)) {
-                        tempElem.appendChild(postNode);
-                        postNode = tempElem.nextSibling;
+                    if (!isNOU(currentAlignmentNode)) {
+                        selectedNodes[i] = currentAlignmentNode.nodeName === 'LI' || this.parent.domNode.isBlockNode(currentAlignmentNode) ?
+                            currentAlignmentNode : this.gatherElementsAround(currentAlignmentNode);
+                        var currentSelectNode = selectedNodes[i].nodeName === 'LI' ? selectedNodes[i].parentElement : selectedNodes[i];
+                        var currentElementCheckNode = currentAlignmentNode.nodeName === '#text' ? currentAlignmentNode.parentElement : currentAlignmentNode;
+                        currentAlignmentNode = !isNOU(currentElementCheckNode.querySelector('.e-editor-select-end')) ||
+                            !isNOU(closest(currentAlignmentNode, '.e-editor-select-end')) ?
+                            null : currentSelectNode.nextSibling;
+                        if (currentAlignmentNode === null && !isNOU(currentSelectNode.nextSibling) && currentSelectNode.nextSibling.nodeName === 'BR') {
+                            detach(currentSelectNode.nextSibling);
+                        }
                     }
-                    if (!isNOU(postNode) && postNode.nodeName === 'BR') {
-                        detach(postNode);
+                    i++;
+                }
+            }
+            else {
+                if (!this.parent.domNode.isBlockNode(selectedNodes[0])) {
+                    selectedNodes[0] = this.gatherElementsAround(selectedNodes[0]);
+                    if (!isNOU(selectedNodes[0].nextSibling) && (selectedNodes[0].nextSibling.nodeName === 'BR')) {
+                        detach(selectedNodes[0].nextSibling);
                     }
                 }
             }
@@ -710,6 +688,16 @@ var Lists = /** @class */ (function () {
             }
         }
         this.cleanNode();
+        if (e.enterAction === 'BR') {
+            var spansToRemove = document.querySelectorAll('span#removeSpan');
+            spansToRemove.forEach(function (span) {
+                var fragment = document.createDocumentFragment();
+                while (span.firstChild) {
+                    fragment.appendChild(span.firstChild);
+                }
+                span.parentNode.replaceChild(fragment, span);
+            });
+        }
         this.parent.editableElement.focus();
         if (isIDevice()) {
             setEditFrameFocus(this.parent.editableElement, selector);
@@ -913,6 +901,12 @@ var Lists = /** @class */ (function () {
                         if (e.enterAction !== 'BR') {
                             this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                         }
+                        else {
+                            var wrapperSpan = '<span class=e-rte-wrap-inner id=removeSpan></span>';
+                            var br = document.createElement('br');
+                            this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapperSpan));
+                            element.appendChild(br);
+                        }
                     }
                     else if (this.domNode.contents(element)[0].nodeType === 3) {
                         var replace = this.domNode.createTagString(CONSTANT.DEFAULT_TAG, parentNode, this.parent.domNode.encode(this.domNode.contents(element)[0].textContent));
@@ -925,8 +919,18 @@ var Lists = /** @class */ (function () {
                     }
                     else {
                         var childNode = element.firstChild;
+                        if (childNode) {
+                            var attributes_1 = element.parentElement.attributes;
+                            if (attributes_1.length > 0) {
+                                for (var d = 0; d < attributes_1.length; d++) {
+                                    var e_1 = attributes_1[d];
+                                    var existingValue = childNode.getAttribute(e_1.nodeName);
+                                    var parentValue = (element.parentElement).getAttribute(e_1.nodeName);
+                                    childNode.setAttribute(e_1.nodeName, existingValue ? parentValue + ' ' + existingValue : parentValue);
+                                }
+                            }
+                        }
                         className = childNode.getAttribute('class');
-                        attributes(childNode, this.domNode.rawAttributes(parentNode));
                         if (className && childNode.getAttribute('class')) {
                             attributes(childNode, { 'class': className + ' ' + childNode.getAttribute('class') });
                         }
@@ -967,6 +971,48 @@ var Lists = /** @class */ (function () {
     Lists.prototype.closeTag = function (type) {
         return this.domNode.parseHTMLFragment('<span class="e-rte-list-close-' + type.toLowerCase() + '"></span>');
     };
+    Lists.prototype.gatherElementsAround = function (node) {
+        var pWrap = document.createElement('p');
+        // Insert the new div before the current node
+        var currentNode = node.previousSibling;
+        var classNode = node.parentNode;
+        if (classNode.className === 'e-editor-select-start') {
+            node.parentNode.parentNode.insertBefore(pWrap, node.parentNode);
+        }
+        else if (node.parentNode) {
+            node.parentNode.insertBefore(pWrap, node);
+        }
+        // Gather text and inline elements before the currentNode
+        var i = 0;
+        while (currentNode !== null && currentNode.nodeName !== 'BR' &&
+            !this.parent.domNode.isBlockNode(currentNode)) {
+            var prevSibling = currentNode.previousSibling;
+            if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
+                if (i === 0) {
+                    pWrap.appendChild(currentNode);
+                }
+                else {
+                    pWrap.insertBefore(currentNode, pWrap.firstChild);
+                }
+            }
+            currentNode = prevSibling;
+            i++;
+        }
+        // Add the current node to the new p
+        pWrap.appendChild(node);
+        // Gather text and inline elements after the currentNode
+        currentNode = pWrap.nextSibling ? pWrap.nextSibling : pWrap.parentElement.nextSibling;
+        while (currentNode !== null && currentNode.nodeName !== 'BR' &&
+            !this.parent.domNode.isBlockNode(currentNode)) {
+            var nextSibling = currentNode.nextSibling ?
+                currentNode.nextSibling : currentNode.parentElement.nextSibling;
+            if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
+                pWrap.appendChild(currentNode);
+            }
+            currentNode = nextSibling;
+        }
+        return pWrap;
+    };
     return Lists;
 }());
 export { Lists };

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -66,9 +66,9 @@ var MsWordPaste = /** @class */ (function () {
         var patern2 = /class="?Mso|style="[^ ]*\bmso-/i;
         var patern3 = /(class="?Mso|class='?Mso|class="?Xl|class='?Xl|class=Xl|style="[^"]*\bmso-|style='[^']*\bmso-|w:WordDocument)/gi;
         var pattern4 = /style='mso-width-source:/i;
+        var source = this.findSource(elm);
         if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
             pattern4.test(tempHTMLContent)) {
-            var source = this.findSource(elm);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
             this.addListClass(elm);
             listNodes = this.cleanUp(elm, listNodes);
@@ -93,7 +93,7 @@ var MsWordPaste = /** @class */ (function () {
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
-            e.callBack(elm.innerHTML);
+            e.callBack(elm.innerHTML, null, source);
         }
     };
     MsWordPaste.prototype.addDoubleBr = function (elm) {

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

@@ -50,7 +50,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, false);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0)
-                        && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node);
@@ -71,7 +71,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, true);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);

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

@@ -1,7 +1,7 @@
 import { debounce, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
 import { NodeSelection } from './../../selection/selection';
 import * as EVENTS from './../../common/constant';
-import { isIDevice, setEditFrameFocus } from '../../common/util';
+import { isIDevice, scrollToCursor, setEditFrameFocus } from '../../common/util';
 /**
  * `Undo` module is used to handle undo actions.
  */
@@ -183,6 +183,7 @@ var UndoRedoManager = /** @class */ (function () {
             this.parent.editableElement.innerHTML = '';
             this.parent.editableElement.appendChild(removedContent.cloneNode(true));
             this.parent.editableElement.focus();
+            scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
             if (isIDevice()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
             }
@@ -215,6 +216,7 @@ var UndoRedoManager = /** @class */ (function () {
             this.parent.editableElement.innerHTML = '';
             this.parent.editableElement.appendChild(addedContent.cloneNode(true));
             this.parent.editableElement.focus();
+            scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
             if (isIDevice()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
             }

package/src/rich-text-editor/actions/emoji-picker.js

@@ -767,7 +767,7 @@ var EmojiPicker = /** @class */ (function () {
         var popupHeight = 330;
         var popupTop = cursorTop;
         var popupLeft = cursorLeft + rect.width;
-        if (rteEle.getBoundingClientRect().top < 0) {
+        if (rteEle.getBoundingClientRect().top < 0 && !this.parent.inlineMode.enable) {
             popupTop = popupTop + rteContent.getBoundingClientRect().top - toolbarHeight;
         }
         if (rect.top < popupHeight) {

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

@@ -364,6 +364,7 @@ var EnterKeyAction = /** @class */ (function () {
                             else {
                                 currentParent = _this.startNode;
                             }
+                            var currentParentStyle = window.getComputedStyle(currentParent);
                             _this.removeBRElement(currentParent);
                             var isEmptyBrInserted = false;
                             var currentParentLastChild = currentParent.lastChild;
@@ -428,6 +429,14 @@ var EnterKeyAction = /** @class */ (function () {
                                         // eslint-disable-next-line @typescript-eslint/no-unused-vars
                                         isEmptyBrInserted = true;
                                     }
+                                    else if (currentParent !== _this.parent.inputElement &&
+                                        (currentParentStyle.display === 'inline' || currentParentStyle.display === 'inline-block')) {
+                                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                                        newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
+                                        currentParent.parentElement.insertBefore(outerBRElem, currentParent);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), currentParent, 0);
+                                        _this.insertFocusContent();
+                                    }
                                     else {
                                         _this.insertBRElement();
                                     }

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

@@ -11,7 +11,7 @@ import { ColorPickerInput } from './color-picker';
 import { NodeSelection } from '../../selection/selection';
 import { InsertHtml } from '../../editor-manager/plugin/inserthtml';
 import { getTextNodesUnder, sanitizeHelper, getDefaultValue } from '../base/util';
-import { isIDevice } from '../../common/util';
+import { isIDevice, scrollToCursor } from '../../common/util';
 import { XhtmlValidation } from './xhtml-validation';
 import { ON_BEGIN } from './../../common/constant';
 import * as CONSTANT from '../base/constant';
@@ -216,8 +216,14 @@ var HtmlEditor = /** @class */ (function () {
                     range.insertNode(tempSpan);
                 }
                 var currentChild = this.parent.inputElement.firstChild;
-                while (!isNOU(currentChild) && currentChild.textContent.replace(regEx, '').trim().length > 0) {
-                    currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
+                while (!isNOU(currentChild)) {
+                    if (currentChild.nodeName === '#text') {
+                        currentChild = currentChild.nextElementSibling;
+                        continue;
+                    }
+                    if (currentChild.textContent.replace(regEx, '').trim().length > 0) {
+                        currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
+                    }
                     currentChild = currentChild.nextElementSibling;
                 }
                 var tempSpanToRemove = this.parent.inputElement.querySelector('.tempSpan');
@@ -316,15 +322,7 @@ var HtmlEditor = /** @class */ (function () {
                 }
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
-                    var newRange = this.parent.getRange();
-                    if (!isNullOrUndefined(newRange.startContainer) && this.parent.height !== 'auto' && newRange.startContainer.nodeName !== '#text'
-                        && !this.parent.iframeSettings.enable && newRange.startContainer.getBoundingClientRect().bottom > this.parent.element.getBoundingClientRect().bottom) {
-                        this.parent.element.querySelector('.e-rte-content').scrollTop += newRange.startContainer.getBoundingClientRect().bottom - this.parent.element.getBoundingClientRect().bottom;
-                    }
-                    else if (!isNullOrUndefined(newRange.startContainer) && this.parent.height === 'auto' && newRange.startContainer.nodeName !== '#text'
-                        && !this.parent.iframeSettings.enable && window.innerHeight < newRange.startContainer.getBoundingClientRect().top) {
-                        newRange.startContainer.scrollIntoView({ block: 'end', inline: 'nearest' });
-                    }
+                    scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
                 }
             }
         }

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

@@ -9,10 +9,11 @@ import { CLS_RTE_IMAGE, CLS_IMGINLINE, CLS_IMGBREAK } from '../base/classes';
 import { pasteCleanupGroupingTags } from '../../common/config';
 import { NodeSelection } from '../../selection/selection';
 import * as EVENTS from './../../common/constant';
-import { RenderType, UploadRequest } from '../base/enum';
+import { RenderType, ImageInputSource } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
 import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
+import { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
@@ -404,13 +405,15 @@ var PasteCleanup = /** @class */ (function () {
             popupObj.close();
         }
         this.parent.trigger(events.imageUploadFailed, e);
-        uploadObj.destroy();
+        if (uploadObj && document.body.contains(uploadObj.element)) {
+            uploadObj.destroy();
+        }
     };
     PasteCleanup.prototype.popupClose = function (popupObj, uploadObj, imgElem, e) {
         var _this = this;
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
-        e.requestType = UploadRequest.Pasted;
+        e.detectImageSource = ImageInputSource.Pasted;
         this.parent.trigger(events.imageUploadSuccess, e, function (e) {
             if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
                 var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -420,7 +423,7 @@ var PasteCleanup = /** @class */ (function () {
         });
         popupObj.close();
         imgElem.style.opacity = '1';
-        if (!uploadObj.isDestroyed) {
+        if (uploadObj && document.body.contains(uploadObj.element)) {
             uploadObj.destroy();
         }
         this.toolbarEnableDisable(false);
@@ -720,6 +723,7 @@ var PasteCleanup = /** @class */ (function () {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
             }, clipBoardElem, null, null, this.parent.enterKey);
+            scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
             this.removeTempClass();
             this.parent.notify(events.toolbarRefresh, {});
             this.cropImageHandler(this.parent.inputElement);
@@ -774,15 +778,15 @@ var PasteCleanup = /** @class */ (function () {
         }
     };
     PasteCleanup.prototype.addTableClass = function (element, source) {
-        source = isNOU(source) ? '' : source;
         var tableElement = element.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
-                tableElement[i].classList.add('e-rte-table');
-            }
-            else if (source && source !== 'html') {
+            var isMSTeamsTable = tableElement[i].parentElement.nodeName === 'FIGURE';
+            if (this.parent.pasteCleanupSettings.keepFormat && source && !isMSTeamsTable) {
                 tableElement[i].classList.add('e-rte-paste-' + source + '-table');
             }
+            else if (!tableElement[i].classList.contains('e-rte-table')) {
+                tableElement[i].classList.add('e-rte-table');
+            }
         }
         return element;
     };

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

@@ -67,11 +67,11 @@ export declare type ToolbarConfigItems = 'Alignments' | 'JustifyLeft' | 'Justify
 /**
  * Defines types to be used as inserted image.
  */
-export declare enum UploadRequest {
-    /** Defines UploadRequest as Uploaded */
+export declare enum ImageInputSource {
+    /** Defines ImageInputSource as Uploaded */
     Uploaded = "Uploaded",
-    /** Defines UploadRequest as Dropped */
+    /** Defines ImageInputSource as Dropped */
     Dropped = "Dropped",
-    /** Defines UploadRequest as Pasted */
+    /** Defines ImageInputSource as Pasted */
     Pasted = "Pasted"
 }

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

@@ -64,12 +64,12 @@ export var DialogType;
 /**
  * Defines types to be used as inserted image.
  */
-export var UploadRequest;
-(function (UploadRequest) {
-    /** Defines UploadRequest as Uploaded */
-    UploadRequest["Uploaded"] = "Uploaded";
-    /** Defines UploadRequest as Dropped */
-    UploadRequest["Dropped"] = "Dropped";
-    /** Defines UploadRequest as Pasted */
-    UploadRequest["Pasted"] = "Pasted";
-})(UploadRequest || (UploadRequest = {}));
+export var ImageInputSource;
+(function (ImageInputSource) {
+    /** Defines ImageInputSource as Uploaded */
+    ImageInputSource["Uploaded"] = "Uploaded";
+    /** Defines ImageInputSource as Dropped */
+    ImageInputSource["Dropped"] = "Dropped";
+    /** Defines ImageInputSource as Pasted */
+    ImageInputSource["Pasted"] = "Pasted";
+})(ImageInputSource || (ImageInputSource = {}));