@syncfusion/ej2-richtexteditor 27.1.57 → 27.1.58

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.57
+*  version : 27.1.58
 *  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@27.1.55",
+  "_id": "@syncfusion/ej2-richtexteditor@27.1.57",
   "_inBundle": false,
-  "_integrity": "sha512-FkQvU6rbg+RgDWBi+nu3SpZ2kwoDNif3vbSxDqbVh3crbjTrl8mnEY2l9DPXgzMI8AKbrzkywhmbz+QU7Py+Xg==",
+  "_integrity": "sha512-wMfgyUUD6XFFD/6hxFprox/aI5dItkVOTwAOmA7bU4VsOGK5aT18rrfOU1JWs9BSpriRIe4/Ro83nnxnxcE6HQ==",
   "_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-27.1.55.tgz",
-  "_shasum": "a888e8865fd0e8182ac49c4f745d8f6f78b6bf6a",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.57.tgz",
+  "_shasum": "b0b1c08b46fa0b7c3c5d5a1a24421007bb00ec43",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -38,12 +38,12 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~27.1.55",
-    "@syncfusion/ej2-buttons": "~27.1.53",
-    "@syncfusion/ej2-dropdowns": "~27.1.57",
+    "@syncfusion/ej2-buttons": "~27.1.58",
+    "@syncfusion/ej2-dropdowns": "~27.1.58",
     "@syncfusion/ej2-filemanager": "~27.1.55",
-    "@syncfusion/ej2-inputs": "~27.1.55",
-    "@syncfusion/ej2-navigations": "~27.1.57",
-    "@syncfusion/ej2-popups": "~27.1.57",
+    "@syncfusion/ej2-inputs": "~27.1.58",
+    "@syncfusion/ej2-navigations": "~27.1.58",
+    "@syncfusion/ej2-popups": "~27.1.58",
     "@syncfusion/ej2-splitbuttons": "~27.1.56"
   },
   "deprecated": false,
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.57",
+  "version": "27.1.58",
   "sideEffects": false
 }

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

@@ -50,7 +50,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, false);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0)
-                        && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent !== ' ' && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node);
@@ -71,7 +71,7 @@ var NodeCutter = /** @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.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent !== ' ' && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);

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

@@ -651,12 +651,16 @@ var HtmlEditor = /** @class */ (function () {
                     }
                     var brNode = this.deleteRangeElement.querySelector('BR');
                     var brLastChildNode = this.deleteRangeElement.lastChild;
+                    var brParentNode = brLastChildNode.parentNode;
                     if (brNode && brNode.classList.contains('e-rte-image-remove-focus')) {
                         removeClass([brNode], ['e-rte-image-focus']);
                         return;
                     }
                     else if (brNode && brLastChildNode && brLastChildNode.nodeName === 'BR') {
                         detach(brLastChildNode);
+                        if (!isNullOrUndefined(brParentNode) && brParentNode.childNodes.length === 0) {
+                            detach(brParentNode);
+                        }
                         e.args.preventDefault();
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -11,7 +11,7 @@ import * as EVENTS from './../../common/constant';
 import { RenderType, ImageInputSource } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
-import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
+import { sanitizeHelper, convertToBlob } from '../base/util';
 import { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
@@ -206,38 +206,62 @@ var PasteCleanup = /** @class */ (function () {
         }
     };
     PasteCleanup.prototype.splitBreakLine = function (value) {
-        var enterSplitText = value.split('\n');
-        var contentInnerElem = '';
+        var enterSplitText = value.split('\r\n\r\n');
+        var finalText = '';
         var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
         var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
-            if (enterSplitText[i].trim() === '') {
-                contentInnerElem += getDefaultValue(this.parent);
+            var content = enterSplitText[i];
+            var contentWithSpace = this.makeSpace(content);
+            var contentWithLineBreak = contentWithSpace.replace(/\r\n|\n/g, '<br>');
+            if (i === 0) {
+                if (this.parent.enterKey === 'BR') {
+                    finalText += (contentWithLineBreak + endNode);
+                }
+                else {
+                    finalText += contentWithLineBreak; // In order to merge the content in current line. No P/Div tag is added.
+                }
             }
             else {
-                var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
-                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
-                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
+                if (this.parent.enterKey === 'BR') {
+                    if (i === enterSplitText.length - 1) {
+                        finalText += (contentWithLineBreak + endNode);
+                    }
+                    else {
+                        finalText += (contentWithLineBreak + endNode + endNode);
+                    }
+                }
+                else {
+                    finalText += startNode + contentWithLineBreak + endNode;
+                }
             }
         }
-        return contentInnerElem;
+        return finalText;
     };
-    PasteCleanup.prototype.makeSpace = function (enterSplitText) {
-        var contentWithSpace = '';
-        var spaceBetweenContent = true;
-        enterSplitText = enterSplitText.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
-        var spaceSplit = enterSplitText.split(' ');
-        for (var j = 0; j < spaceSplit.length; j++) {
-            if (spaceSplit[j].trim() === '') {
-                contentWithSpace += spaceBetweenContent ? '&nbsp;' : ' ';
+    PasteCleanup.prototype.makeSpace = function (text) {
+        var spacedContent = '';
+        if (text === '') {
+            return text;
+        }
+        var lineBreakSplitText = text.split(' ');
+        for (var i = 0; i < lineBreakSplitText.length; i++) {
+            var currentText = lineBreakSplitText[i];
+            if (currentText === '') {
+                spacedContent += '&nbsp;';
+            }
+            else if (currentText === '\t') {
+                spacedContent += '&nbsp;&nbsp;&nbsp;&nbsp;';
             }
             else {
-                spaceBetweenContent = false;
-                contentWithSpace += spaceSplit[j] + ' ';
+                if (i > 0 && i < lineBreakSplitText.length) {
+                    spacedContent += ' ';
+                }
+                spacedContent += currentText;
             }
         }
-        return contentWithSpace;
+        spacedContent = spacedContent.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
+        spacedContent = spacedContent.replace(/&nbsp;&nbsp;/g, '&nbsp; ');
+        return spacedContent;
     };
     PasteCleanup.prototype.imgUploading = function (elm) {
         var allImgElm = elm.querySelectorAll('.pasteContent_Img');

package/src/rich-text-editor/base/rich-text-editor.js

@@ -781,7 +781,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         var notFormatPainterCopy = isNOU(e.action) ? true : (e.action !== 'format-copy' ? true : false);
         if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy &&
-            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which === 67))) {
+            !(e.altKey || (e.shiftKey && e.which === 16) || (e.altKey && e.shiftKey && e.which === 67))) {
             this.formatter.saveData();
         }
         var preventingMention = false;
@@ -1835,7 +1835,10 @@ var RichTextEditor = /** @class */ (function (_super) {
                         var item = compiledTemplate[i];
                         append([item], appendElem);
                     }
-                    this.setProperties({ value: appendElem.innerHTML.trim() });
+                    var content = appendElem.innerHTML.trim();
+                    if (content.length > 0) {
+                        this.setProperties({ value: content });
+                    }
                     this.renderReactTemplates();
                 }
             }

package/src/rich-text-editor/renderer/image-module.js

@@ -939,7 +939,9 @@ var Image = /** @class */ (function () {
                     _this.parent.formatter.editorManager.nodeSelection.Clear(_this.contentModule.getDocument());
                     _this.parent.formatter.editorManager.nodeSelection.setSelectionContents(_this.contentModule.getDocument(), target);
                     _this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
-                    _this.resizeStart(e.args, target);
+                    if (_this.parent.insertImageSettings.resize === true) {
+                        _this.resizeStart(e.args, target);
+                    }
                 }, 400);
             }
             else {
@@ -2422,7 +2424,9 @@ var Image = /** @class */ (function () {
         if (imageElement) {
             this.showImageQTbarTime = setTimeout(function () {
                 _this.showImageQuickToolbar(args);
-                _this.resizeStart(e.args, imageElement);
+                if (_this.parent.insertImageSettings.resize) {
+                    _this.resizeStart(e.args, imageElement);
+                }
             }, 0);
         }
     };