@syncfusion/ej2-richtexteditor 20.1.50 → 20.1.51

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

@@ -11459,7 +11459,7 @@ var NodeCutter = /** @__PURE__ @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.isImgElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isImgElm(fragment) && fragment.textContent === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);
@@ -13420,11 +13420,11 @@ var TableCommand = /** @__PURE__ @class */ (function () {
         for (var i = 0; i < emptyUl.length; i++) {
             detach(emptyUl[i]);
         }
-        var emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty');
+        var emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
         for (var 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;
             }
         }
@@ -14516,12 +14516,18 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
             var preventRestore = false;
             var isFontStyle = (['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1);
             if (range.collapsed) {
+                var currentFormatNode = isFormatted.getFormattedNode(range.startContainer, format, endNode);
+                var 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);
@@ -16286,7 +16292,7 @@ var InsertTextExec = /** @__PURE__ @class */ (function () {
     };
     InsertTextExec.prototype.insertText = function (e) {
         var 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,
@@ -20410,14 +20416,10 @@ var Image = /** @__PURE__ @class */ (function () {
                 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());
-            }
         }
     };
     Image.prototype.pixToPerc = function (expected, parentEle) {
@@ -25527,6 +25529,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 ? 0 : e.clipboardData.getData('text/plain').length;
             var totalLength = (currentLength - selectionLength) + pastedContentLength;
             if (_this.editorMode === 'Markdown') {
+                var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
+                setTimeout(function () {
+                    _this.formatter.onSuccess(_this, args_1);
+                }, 0);
                 if (!(_this.maxLength === -1 || totalLength <= _this.maxLength)) {
                     e.preventDefault();
                 }
@@ -25538,7 +25544,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                     _this.notify(pasteClean, { args: e });
                 }
                 else {
-                    var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
+                    var args_2 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
                     var value = null;
                     var htmlValue = false;
                     if (e && !isNullOrUndefined(e.clipboardData)) {
@@ -25556,7 +25562,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                         });
                     }
                     setTimeout(function () {
-                        _this.formatter.onSuccess(_this, args_1);
+                        _this.formatter.onSuccess(_this, args_2);
                     }, 0);
                 }
             }