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

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

@@ -27988,6 +27988,9 @@ var ImageSettings = /** @class */ (function (_super) {
     __decorate$1([
         Property(false)
     ], ImageSettings.prototype, "resizeByPercent", void 0);
+    __decorate$1([
+        Property(false)
+    ], ImageSettings.prototype, "uploadRemoteURLs", void 0);
     return ImageSettings;
 }(ChildProperty));
 /**
@@ -40503,7 +40506,11 @@ var PasteCleanup = /** @class */ (function () {
         if (e.args && value !== null && this.parent.editorMode === 'HTML') {
             var file = void 0;
             var files = e.args.clipboardData.files;
-            if (value.length === 0 || (!isNullOrUndefined(files) && files.length > 0)) {
+            var elm = createElement('p');
+            elm.innerHTML = value;
+            var source = this.findSource(elm);
+            var extractedSRC = this.parent.insertImageSettings.uploadRemoteURLs ? this.extractImageSrcDOM(value) : null;
+            if (value.length === 0 || (!isNullOrUndefined(files) && files.length > 0 && source === 'html')) {
                 var htmlRegex = new RegExp(/<\/[a-z][\s\S]*>/i);
                 value = e.args.clipboardData.getData('text/plain');
                 this.parent.trigger(beforePasteCleanup, { value: value });
@@ -40546,6 +40553,14 @@ var PasteCleanup = /** @class */ (function () {
                     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 (var i = 0; i < extractedSRC.length; i++) {
+                    var 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, {
@@ -40602,6 +40617,69 @@ var PasteCleanup = /** @class */ (function () {
             }
         }
     };
+    PasteCleanup.prototype.findSource = function (element) {
+        var metaNodes = element.querySelectorAll('meta');
+        for (var i = 0; i < metaNodes.length; i++) {
+            var metaNode = metaNodes[i];
+            var content = metaNode.getAttribute('content');
+            var name_1 = metaNode.getAttribute('name');
+            if (name_1 && name_1.toLowerCase().indexOf('generator') >= 0 && content && content.toLowerCase().indexOf('microsoft') >= 0) {
+                for (var j = 0; j < PASTE_SOURCE.length; j++) {
+                    if (content.toLowerCase().indexOf(PASTE_SOURCE[j]) >= 0) {
+                        return PASTE_SOURCE[j];
+                    }
+                }
+            }
+        }
+        return 'html';
+    };
+    PasteCleanup.prototype.extractImageSrcDOM = function (value) {
+        if (!value || typeof value !== 'string') {
+            return null;
+        }
+        var parser = new DOMParser();
+        var doc = parser.parseFromString(value, 'text/html');
+        var images = doc.querySelectorAll('img');
+        if (images.length === 0) {
+            return null;
+        }
+        var srcs = Array.from(images)
+            .map(function (img) { return img.getAttribute('src') || img.src || ''; })
+            .map(function (src) { return src.trim(); })
+            .filter(function (src) { return !!src; })
+            // Exclude base64/data URLs, blob URLs, and anything containing "id="
+            .filter(function (src) {
+            var s = src.toLowerCase();
+            return !s.startsWith('data:') && !s.includes('base64') && !s.startsWith('blob:') && !s.includes('id=');
+        });
+        return srcs.length ? srcs : null;
+    };
+    PasteCleanup.prototype.fetchImageWithMetadata = function (url) {
+        var _this = this;
+        fetch(url)
+            .then(function (response) {
+            if (!response.ok) {
+                console.warn("Fetch status " + response.status + " for: " + url);
+                return null;
+            }
+            return response.blob();
+        })
+            .then(function (blob) {
+            if (blob) {
+                var filename = _this.getFilenameFromUrl(url) || 'downloaded-image.jpg';
+                var mimeType = blob.type || 'image/jpeg';
+                var file = new File([blob], filename, { type: mimeType });
+                var imageElement = _this.parent.inputElement.querySelector("img[src=\"" + url + "\"]");
+                _this.uploadMethod(file, imageElement);
+            }
+        });
+    };
+    // Helper method to extract filename from URL
+    PasteCleanup.prototype.getFilenameFromUrl = function (url) {
+        var pathname = new URL(url).pathname;
+        var filename = pathname.substring(pathname.lastIndexOf('/') + 1);
+        return filename || 'image.jpg';
+    };
     PasteCleanup.prototype.splitBreakLine = function (value) {
         var enterSplitText = value.split('\r\n\r\n');
         var finalText = '';