@syncfusion/ej2-richtexteditor 25.2.3 → 25.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 25.2.4
 *  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@25.1.42",
+  "_id": "@syncfusion/ej2-richtexteditor@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-XGBgOsVJDjeoUg7NCBMs+ayX0m4MrTWbdXlHzdK3COGoWMO8ssDjO3iw8e+6828qeoGJnLQrJHa23r7RYWpb/Q==",
+  "_integrity": "sha512-l5lUzKF2Mrk2KgQR3Sez/lXpDu9vZnnUJXSfQNUHy+kfr+Z8qd+8SwR06pt7hBZjn05UTHz+TLCmRKA+uYmTHQ==",
   "_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-25.1.42.tgz",
-  "_shasum": "e1bb753283216537b608b5a49c85096650d5693d",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.2.3.tgz",
+  "_shasum": "ca743ef7877548820123a735ac98979caf771278",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -38,12 +38,12 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-buttons": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.4",
     "@syncfusion/ej2-filemanager": "~25.2.3",
     "@syncfusion/ej2-inputs": "~25.2.3",
-    "@syncfusion/ej2-navigations": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.3",
-    "@syncfusion/ej2-splitbuttons": "~25.2.3"
+    "@syncfusion/ej2-navigations": "~25.2.4",
+    "@syncfusion/ej2-popups": "~25.2.4",
+    "@syncfusion/ej2-splitbuttons": "~25.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -79,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "25.2.4",
   "sideEffects": false
 }

package/src/editor-manager/plugin/dom-node.js

@@ -318,7 +318,7 @@ var DOMNode = /** @class */ (function () {
     DOMNode.prototype.unWrap = function (element) {
         var parent = element.parentNode;
         var unWrapNode = [];
-        while (element.firstChild) {
+        while (element.firstChild && (element.previousSibling !== this.parent.querySelector('.e-mention-chip') || element.textContent !== ' ')) {
             unWrapNode.push(element.firstChild);
             parent.insertBefore(element.firstChild, element);
         }

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

@@ -58,6 +58,7 @@ export declare class PasteCleanup {
     private docClick;
     private cleanAppleClass;
     private formatting;
+    private convertBlobToBase64;
     private cropImageHandler;
     private addTableClass;
     private setImageProperties;

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

@@ -729,11 +729,36 @@ var PasteCleanup = /** @class */ (function () {
             this.cropImageHandler(this.parent.inputElement);
         }
     };
+    PasteCleanup.prototype.convertBlobToBase64 = function (element) {
+        var imgElem = element.querySelectorAll('img');
+        var _loop_1 = function (i) {
+            if (imgElem[i].getAttribute('src') &&
+                imgElem[i].getAttribute('src').startsWith("blob")) {
+                var blobImageUrl = imgElem[i].getAttribute('src');
+                var img_1 = new Image();
+                var onImageLoadEvent_1 = function () {
+                    var canvas = document.createElement('canvas');
+                    var ctx = canvas.getContext('2d');
+                    canvas.width = img_1.width;
+                    canvas.height = img_1.height;
+                    ctx.drawImage(img_1, 0, 0);
+                    var base64String = canvas.toDataURL('image/png');
+                    imgElem[i].src = base64String;
+                    img_1.removeEventListener('load', onImageLoadEvent_1);
+                };
+                img_1.src = blobImageUrl;
+                img_1.addEventListener('load', onImageLoadEvent_1);
+            }
+        };
+        for (var i = 0; i < imgElem.length; i++) {
+            _loop_1(i);
+        }
+    };
     PasteCleanup.prototype.cropImageHandler = function (element) {
         var _this = this;
         var allImgElm = element.querySelectorAll('.e-img-cropped');
         if (allImgElm.length > 0) {
-            var _loop_1 = function (i) {
+            var _loop_2 = function (i) {
                 if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
                     var image_1 = new Image();
                     image_1.src = allImgElm[i].getAttribute('src');
@@ -767,13 +792,24 @@ var PasteCleanup = /** @class */ (function () {
                 }
             };
             for (var i = 0; i < allImgElm.length; i++) {
-                _loop_1(i);
+                _loop_2(i);
             }
         }
         else {
-            this.imgUploading(this.parent.inputElement);
-            if (this.parent.iframeSettings.enable) {
-                this.parent.updateValue();
+            if (!isNullOrUndefined(this.parent.insertImageSettings.saveUrl) && !isNullOrUndefined(this.parent.insertImageSettings.path) && !isNullOrUndefined(this.parent.inputElement.querySelectorAll("img")) && this.parent.inputElement.querySelectorAll("img")[0].src.startsWith("blob")) {
+                this.convertBlobToBase64(this.parent.inputElement);
+                setTimeout(function () {
+                    _this.imgUploading(_this.parent.inputElement);
+                    if (_this.parent.iframeSettings.enable) {
+                        _this.parent.updateValue();
+                    }
+                }, 20);
+            }
+            else {
+                this.imgUploading(this.parent.inputElement);
+                if (this.parent.iframeSettings.enable) {
+                    this.parent.updateValue();
+                }
             }
         }
     };

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -58,6 +58,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private isResizeInitialized;
     private isValueChangeBlurhandler;
     private displayTempElem;
+    private beforeRenderClassValue;
     /**
      * @hidden
 

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

@@ -196,6 +196,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.persistData();
         setStyleAttribute(this.element, { 'width': formatUnit(this.width) });
         attributes(this.element, { role: 'application', 'aria-label': 'Rich Text Editor' });
+        this.beforeRenderClassValue = this.element.getAttribute('class');
     };
     RichTextEditor.prototype.persistData = function () {
         if (this.enablePersistence && this.originalElement.tagName === 'TEXTAREA') {
@@ -1068,6 +1069,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
+        this.element.className = this.beforeRenderClassValue;
+        this.removeHtmlAttributes();
+        this.removeAttributes();
+        this.beforeRenderClassValue = null;
         if (!isNOU(this.timeInterval)) {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
@@ -1135,8 +1140,6 @@ var RichTextEditor = /** @class */ (function (_super) {
                 }
             }
         }
-        this.removeHtmlAttributes();
-        this.removeAttributes();
         _super.prototype.destroy.call(this);
         this.isRendered = false;
     };
@@ -1167,6 +1170,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.element.removeAttribute('aria-disabled');
         this.element.removeAttribute('role');
         this.element.removeAttribute('tabindex');
+        this.element.removeAttribute('aria-label');
     };
     RichTextEditor.prototype.destroyDependentModules = function () {
         /* destroy dependent modules */