@syncfusion/ej2-richtexteditor 29.2.4-795127 → 29.2.4-803054

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

@@ -28364,6 +28364,9 @@ __decorate$1([
 __decorate$1([
     Property(false)
 ], ImageSettings.prototype, "resizeByPercent", void 0);
+__decorate$1([
+    Property(false)
+], ImageSettings.prototype, "uploadRemoteURLs", void 0);
 /**
  * Configures the audio settings of the RichTextEditor.
  */
@@ -40591,7 +40594,11 @@ class PasteCleanup {
         if (e.args && value !== null && this.parent.editorMode === 'HTML') {
             let file;
             const files = e.args.clipboardData.files;
-            if (value.length === 0 || (!isNullOrUndefined(files) && files.length > 0)) {
+            const elm = createElement('p');
+            elm.innerHTML = value;
+            const source = this.findSource(elm);
+            const extractedSRC = this.parent.insertImageSettings.uploadRemoteURLs ? this.extractImageSrcDOM(value) : null;
+            if (value.length === 0 || (!isNullOrUndefined(files) && files.length > 0 && source === 'html')) {
                 const htmlRegex = new RegExp(/<\/[a-z][\s\S]*>/i);
                 value = e.args.clipboardData.getData('text/plain');
                 this.parent.trigger(beforePasteCleanup, { value: value });
@@ -40634,6 +40641,14 @@ class PasteCleanup {
                     value = divElement.innerHTML;
                 }
             }
+            else if (Array.isArray(extractedSRC) && extractedSRC.length &&
+                this.parent.insertImageSettings.saveUrl && this.parent.insertImageSettings.path) {
+                this.parent.trigger(beforePasteCleanup, { value: value });
+                for (let i = 0; i < extractedSRC.length; i++) {
+                    const src = extractedSRC[i];
+                    this.fetchImageWithMetadata(src);
+                }
+            }
             else if (value.length > 0) {
                 this.parent.trigger(beforePasteCleanup, { value: value });
                 this.parent.formatter.editorManager.observer.notify(MS_WORD_CLEANUP, {
@@ -40690,6 +40705,68 @@ class PasteCleanup {
             }
         }
     }
+    findSource(element) {
+        const metaNodes = element.querySelectorAll('meta');
+        for (let i = 0; i < metaNodes.length; i++) {
+            const metaNode = metaNodes[i];
+            const content = metaNode.getAttribute('content');
+            const name = metaNode.getAttribute('name');
+            if (name && name.toLowerCase().indexOf('generator') >= 0 && content && content.toLowerCase().indexOf('microsoft') >= 0) {
+                for (let j = 0; j < PASTE_SOURCE.length; j++) {
+                    if (content.toLowerCase().indexOf(PASTE_SOURCE[j]) >= 0) {
+                        return PASTE_SOURCE[j];
+                    }
+                }
+            }
+        }
+        return 'html';
+    }
+    extractImageSrcDOM(value) {
+        if (!value || typeof value !== 'string') {
+            return null;
+        }
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(value, 'text/html');
+        const images = doc.querySelectorAll('img');
+        if (images.length === 0) {
+            return null;
+        }
+        const srcs = Array.from(images)
+            .map((img) => img.getAttribute('src') || img.src || '')
+            .map((src) => src.trim())
+            .filter((src) => !!src)
+            // Exclude base64/data URLs, blob URLs, and anything containing "id="
+            .filter((src) => {
+            const s = src.toLowerCase();
+            return !s.startsWith('data:') && !s.includes('base64') && !s.startsWith('blob:') && !s.includes('id=');
+        });
+        return srcs.length ? srcs : null;
+    }
+    fetchImageWithMetadata(url) {
+        fetch(url)
+            .then((response) => {
+            if (!response.ok) {
+                console.warn(`Fetch status ${response.status} for: ${url}`);
+                return null;
+            }
+            return response.blob();
+        })
+            .then((blob) => {
+            if (blob) {
+                const filename = this.getFilenameFromUrl(url) || 'downloaded-image.jpg';
+                const mimeType = blob.type || 'image/jpeg';
+                const file = new File([blob], filename, { type: mimeType });
+                const imageElement = this.parent.inputElement.querySelector(`img[src="${url}"]`);
+                this.uploadMethod(file, imageElement);
+            }
+        });
+    }
+    // Helper method to extract filename from URL
+    getFilenameFromUrl(url) {
+        const pathname = new URL(url).pathname;
+        const filename = pathname.substring(pathname.lastIndexOf('/') + 1);
+        return filename || 'image.jpg';
+    }
     splitBreakLine(value) {
         const enterSplitText = value.split('\r\n\r\n');
         let finalText = '';