@syncfusion/ej2-richtexteditor 20.1.50 → 20.1.51

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

@@ -11360,7 +11360,7 @@ class NodeCutter {
                 fragment = this.spliceEmptyNode(fragment, true);
                 if (fragment && fragment.childNodes.length > 0) {
                     const isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isImgElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isImgElm(fragment) && fragment.textContent === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);
@@ -13311,11 +13311,11 @@ class TableCommand {
         for (let i = 0; i < emptyUl.length; i++) {
             detach(emptyUl[i]);
         }
-        let emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty');
+        let emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
         for (let i = 0; i < emptyLiChild.length; i++) {
             detach(emptyLiChild[i]);
             if (emptyLiChild.length === i + 1) {
-                emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty');
+                emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
                 i = -1;
             }
         }
@@ -14398,12 +14398,18 @@ class SelectionCommands {
             let preventRestore = false;
             const isFontStyle = (['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1);
             if (range.collapsed) {
+                let currentFormatNode = isFormatted.getFormattedNode(range.startContainer, format, endNode);
+                let currentSelector = !isNullOrUndefined(currentFormatNode) ?
+                    (currentFormatNode.getAttribute('style') === null ? currentFormatNode.nodeName :
+                        currentFormatNode.nodeName + `[style='` + currentFormatNode.getAttribute('style') + `']`) : null;
                 if (nodes.length > 0) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, nodes[0]);
                 }
-                else if (range.startContainer.nodeType === 3 && range.startContainer.parentElement.childElementCount > 0 &&
-                    range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') {
+                else if (range.startContainer.nodeType === 3 && ((range.startContainer.parentElement.childElementCount > 0 &&
+                    range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') ||
+                    !isNullOrUndefined(currentFormatNode) && currentFormatNode === (range.startContainer.parentElement.closest(currentSelector)) &&
+                        ((range.startContainer.parentElement.closest(currentSelector)).textContent.replace(new RegExp(String.fromCharCode(8203), 'g'), '').trim().length != 0))) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, range.startContainer);
                     nodes.push(range.startContainer);
@@ -16158,7 +16164,7 @@ class InsertTextExec {
     }
     insertText(e) {
         const node = document.createTextNode(e.value);
-        InsertHtml.Insert(this.parent.currentDocument, node);
+        InsertHtml.Insert(this.parent.currentDocument, node, this.parent.editableElement);
         if (e.callBack) {
             e.callBack({
                 requestType: e.subCommand,
@@ -20311,14 +20317,10 @@ class Image {
                 img.style.height = null;
                 img.removeAttribute('height');
             }
-            else if (img.style.width !== '') {
+            else {
                 img.style.width = expectedX + 'px';
                 img.style.height = expectedX + 'px';
             }
-            else {
-                img.setAttribute('width', expectedX.toString());
-                img.setAttribute('height', expectedX.toString());
-            }
         }
     }
     pixToPerc(expected, parentEle) {
@@ -25255,6 +25257,10 @@ let RichTextEditor = class RichTextEditor extends Component {
                 ? 0 : e.clipboardData.getData('text/plain').length;
             const totalLength = (currentLength - selectionLength) + pastedContentLength;
             if (this.editorMode === 'Markdown') {
+                const args = { requestType: 'Paste', editorMode: this.editorMode, event: e };
+                setTimeout(() => {
+                    this.formatter.onSuccess(this, args);
+                }, 0);
                 if (!(this.maxLength === -1 || totalLength <= this.maxLength)) {
                     e.preventDefault();
                 }