@syncfusion/ej2-richtexteditor 25.2.3 → 25.2.4

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

@@ -12250,7 +12250,7 @@ class DOMNode {
     unWrap(element) {
         const parent = element.parentNode;
         let 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);
         }
@@ -23309,6 +23309,28 @@ class PasteCleanup {
             this.cropImageHandler(this.parent.inputElement);
         }
     }
+    convertBlobToBase64(element) {
+        const imgElem = element.querySelectorAll('img');
+        for (let i = 0; i < imgElem.length; i++) {
+            if (imgElem[i].getAttribute('src') &&
+                imgElem[i].getAttribute('src').startsWith("blob")) {
+                let blobImageUrl = imgElem[i].getAttribute('src');
+                let img = new Image();
+                const onImageLoadEvent = () => {
+                    let canvas = document.createElement('canvas');
+                    let ctx = canvas.getContext('2d');
+                    canvas.width = img.width;
+                    canvas.height = img.height;
+                    ctx.drawImage(img, 0, 0);
+                    let base64String = canvas.toDataURL('image/png');
+                    imgElem[i].src = base64String;
+                    img.removeEventListener('load', onImageLoadEvent);
+                };
+                img.src = blobImageUrl;
+                img.addEventListener('load', onImageLoadEvent);
+            }
+        }
+    }
     cropImageHandler(element) {
         const allImgElm = element.querySelectorAll('.e-img-cropped');
         if (allImgElm.length > 0) {
@@ -23347,9 +23369,20 @@ class PasteCleanup {
             }
         }
         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(() => {
+                    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();
+                }
             }
         }
     }
@@ -34026,6 +34059,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         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');
     }
     persistData() {
         if (this.enablePersistence && this.originalElement.tagName === 'TEXTAREA') {
@@ -34896,6 +34930,10 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
+        this.element.className = this.beforeRenderClassValue;
+        this.removeHtmlAttributes();
+        this.removeAttributes();
+        this.beforeRenderClassValue = null;
         if (!isNullOrUndefined(this.timeInterval)) {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
@@ -34963,8 +35001,6 @@ let RichTextEditor = class RichTextEditor extends Component {
                 }
             }
         }
-        this.removeHtmlAttributes();
-        this.removeAttributes();
         super.destroy();
         this.isRendered = false;
     }
@@ -34995,6 +35031,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.element.removeAttribute('aria-disabled');
         this.element.removeAttribute('role');
         this.element.removeAttribute('tabindex');
+        this.element.removeAttribute('aria-label');
     }
     destroyDependentModules() {
         /* destroy dependent modules */