@syncfusion/ej2-richtexteditor 20.4.42 → 20.4.43

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

@@ -12848,52 +12848,62 @@ class InsertHtml {
             }
         }
         else {
-            this.insertTempNode(range, node, nodes, nodeCutter, editNode);
-            let isFirstTextNode = true;
-            let isPreviousInlineElem;
-            let paraElm;
-            let previousParent;
-            if (!this.contentsDeleted) {
-                range.deleteContents();
-            }
-            while (node.firstChild) {
-                if (node.firstChild.nodeName === '#text' && node.firstChild.textContent.trim() === '') {
-                    detach(node.firstChild);
-                    continue;
+            let parentElem = range.startContainer;
+            while (!isNullOrUndefined(parentElem) && parentElem.nodeName !== 'PRE' && parentElem !== editNode) {
+                parentElem = parentElem.parentElement;
+            }
+            if (!isNullOrUndefined(node) && !isNullOrUndefined(parentElem) && parentElem.nodeName === 'PRE') {
+                range.insertNode(node);
+                lastSelectionNode = node.lastChild;
+            }
+            else {
+                this.insertTempNode(range, node, nodes, nodeCutter, editNode);
+                let isFirstTextNode = true;
+                let isPreviousInlineElem;
+                let paraElm;
+                let previousParent;
+                if (!this.contentsDeleted) {
+                    range.deleteContents();
                 }
-                if (node.firstChild.nodeName === '#text' && isFirstTextNode ||
-                    (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
-                    lastSelectionNode = node.firstChild;
-                    if (isNullOrUndefined(node.previousElementSibling)) {
-                        const firstParaElm = createElement('p');
-                        node.parentElement.insertBefore(firstParaElm, node);
+                while (node.firstChild) {
+                    if (node.firstChild.nodeName === '#text' && node.firstChild.textContent.trim() === '') {
+                        detach(node.firstChild);
+                        continue;
                     }
-                    node.previousElementSibling.appendChild(node.firstChild);
-                }
-                else {
-                    lastSelectionNode = node.firstChild;
-                    if (node.firstChild.nodeName === '#text' ||
-                        (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
-                        if (!isPreviousInlineElem) {
-                            paraElm = createElement('p');
-                            paraElm.appendChild(node.firstChild);
-                            fragment.appendChild(paraElm);
+                    if (node.firstChild.nodeName === '#text' && isFirstTextNode ||
+                        (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
+                        lastSelectionNode = node.firstChild;
+                        if (isNullOrUndefined(node.previousElementSibling)) {
+                            const firstParaElm = createElement('p');
+                            node.parentElement.insertBefore(firstParaElm, node);
                         }
-                        else {
-                            previousParent.appendChild(node.firstChild);
-                            fragment.appendChild(previousParent);
-                        }
-                        previousParent = paraElm;
-                        isPreviousInlineElem = true;
+                        node.previousElementSibling.appendChild(node.firstChild);
                     }
                     else {
-                        fragment.appendChild(node.firstChild);
-                        isPreviousInlineElem = false;
+                        lastSelectionNode = node.firstChild;
+                        if (node.firstChild.nodeName === '#text' ||
+                            (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
+                            if (!isPreviousInlineElem) {
+                                paraElm = createElement('p');
+                                paraElm.appendChild(node.firstChild);
+                                fragment.appendChild(paraElm);
+                            }
+                            else {
+                                previousParent.appendChild(node.firstChild);
+                                fragment.appendChild(previousParent);
+                            }
+                            previousParent = paraElm;
+                            isPreviousInlineElem = true;
+                        }
+                        else {
+                            fragment.appendChild(node.firstChild);
+                            isPreviousInlineElem = false;
+                        }
+                        isFirstTextNode = false;
                     }
-                    isFirstTextNode = false;
                 }
+                node.parentNode.replaceChild(fragment, node);
             }
-            node.parentNode.replaceChild(fragment, node);
         }
         if (lastSelectionNode.nodeName === '#text') {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
@@ -18500,10 +18510,12 @@ class HtmlEditor {
         // eslint-disable-next-line
         const regEx = new RegExp(String.fromCharCode(8203), 'g');
         let pointer;
+        let isRootParent = false;
         if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
             pointer = range.startOffset;
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            range.startContainer.nodeName === '#text' ? range.startContainer.parentElement.classList.add('currentStartMark') : range.startContainer.classList.add('currentStartMark');
+            range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
+                : isRootParent = true : range.startContainer.classList.add('currentStartMark');
             if (range.startContainer.textContent.charCodeAt(0) === 8203) {
                 pointer = range.startOffset === 0 ? range.startOffset : range.startOffset - 1;
                 range.startContainer.textContent = range.startContainer.textContent.replace(regEx, '');
@@ -18512,7 +18524,7 @@ class HtmlEditor {
             const previousLength = this.parent.inputElement.innerHTML.length;
             const currentLength = this.parent.inputElement.innerHTML.replace(regEx, '').length;
             let focusNode = range.startContainer;
-            if (previousLength > currentLength) {
+            if (previousLength > currentLength && !isRootParent) {
                 let currentChild = this.parent.inputElement.firstChild;
                 while (!isNullOrUndefined(currentChild) && currentChild.textContent.replace(regEx, '').trim().length > 0) {
                     currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');
@@ -21784,6 +21796,10 @@ class Image {
         });
     }
     resizing(e) {
+        if (!this.parent) {
+            this.cancelResizeAction();
+            return;
+        }
         if (this.imgEle.offsetWidth >= this.parent.getInsertImgMaxWidth()) {
             this.imgEle.style.maxHeight = this.imgEle.offsetHeight + 'px';
         }
@@ -26635,9 +26651,10 @@ class Table {
                 const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
                 this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
                 this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
+                const pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset + this.parent.element.getBoundingClientRect().left + args.clientX : args.pageX;
                 const pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset +
                     this.parent.element.getBoundingClientRect().top + args.clientY : args.pageY;
-                this.quickToolObj.tableQTBar.showPopup(args.pageX, pageY, target);
+                this.quickToolObj.tableQTBar.showPopup(pageX, pageY, target);
                 this.parent.formatter.editorManager.nodeSelection.restore();
             }
             else {