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

package/package.json

@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "29.2.4-771571",
+  "version": "29.2.4-803054",
   "sideEffects": false
 }

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

@@ -166,54 +166,81 @@ var ClearFormat = /** @class */ (function () {
         return parentNodes;
     };
     ClearFormat.unWrap = function (docElement, parentNodes, nodeCutter, nodeSelection) {
-        for (var index1 = 0; index1 < parentNodes.length; index1++) {
+        var _loop_1 = function (index1) {
             parentNodes[index1] = (closest(parentNodes[index1], 'li') && parentNodes[index1].nodeName !== 'UL' && parentNodes[index1].nodeName !== 'OL')
                 ? closest(parentNodes[index1], 'li')
                 : parentNodes[index1];
-            if (this.NONVALID_TAGS.indexOf(parentNodes[index1].nodeName.toLowerCase()) > -1
+            if (this_1.NONVALID_TAGS.indexOf(parentNodes[index1].nodeName.toLowerCase()) > -1
                 && parentNodes[index1].parentNode
-                && this.NONVALID_PARENT_TAGS.indexOf(parentNodes[index1].parentNode.nodeName.toLowerCase()) > -1) {
+                && this_1.NONVALID_PARENT_TAGS.indexOf(parentNodes[index1].parentNode.nodeName.toLowerCase()) > -1) {
                 nodeSelection.setSelectionText(docElement, parentNodes[index1], parentNodes[index1], 0, parentNodes[index1].childNodes.length);
                 InsertMethods.unwrap(nodeCutter.GetSpliceNode(nodeSelection.getRange(docElement), parentNodes[index1].parentNode));
             }
             var blockquoteNode = closest(parentNodes[index1], 'blockquote');
             if (parentNodes[index1].nodeName.toLocaleLowerCase() !== 'blockquote' && !isNullOrUndefined(blockquoteNode) && blockquoteNode.textContent === parentNodes[index1].textContent) {
-                var blockNodes = this.removeParent([blockquoteNode]);
-                this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
+                var blockNodes = this_1.removeParent([blockquoteNode]);
+                this_1.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
             }
             if (parentNodes[index1].nodeName.toLocaleLowerCase() !== 'p') {
-                if (this.NONVALID_PARENT_TAGS.indexOf(parentNodes[index1].nodeName.toLowerCase()) < 0
+                if (this_1.NONVALID_PARENT_TAGS.indexOf(parentNodes[index1].nodeName.toLowerCase()) < 0
                     && !((parentNodes[index1].nodeName.toLocaleLowerCase() === 'blockquote'
                         || parentNodes[index1].nodeName.toLocaleLowerCase() === 'li')
-                        && this.IGNORE_PARENT_TAGS.indexOf(parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase()) > -1)
+                        && this_1.IGNORE_PARENT_TAGS.indexOf(parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase()) > -1)
                     && !(parentNodes[index1].childNodes.length === 1
                         && parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase() === 'p')) {
-                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
+                    var target = parentNodes[index1];
+                    if (['TABLE', 'TD', 'TH', 'TBODY', 'TR'].indexOf(target.nodeName) !== -1) {
+                        if (target.hasAttribute('style')) {
+                            target.removeAttribute('style'); // Remove style if present
+                        }
+                        if (target.hasAttribute('class')) {
+                            var allowedClasses_1 = new Set(['e-rte-table', 'e-rte-paste-table', 'e-rte-custom-table']);
+                            var filteredClasses = target.className
+                                .split(/\s+/)
+                                .filter(function (cls) { return allowedClasses_1.has(cls); });
+                            if (filteredClasses.length > 0) {
+                                target.className = filteredClasses.join(' ');
+                            }
+                            else {
+                                target.removeAttribute('class');
+                            }
+                        }
+                    }
+                    else {
+                        InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this_1.defaultTag));
+                    }
+                }
+                var childNodes = [];
+                if (parentNodes[index1].nodeName === 'TABLE' || parentNodes[index1].nodeName === 'TD' || parentNodes[index1].nodeName === 'TH' ||
+                    parentNodes[index1].nodeName === 'TBODY' || parentNodes[index1].nodeName === 'TR') {
+                    childNodes = Array.from(parentNodes[index1].childNodes);
+                }
+                else {
+                    childNodes = InsertMethods.unwrap(parentNodes[index1]);
                 }
-                var childNodes = InsertMethods.unwrap(parentNodes[index1]);
                 if (childNodes.length === 1
                     && childNodes[0].parentNode.nodeName.toLocaleLowerCase() === 'p') {
-                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
+                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this_1.defaultTag));
                     InsertMethods.unwrap(parentNodes[index1]);
                 }
                 for (var index2 = 0; index2 < childNodes.length; index2++) {
-                    if (this.NONVALID_TAGS.indexOf(childNodes[index2].nodeName.toLowerCase()) > -1) {
-                        this.unWrap(docElement, [childNodes[index2]], nodeCutter, nodeSelection);
+                    if (this_1.NONVALID_TAGS.indexOf(childNodes[index2].nodeName.toLowerCase()) > -1) {
+                        this_1.unWrap(docElement, [childNodes[index2]], nodeCutter, nodeSelection);
                     }
-                    else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
+                    else if (this_1.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
                         childNodes[index2].nodeName.toLocaleLowerCase() !== 'p') {
-                        var blockNodes = this.removeParent([childNodes[index2]]);
-                        this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
+                        var blockNodes = this_1.removeParent([childNodes[index2]]);
+                        this_1.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
                     }
-                    else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
+                    else if (this_1.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
                         childNodes[index2].nodeName.toLocaleLowerCase() === 'p') {
                         if (childNodes[index2].parentNode.nodeName.toLocaleLowerCase() === 'p') {
                             InsertMethods.unwrap(childNodes[index2].parentNode);
                         }
-                        InsertMethods.Wrap(childNodes[index2], docElement.createElement(this.defaultTag));
+                        InsertMethods.Wrap(childNodes[index2], docElement.createElement(this_1.defaultTag));
                         InsertMethods.unwrap(childNodes[index2]);
                     }
-                    else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
+                    else if (this_1.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
                         childNodes[index2].parentNode.nodeName.toLocaleLowerCase() ===
                             childNodes[index2].nodeName.toLocaleLowerCase()) {
                         InsertMethods.unwrap(childNodes[index2]);
@@ -221,9 +248,13 @@ var ClearFormat = /** @class */ (function () {
                 }
             }
             else {
-                InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
+                InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this_1.defaultTag));
                 InsertMethods.unwrap(parentNodes[index1]);
             }
+        };
+        var this_1 = this;
+        for (var index1 = 0; index1 < parentNodes.length; index1++) {
+            _loop_1(index1);
         }
     };
     ClearFormat.clearInlines = function (textNodes, nodes, range, nodeCutter, 
@@ -259,10 +290,10 @@ var ClearFormat = /** @class */ (function () {
     ClearFormat.BLOCK_TAGS = ['address', 'article', 'aside', 'blockquote',
         'details', 'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer',
         'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'li', 'main', 'nav',
-        'noscript', 'ol', 'p', 'pre', 'section', 'ul'];
-    ClearFormat.NONVALID_PARENT_TAGS = ['thead', 'tbody', 'ul', 'ol', 'table', 'tfoot', 'tr'];
+        'noscript', 'ol', 'p', 'pre', 'section', 'ul', 'table', 'td', 'th', 'tbody', 'tr'];
+    ClearFormat.NONVALID_PARENT_TAGS = ['thead', 'ul', 'ol', 'tfoot'];
     ClearFormat.IGNORE_PARENT_TAGS = ['ul', 'ol', 'table'];
-    ClearFormat.NONVALID_TAGS = ['thead', 'tbody', 'figcaption', 'td', 'tr', 'th', 'tfoot', 'figcaption', 'li'];
+    ClearFormat.NONVALID_TAGS = ['thead', 'figcaption', 'tr', 'tfoot', 'figcaption', 'li'];
     ClearFormat.defaultTag = 'p';
     return ClearFormat;
 }());

package/src/rich-text-editor/actions/enter-key.js

@@ -304,7 +304,7 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                 }
                                 else if (nearBlockNode !== _this.parent.inputElement && nearBlockNode.textContent.length === 0 && !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG' ||
-                                    (nearBlockNode.querySelectorAll('video').length > 0) || (nearBlockNode.querySelectorAll('audio').length > 0) || (nearBlockNode.querySelectorAll('img').length > 0))) {
+                                    (nearBlockNode.querySelectorAll('video').length > 0) || (nearBlockNode.querySelectorAll('.e-video-wrap').length > 0) || (nearBlockNode.querySelectorAll('audio').length > 0) || (nearBlockNode.querySelectorAll('img').length > 0))) {
                                     if (!isNOU(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         _this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);
@@ -320,7 +320,7 @@ var EnterKeyAction = /** @class */ (function () {
                                 else if (_this.range.startContainer === _this.range.endContainer && _this.range.startContainer.nodeType !== Node.TEXT_NODE && ((_this.range.startContainer.nodeName === 'IMG' || _this.range.startContainer.querySelector('img')) ||
                                     (_this.range.startContainer.nodeName === 'SPAN' && (_this.range.startContainer.classList.contains('e-video-wrap') ||
                                         _this.range.startContainer.classList.contains('e-audio-wrap'))))) {
-                                    if (nearBlockNode.textContent.trim().length > 0) {
+                                    if (nearBlockNode.textContent.trim().length > 0 && !(nearBlockNode.querySelector('iframe') && nearBlockNode.textContent === '​')) {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
                                         var audioVideoElem = !isNOU(newElem.previousSibling.querySelector('.e-video-wrap')) ?
                                             newElem.previousSibling.querySelector('.e-video-wrap') : newElem.previousSibling.querySelector('.e-audio-wrap');
@@ -343,20 +343,32 @@ var EnterKeyAction = /** @class */ (function () {
                                             }
                                             detach(audioVideoElem);
                                         }
+                                        else if (!isNOU(newElem) && !newElem.hasChildNodes()) {
+                                            var brElm = _this.parent.createElement('br');
+                                            newElem.appendChild(brElm);
+                                            _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                        }
                                     }
                                     else {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
                                         var focusElem = newElem.hasChildNodes() ? newElem.previousSibling : newElem;
                                         var imageElem = !isNOU(newElem.querySelector('img')) ?
                                             newElem.querySelector('img') : null;
+                                        var videoElem = !isNOU(newElem.querySelector('.e-video-wrap')) ?
+                                            newElem.querySelector('.e-video-wrap') : null;
                                         var insertElem = _this.createInsertElement(shiftKey_1);
-                                        if (!isNOU(imageElem)) {
+                                        if (!isNOU(imageElem) || !isNOU(videoElem)) {
                                             if (isFocusedFirst) {
                                                 newElem.parentElement.insertBefore(insertElem, newElem);
                                                 focusElem = newElem.previousSibling;
                                             }
                                             else {
                                                 _this.parent.formatter.editorManager.domNode.insertAfter(insertElem, newElem);
+                                                var isVideoInfocusElem = videoElem && focusElem.nodeType === Node.ELEMENT_NODE && focusElem.children.length === 1 && focusElem.lastChild.classList.contains('e-video-wrap');
+                                                if (!isNOU(focusElem) && focusElem !== newElem && newElem.previousSibling === focusElem &&
+                                                    isVideoInfocusElem) {
+                                                    detach(focusElem);
+                                                }
                                                 focusElem = newElem.nextSibling;
                                             }
                                         }
@@ -491,11 +503,12 @@ var EnterKeyAction = /** @class */ (function () {
                             var isImageElement = (_this.range.startContainer.nodeName === 'IMG' || (_this.range.startContainer.childNodes.length > 0
                                 && !isNOU(_this.range.startContainer.childNodes[_this.range.startOffset]) && _this.range.startContainer.childNodes[_this.range.startOffset].nodeName === 'IMG') || (_this.range.startContainer.nodeType === 1 &&
                                 _this.range.startContainer.querySelector('img') !== null));
+                            var isImageWithWhiteSpace = _this.range.startContainer.nodeName === '#text' && _this.range.startContainer.textContent.trim() === '' && _this.range.startContainer.textContent.length === 1 && _this.range.startContainer.previousSibling && _this.range.startContainer.previousSibling.nodeName === 'IMG';
                             if (currentParent !== _this.parent.inputElement &&
                                 _this.parent.formatter.editorManager.domNode.isBlockNode(currentParent) &&
                                 _this.range.startOffset === _this.range.endOffset &&
                                 (_this.range.startOffset === isLastNodeLength ||
-                                    (currentParent.textContent.trim().length === 0 && isImageElement))) {
+                                    (currentParent.textContent.trim().length === 0 && (isImageElement || isImageWithWhiteSpace)))) {
                                 var focusBRElem = _this.parent.createElement('br');
                                 if (_this.range.startOffset === 0 && _this.range.startContainer.nodeName === 'TABLE') {
                                     _this.range.startContainer.parentElement.insertBefore(focusBRElem, _this.range.startContainer);
@@ -512,11 +525,17 @@ var EnterKeyAction = /** @class */ (function () {
                                     else {
                                         var lineBreakBRElem = _this.parent.createElement('br');
                                         var parentElement = _this.range.startContainer.parentElement;
+                                        var startContainer = _this.range.startContainer;
+                                        var isImageInBlock = isImageElement && startContainer.nodeName !== 'IMG' && startContainer.childNodes[_this.range.startOffset - 1] &&
+                                            startContainer.childNodes[_this.range.startOffset - 1].nodeName === 'IMG';
                                         var anchorElement = void 0;
                                         if (parentElement && parentElement.nodeName === 'A' &&
                                             parentElement.textContent.length === _this.range.startOffset) {
                                             anchorElement = parentElement;
                                         }
+                                        else if (isImageInBlock) {
+                                            anchorElement = startContainer.childNodes[_this.range.startOffset - 1];
+                                        }
                                         else if (parentElement) {
                                             var closestAnchor = parentElement.closest('a');
                                             anchorElement = closestAnchor ? closestAnchor : _this.range.startContainer;
@@ -537,7 +556,7 @@ var EnterKeyAction = /** @class */ (function () {
                                 if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&
                                     currentParent.textContent.charCodeAt(0) === 8203)) {
                                     if ((currentParent.childElementCount > 0 && currentParent.lastElementChild.nodeName === 'IMG') || (currentParent.lastElementChild && currentParent.lastElementChild.nodeName === 'BR') || !isNOU(currentParent.firstElementChild) &&
-                                        (currentParent.querySelector('.e-video-wrap') || currentParent.querySelector('.e-audio-wrap'))) {
+                                        (currentParent.querySelector('.e-video-wrap') || currentParent.classList.contains('e-video-wrap') || currentParent.querySelector('.e-audio-wrap') || currentParent.classList.contains('e-audio-wrap'))) {
                                         _this.insertBRElement();
                                     }
                                     else {
@@ -640,9 +659,6 @@ var EnterKeyAction = /** @class */ (function () {
             }
             else if (this.startNode.tagName === 'SPAN' && (this.startNode.classList.contains('e-video-wrap') || this.startNode.classList.contains('e-audio-wrap'))) {
                 this.startNode.parentElement.insertBefore(brElm, this.startNode);
-                var nearBlockNode = this.parent.formatter.editorManager.domNode.blockParentNode(this.startNode);
-                var newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, true);
-                detach(newElem.previousSibling.childNodes[1]);
                 isEmptyBrInserted = true;
             }
             else if (this.startNode.nodeType === Node.ELEMENT_NODE && this.startNode.childElementCount > 0 && this.startNode.lastElementChild.nodeName === 'IMG') {
@@ -655,7 +671,7 @@ var EnterKeyAction = /** @class */ (function () {
                 isEmptyBrInserted = true;
             }
         }
-        var isBRNextElement = ((!isNOU(brElm.nextSibling) && (brElm.nextSibling.textContent.length > 0 || brElm.nextSibling.nodeName !== '#text' && brElm.nextSibling.querySelectorAll('audio,video,table,img').length > 0)) || (!isNOU(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || this.range.startContainer.nodeName === 'BR');
+        var isBRNextElement = ((!isNOU(brElm.nextSibling) && (brElm.nextSibling.textContent.length > 0 || brElm.nextSibling.nodeName !== '#text' && (brElm.nextSibling.querySelectorAll('audio,video,table,img').length > 0 || brElm.nextSibling.querySelectorAll('.e-video-wrap').length > 0))) || (!isNOU(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || this.range.startContainer.nodeName === 'BR');
         var isMediaElement = !isNOU(brElm.nextSibling) && (!isNOU(brElm.nextSibling.classList) && (brElm.nextSibling.classList.contains('e-video-wrap') || brElm.nextSibling.classList.contains('e-audio-wrap')));
         if (isBRNextElement && (isEmptyBrInserted || (!isNOU(brElm.nextSibling) && brElm.nextSibling.nodeName === '#text' && brElm.nextSibling.textContent.trim().length === 0 && !isNOU(brElm.nextSibling.nextSibling) && brElm.nextSibling.nextSibling.textContent.trim().length > 0))) {
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNOU(brElm.nextSibling) && isFocusTextNode &&

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

@@ -33,6 +33,10 @@ export declare class PasteCleanup {
     private destroy;
     private removeEventListener;
     private pasteClean;
+    private findSource;
+    private extractImageSrcDOM;
+    private fetchImageWithMetadata;
+    private getFilenameFromUrl;
     private splitBreakLine;
     private makeSpace;
     private imgUploading;

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

@@ -1,7 +1,7 @@
 import * as events from '../base/constant';
 import { Popup } from '@syncfusion/ej2-popups';
 import { RadioButton } from '@syncfusion/ej2-buttons';
-import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass, removeClass } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass, removeClass, createElement } from '@syncfusion/ej2-base';
 import { getUniqueID, Browser, closest } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
 import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
@@ -13,6 +13,7 @@ import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
 import { sanitizeHelper, convertToBlob } from '../base/util';
 import { scrollToCursor } from '../../common/util';
+import { PASTE_SOURCE } from './../../editor-manager/base';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
@@ -112,7 +113,12 @@ var PasteCleanup = /** @class */ (function () {
         }
         if (e.args && value !== null && this.parent.editorMode === 'HTML') {
             var file = void 0;
-            if (value.length === 0) {
+            var files = e.args.clipboardData.files;
+            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 || (!isNOU(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(events.beforePasteCleanup, { value: value });
@@ -155,6 +161,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(events.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(events.beforePasteCleanup, { value: value });
                 this.parent.formatter.editorManager.observer.notify(EVENTS.MS_WORD_CLEANUP, {
@@ -211,6 +225,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 = '';

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

@@ -875,12 +875,13 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (!isNOU(this.placeholder)) {
             this.setPlaceHolder();
         }
-        if (!isNOU(e) && !isNOU(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+        if (!isNOU(e) && !isNOU(e.code) && (e.code === 'Backspace' || e.code === 'Delete' || e.code === 'KeyX')) {
             var range = this.contentModule.getDocument().getSelection().getRangeAt(0);
             var div = document.createElement('div');
             div.appendChild(range.cloneContents());
             var selectedHTML = div.innerHTML;
-            if (selectedHTML === this.inputElement.innerHTML) {
+            if (selectedHTML === this.inputElement.innerHTML || (range.commonAncestorContainer === this.inputElement &&
+                selectedHTML === this.inputElement.textContent.trim())) {
                 this.isCopyAll = true;
             }
         }
@@ -892,7 +893,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.keyUp = function (e) {
         if (this.editorMode === 'HTML') {
             var range = this.getRange();
-            if (!isNOU(e) && !isNOU(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+            if (!isNOU(e) && !isNOU(e.code) && (e.code === 'Backspace' || e.code === 'Delete' || e.code === 'KeyX')) {
                 // To prevent the reformatting the content removed browser behavior.
                 var currentRange = this.getRange();
                 var selection = this.iframeSettings.enable ? this.contentModule.getPanel().ownerDocument.getSelection() :

package/src/rich-text-editor/models/toolbar-settings-model.d.ts

@@ -227,6 +227,13 @@ export interface ImageSettingsModel {
      */
     resizeByPercent?: boolean;
 
+    /**
+     * Specifies whether to allow uploading remote image URLs.
+     *
+     * @default false
+     */
+    uploadRemoteURLs?: boolean;
+
 }
 
 /**

package/src/rich-text-editor/models/toolbar-settings.d.ts

@@ -201,6 +201,12 @@ export declare class ImageSettings extends ChildProperty<ImageSettings> {
      * @default false
      */
     resizeByPercent: boolean;
+    /**
+     * Specifies whether to allow uploading remote image URLs.
+     *
+     * @default false
+     */
+    uploadRemoteURLs: boolean;
 }
 /**
  * Configures the audio settings of the RichTextEditor.

package/src/rich-text-editor/models/toolbar-settings.js

@@ -155,6 +155,9 @@ var ImageSettings = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], ImageSettings.prototype, "resizeByPercent", void 0);
+    __decorate([
+        Property(false)
+    ], ImageSettings.prototype, "uploadRemoteURLs", void 0);
     return ImageSettings;
 }(ChildProperty));
 export { ImageSettings };

package/styles/_all.bds.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bds' as *;

package/styles/_all.bootstrap-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bootstrap-dark' as *;

package/styles/_all.bootstrap.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bootstrap' as *;

package/styles/_all.bootstrap4.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bootstrap4' as *;

package/styles/_all.bootstrap5-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bootstrap5-dark' as *;

package/styles/_all.bootstrap5.3.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bootstrap5.3' as *;

package/styles/_all.bootstrap5.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.bootstrap5' as *;

package/styles/_all.fabric-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.fabric-dark' as *;

package/styles/_all.fabric.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.fabric' as *;

package/styles/_all.fluent-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.fluent-dark' as *;

package/styles/_all.fluent.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.fluent' as *;

package/styles/_all.fluent2.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.fluent2' as *;

package/styles/_all.highcontrast-light.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.highcontrast-light' as *;

package/styles/_all.highcontrast.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.highcontrast' as *;

package/styles/_all.material-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.material-dark' as *;

package/styles/_all.material.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.material' as *;

package/styles/_all.material3-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.material3-dark' as *;

package/styles/_all.material3.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.material3' as *;

package/styles/_all.scss

@@ -1 +1 @@
-@import 'rich-text-editor/all.scss';
+@use 'rich-text-editor/all' as *;

package/styles/_all.tailwind-dark.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.tailwind-dark' as *;

package/styles/_all.tailwind.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.tailwind' as *;

package/styles/_all.tailwind3.scss

@@ -0,0 +1 @@
+@use 'rich-text-editor/all.tailwind3' as *;