@syncfusion/ej2-richtexteditor 24.2.8 → 24.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.8
+*  version : 24.2.9
 *  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@24.2.7",
+  "_id": "@syncfusion/ej2-richtexteditor@24.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-LAwzVB7DsDIemywqqLxTjUPWekzjmy1o9UDLYXMT+MHewJcUqD6wVlupgs4/Tej+ZAE275Bt25VKHA/Zl06IMg==",
+  "_integrity": "sha512-RiTlxXAeoPOeO3I9n1A4XHgDuna06LrHQgt08fEpnjhBE38mAzyH68yRzCtrUlVnoVqTPOvJJ83rLI2VDDlC1w==",
   "_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-24.2.7.tgz",
-  "_shasum": "4baefba0381f2363ff721f0972d9319c4edf05ab",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.2.8.tgz",
+  "_shasum": "f966e83e1230cc284396b8ec962f1df25c80d5a9",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -40,9 +40,9 @@
     "@syncfusion/ej2-base": "~24.2.7",
     "@syncfusion/ej2-buttons": "~24.2.7",
     "@syncfusion/ej2-filemanager": "~24.2.7",
-    "@syncfusion/ej2-inputs": "~24.2.7",
+    "@syncfusion/ej2-inputs": "~24.2.9",
     "@syncfusion/ej2-navigations": "~24.2.8",
-    "@syncfusion/ej2-popups": "~24.2.8",
+    "@syncfusion/ej2-popups": "~24.2.9",
     "@syncfusion/ej2-splitbuttons": "~24.2.7"
   },
   "deprecated": false,
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.8",
+  "version": "24.2.9",
   "sideEffects": false
 }

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

@@ -211,7 +211,12 @@ var InsertHtml = /** @class */ (function () {
             CONSTANT.TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) !== -1))
             || (node.nodeName.toLowerCase() === 'table' && closestParentNode &&
                 CONSTANT.TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) === -1))) {
-            preNode = nodeCutter.GetSpliceNode(range, closestParentNode);
+            if (isCollapsed) {
+                preNode = nodeCutter.SplitNode(range, closestParentNode, true);
+            }
+            else {
+                preNode = nodeCutter.SplitNode(range, closestParentNode, false);
+            }
             sibNode = isNOU(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
             if (nodes.length === 1) {
                 nodeSelection.setSelectionContents(docElement, preNode);
@@ -298,6 +303,9 @@ var InsertHtml = /** @class */ (function () {
                 var paraElm = void 0;
                 var previousParent = void 0;
                 if (!this.contentsDeleted) {
+                    if (!isCollapsed && range.startContainer.parentElement.textContent.length === 0 && range.startContainer.nodeName === 'BR' && range.startContainer.parentElement.nodeName === 'P') {
+                        editNode.removeChild(range.startContainer.parentElement);
+                    }
                     range.deleteContents();
                 }
                 while (node.firstChild) {

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

@@ -21,6 +21,7 @@ export declare class MsWordPaste {
     private addEventListener;
     private cropImageDimensions;
     private wordCleanup;
+    private addDoubleBr;
     private cleanList;
     private insertAfter;
     private findClosestListElem;

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

@@ -1,5 +1,5 @@
 import * as EVENTS from '../../common/constant';
-import { createElement, isNullOrUndefined as isNOU, detach, addClass } from '@syncfusion/ej2-base';
+import { createElement, isNullOrUndefined as isNOU, detach, addClass, Browser } from '@syncfusion/ej2-base';
 import { PASTE_SOURCE } from '../base/constant';
 /**
  * PasteCleanup for MsWord content
@@ -61,6 +61,7 @@ var MsWordPaste = /** @class */ (function () {
         var elm = createElement('p');
         elm.setAttribute('id', 'MSWord-Content');
         elm.innerHTML = tempHTMLContent;
+        this.addDoubleBr(elm);
         var patern = /class='?Mso|style='[^ ]*\bmso-/i;
         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;
@@ -95,6 +96,26 @@ var MsWordPaste = /** @class */ (function () {
             e.callBack(elm.innerHTML);
         }
     };
+    MsWordPaste.prototype.addDoubleBr = function (elm) {
+        var newline = elm.querySelector('.Apple-interchange-newline');
+        if (!isNOU(newline) && Browser.userAgent.indexOf('Chrome') !== -1 && newline.parentElement.nodeName === 'P' && elm !== newline.parentElement) {
+            for (var i = 0; i < elm.childNodes.length; i++) {
+                // eslint-disable-next-line
+                var node = elm.childNodes[i];
+                if (node.nodeType === Node.COMMENT_NODE && node.nodeValue.includes('StartFragment')) {
+                    var newElement = document.createElement('p');
+                    newElement.innerHTML = '<br>';
+                    var cssText = newline.parentElement.style.cssText;
+                    var currentStyle = newElement.getAttribute('style') || '';
+                    var newStyle = currentStyle + cssText;
+                    newElement.setAttribute('style', newStyle);
+                    elm.insertBefore(newElement, node.nextSibling);
+                    detach(newline);
+                    break;
+                }
+            }
+        }
+    };
     MsWordPaste.prototype.cleanList = function (elm, listTag) {
         var replacableElem = elm.querySelectorAll(listTag + ' div');
         for (var j = replacableElem.length - 1; j >= 0; j--) {

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -223,6 +223,9 @@ var BaseQuickToolbar = /** @class */ (function () {
                     _this.parent.disableToolbarItem(_this.parent.toolbarSettings.items);
                     _this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
+                else {
+                    _this.parent.enableToolbarItem(_this.parent.toolbarSettings.items);
+                }
                 append([_this.element], document.body);
                 if (_this.parent.showTooltip) {
                     _this.tooltip = new Tooltip({

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

@@ -64,7 +64,7 @@ var EmojiPicker = /** @class */ (function () {
             this.parent.getToolbar().appendChild(this.popDiv);
         }
         else if (this.parent.inlineMode.enable) {
-            this.parent.inputElement.appendChild(this.popDiv);
+            this.parent.element.appendChild(this.popDiv);
         }
         EventHandler.add(this.popDiv, 'keydown', this.onKeyDown, this);
         EventHandler.add(this.popDiv, 'keyup', this.searchFilter, this);

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

@@ -485,10 +485,10 @@ var EnterKeyAction = /** @class */ (function () {
         }
         var previousBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].previousSibling;
         var nextBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].nextSibling;
-        if (!isNOU(previousBlockNode) && previousBlockNode.hasAttribute('style') && previousBlockNode.nodeName !== 'TABLE') {
+        if (!isNOU(previousBlockNode) && previousBlockNode.nodeName !== '#text' && previousBlockNode.hasAttribute('style') && previousBlockNode.nodeName !== 'TABLE') {
             insertElem.setAttribute('style', previousBlockNode.getAttribute('style'));
         }
-        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.hasAttribute('style') && nextBlockNode.nodeName !== 'TABLE') {
+        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.nodeName !== '#text' && nextBlockNode.hasAttribute('style') && nextBlockNode.nodeName !== 'TABLE') {
             insertElem.setAttribute('style', nextBlockNode.getAttribute('style'));
         }
         return insertElem;

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

@@ -425,9 +425,9 @@ var HtmlEditor = /** @class */ (function () {
                 var liElement = this.getRangeLiNode(currentRange.startContainer);
                 if (liElement.previousElementSibling && liElement.previousElementSibling.childElementCount > 0) {
                     this.oldRangeElement = liElement.previousElementSibling.lastElementChild.nodeName === 'BR' ?
-                        liElement.previousElementSibling : liElement.previousElementSibling.lastElementChild;
+                        liElement.previousElementSibling : liElement.previousElementSibling.lastChild;
                     if (!isNOU(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR' &&
-                        isNOU(liElement.lastElementChild.previousSibling)) {
+                        isNOU(liElement.lastElementChild.previousSibling) && liElement.lastChild.nodeName !== "#text") {
                         this.rangeElement = liElement.lastElementChild;
                         isLiElement = true;
                     }
@@ -452,7 +452,7 @@ var HtmlEditor = /** @class */ (function () {
                         ? this.oldRangeElement.lastElementChild.lastElementChild :
                         this.oldRangeElement.lastElementChild;
                 }
-                var lastNode = this.oldRangeElement.lastChild;
+                var lastNode = this.oldRangeElement.lastChild ? this.oldRangeElement.lastChild : this.oldRangeElement;
                 while (lastNode.nodeType !== 3 && lastNode.nodeName !== '#text' &&
                     lastNode.nodeName !== 'BR') {
                     lastNode = lastNode.lastChild;
@@ -460,12 +460,17 @@ var HtmlEditor = /** @class */ (function () {
                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
                 // eslint-disable-next-line
                 lastNode, lastNode.textContent.length);
-                if (this.oldRangeElement.querySelectorAll('BR').length === 1) {
+                if (this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     detach(this.oldRangeElement.querySelector('BR'));
                 }
                 if (!isNOU(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
                     while (this.rangeElement.firstChild) {
-                        this.oldRangeElement.appendChild(this.rangeElement.childNodes[0]);
+                        if (this.oldRangeElement.nodeName === '#text') {
+                            this.oldRangeElement.parentElement.appendChild(this.rangeElement.childNodes[0]);
+                        }
+                        else {
+                            this.oldRangeElement.appendChild(this.rangeElement.childNodes[0]);
+                        }
                     }
                     // eslint-disable-next-line
                     !isLiElement ? detach(this.rangeElement) : detach(this.rangeElement.parentElement);

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -149,7 +149,7 @@ var QuickToolbar = /** @class */ (function () {
 
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
-        if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img') {
+        if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img' || this.inlineQTBar.element.querySelector('.e-rte-color-content')) {
             return;
         }
         this.inlineQTBar.showPopup(x, y, target);