@syncfusion/ej2-richtexteditor 20.3.56 → 20.3.60

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

@@ -1971,8 +1971,8 @@ var videoAlignItems = [
     { iconCss: 'e-icons e-justify-right', command: 'Videos', subCommand: 'JustifyRight' },
 ];
 var displayLocale = [
-    { locale: 'imageLayoutOptionDropDownInline', value: 'Inline' },
-    { locale: 'imageLayoutOptionDropDownBreak', value: 'Break' }
+    { locale: 'imageDisplayDropDownInline', value: 'Inline' },
+    { locale: 'imageDisplayDropDownBreak', value: 'Break' }
 ];
 var audioLayoutOptionLocale = [
     { locale: 'audioLayoutOptionDropDownInline', value: 'Inline' },
@@ -13058,7 +13058,8 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
                     }
                 }
                 else if (currentNode.nodeName === '#text' && !isNullOrUndefined(currentNode.parentElement) &&
-                    currentNode.parentElement.nodeName === 'LI' && currentNode.parentElement.textContent.trim().length > 0) {
+                    (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
+                    currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
                         currentNode.nextSibling.nodeName === 'BR') {
@@ -15684,6 +15685,15 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                         isSubSup = formatNode === null ? false : true;
                     }
                 }
+                else if (formatNode.textContent !== nodes[index].textContent && formatNode.nodeName === 'SPAN' && formatNode.style[0] === 'font-size') {
+                    var currentParentElem = nodes[index].parentElement.textContent !== nodes[index].textContent ? nodes[index] : nodes[index].parentElement;
+                    var isSameTextContent = true;
+                    while (currentParentElem.textContent !== nodes[index].textContent && nodes[index].style[0] !== format && currentParentElem.nodeName === 'SPAN') {
+                        isSameTextContent = currentParentElem.textContent === currentParentElem.parentElement.textContent;
+                        currentParentElem = !isNullOrUndefined(currentParentElem.parentElement) && isSameTextContent ? currentParentElem.parentElement : currentParentElem;
+                    }
+                    formatNode = currentParentElem;
+                }
                 if (index === 0 && formatNode === null) {
                     isFormat = true;
                 }
@@ -15975,7 +15985,33 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                                 liElement.style.textDecoration = 'inherit';
                             }
                         }
-                        nodes[index] = this.applyStyles(nodes, index, element);
+                        var enterType = isNullOrUndefined(this.enterAction) ? 'P' : this.enterAction.toString();
+                        var currentNode = nodes[index];
+                        var isNestedNode = !isNullOrUndefined(currentNode) && nodes[index].nodeName === '#text' && nodes[index].parentElement.nodeName !== enterType;
+                        var currentParentElem = currentNode.parentElement.textContent !== currentNode.textContent ? currentNode : currentNode.parentElement;
+                        if (isNestedNode) {
+                            var isSameTextContent = true;
+                            isNestedNode = false;
+                            while (!isNullOrUndefined(currentParentElem) && isSameTextContent && currentParentElem.parentElement.nodeName !== enterType
+                                && (currentParentElem.nodeName === 'SPAN' && (currentParentElem.style.textDecoration === 'line-through' || 'underline')
+                                    || currentParentElem.nodeName === 'SPAN' && (currentParentElem.style[0] === 'background-color' || 'font-family' || 'color')
+                                    || (currentParentElem.nodeName === 'EM' || 'STRONG' || 'SUB' || 'SUP'))) {
+                                isSameTextContent = currentParentElem.textContent === currentParentElem.parentElement.textContent;
+                                currentParentElem = !isNullOrUndefined(currentParentElem.parentElement) && isSameTextContent ? currentParentElem.parentElement : currentParentElem;
+                            }
+                            if (!isNullOrUndefined(currentParentElem) && currentParentElem.childNodes.length > 0) {
+                                var nodeList = currentParentElem.querySelectorAll('span,strong,em,sub,sup');
+                                isNestedNode = nodeList.length > 0 && isSameTextContent;
+                            }
+                        }
+                        if (isNestedNode) {
+                            var nodeList = [];
+                            nodeList[0] = currentParentElem;
+                            this.applyStyles(nodeList, index, element);
+                        }
+                        else {
+                            nodes[index] = this.applyStyles(nodes, index, element);
+                        }
                         if (format === 'fontsize') {
                             var bg = closest(nodes[index].parentElement, 'span[style*=' + 'background-color' + ']');
                             if (!isNullOrUndefined(bg)) {
@@ -16944,7 +16980,9 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
         for (var i = 0; i < allElements.length; i++) {
             if (allElements[i].children.length === 0 && allElements[i].innerHTML === '&nbsp;' &&
                 (allElements[i].innerHTML === '&nbsp;' && !allElements[i].closest('li')) &&
-                !allElements[i].closest('td')) {
+                !allElements[i].closest('td') && (allElements[i].nodeName !== 'SPAN' ||
+                allElements[i].nodeName === 'SPAN' && (isNullOrUndefined(allElements[i].previousElementSibling) &&
+                    isNullOrUndefined(allElements[i].nextElementSibling)))) {
                 var detachableElement = this.findDetachElem(allElements[i]);
                 var brElement = createElement('br');
                 if (!isNullOrUndefined(detachableElement.parentElement)) {
@@ -17050,8 +17088,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                                 }
                             }
                         }
-                        values[i] = valueSplit.join(';') + ';';
-                        var changedValue = styleProperty + values[i];
+                        var changedValue = styleProperty + valueSplit.join(';') + ';';
                         resultElem[j].setAttribute('style', changedValue);
                     }
                     else {
@@ -18686,6 +18723,11 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
         if (e.args.code === 'Backspace' && e.args.keyCode === 8 && currentRange.startOffset === 0 &&
             currentRange.endOffset === 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.textContent.length > 0 &&
             currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH') {
+            var checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
+            if (!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
+                !isNullOrUndefined(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') {
+                return;
+            }
             this.rangeElement = this.getRootBlockNode(currentRange.startContainer);
             if (this.rangeElement.tagName === 'OL' || this.rangeElement.tagName === 'UL') {
                 var liElement = this.getRangeLiNode(currentRange.startContainer);
@@ -28597,7 +28639,8 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     }
                                     else {
                                         if ((nearBlockNode.textContent.trim().length !== 0 ||
-                                            nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                            nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                            (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img').length > 0))) {
                                             if ((_this.range.startOffset === _this.range.endOffset && _this.range.startOffset != 0)) {
                                                 newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                             }
@@ -28626,9 +28669,15 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     if (!isNearBlockLengthZero) {
                                         var currentFocusElem = insertElem;
                                         var finalFocusElem = void 0;
-                                        while (!isNullOrUndefined(currentFocusElem) && currentFocusElem.nodeName !== '#text') {
+                                        if (_this.range.startOffset === _this.range.endOffset && _this.range.startOffset != 0) {
+                                            while (!isNullOrUndefined(currentFocusElem) && currentFocusElem.nodeName !== '#text' &&
+                                                currentFocusElem.nodeName !== 'BR') {
+                                                finalFocusElem = currentFocusElem;
+                                                currentFocusElem = currentFocusElem.lastChild;
+                                            }
+                                        }
+                                        else {
                                             finalFocusElem = currentFocusElem;
-                                            currentFocusElem = currentFocusElem.lastChild;
                                         }
                                         finalFocusElem.innerHTML = '<br>';
                                         if (!isImageNode) {