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

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

@@ -14232,9 +14232,36 @@ class ClearFormat {
                         && this.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));
+                    const 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')) {
+                            const allowedClasses = new Set(['e-rte-table', 'e-rte-paste-table', 'e-rte-custom-table']);
+                            const filteredClasses = target.className
+                                .split(/\s+/)
+                                .filter((cls) => allowedClasses.has(cls));
+                            if (filteredClasses.length > 0) {
+                                target.className = filteredClasses.join(' ');
+                            }
+                            else {
+                                target.removeAttribute('class');
+                            }
+                        }
+                    }
+                    else {
+                        InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
+                    }
+                }
+                let 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]);
                 }
-                const childNodes = InsertMethods.unwrap(parentNodes[index1]);
                 if (childNodes.length === 1
                     && childNodes[0].parentNode.nodeName.toLocaleLowerCase() === 'p') {
                     InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
@@ -14304,10 +14331,10 @@ class ClearFormat {
 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';
 
 /**
@@ -28337,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.
  */
@@ -29239,7 +29269,7 @@ class EnterKeyAction {
                                     }
                                 }
                                 else if (nearBlockNode !== this.parent.inputElement && nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(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 (!isNullOrUndefined(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, false).cloneNode(true);
                                         this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);
@@ -29255,7 +29285,7 @@ class EnterKeyAction {
                                 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 === '​')) {
                                         const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, true);
                                         const audioVideoElem = !isNullOrUndefined(newElem.previousSibling.querySelector('.e-video-wrap')) ?
                                             newElem.previousSibling.querySelector('.e-video-wrap') : newElem.previousSibling.querySelector('.e-audio-wrap');
@@ -29278,20 +29308,32 @@ class EnterKeyAction {
                                             }
                                             detach(audioVideoElem);
                                         }
+                                        else if (!isNullOrUndefined(newElem) && !newElem.hasChildNodes()) {
+                                            const brElm = this.parent.createElement('br');
+                                            newElem.appendChild(brElm);
+                                            this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), newElem, 0);
+                                        }
                                     }
                                     else {
                                         const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, true);
                                         let focusElem = newElem.hasChildNodes() ? newElem.previousSibling : newElem;
                                         const imageElem = !isNullOrUndefined(newElem.querySelector('img')) ?
                                             newElem.querySelector('img') : null;
+                                        const videoElem = !isNullOrUndefined(newElem.querySelector('.e-video-wrap')) ?
+                                            newElem.querySelector('.e-video-wrap') : null;
                                         const insertElem = this.createInsertElement(shiftKey);
-                                        if (!isNullOrUndefined(imageElem)) {
+                                        if (!isNullOrUndefined(imageElem) || !isNullOrUndefined(videoElem)) {
                                             if (isFocusedFirst) {
                                                 newElem.parentElement.insertBefore(insertElem, newElem);
                                                 focusElem = newElem.previousSibling;
                                             }
                                             else {
                                                 this.parent.formatter.editorManager.domNode.insertAfter(insertElem, newElem);
+                                                const isVideoInfocusElem = videoElem && focusElem.nodeType === Node.ELEMENT_NODE && focusElem.children.length === 1 && focusElem.lastChild.classList.contains('e-video-wrap');
+                                                if (!isNullOrUndefined(focusElem) && focusElem !== newElem && newElem.previousSibling === focusElem &&
+                                                    isVideoInfocusElem) {
+                                                    detach(focusElem);
+                                                }
                                                 focusElem = newElem.nextSibling;
                                             }
                                         }
@@ -29425,11 +29467,12 @@ class EnterKeyAction {
                             const isImageElement = (this.range.startContainer.nodeName === 'IMG' || (this.range.startContainer.childNodes.length > 0
                                 && !isNullOrUndefined(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));
+                            const 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)))) {
                                 const focusBRElem = this.parent.createElement('br');
                                 if (this.range.startOffset === 0 && this.range.startContainer.nodeName === 'TABLE') {
                                     this.range.startContainer.parentElement.insertBefore(focusBRElem, this.range.startContainer);
@@ -29446,11 +29489,17 @@ class EnterKeyAction {
                                     else {
                                         const lineBreakBRElem = this.parent.createElement('br');
                                         const parentElement = this.range.startContainer.parentElement;
+                                        const startContainer = this.range.startContainer;
+                                        const isImageInBlock = isImageElement && startContainer.nodeName !== 'IMG' && startContainer.childNodes[this.range.startOffset - 1] &&
+                                            startContainer.childNodes[this.range.startOffset - 1].nodeName === 'IMG';
                                         let anchorElement;
                                         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) {
                                             const closestAnchor = parentElement.closest('a');
                                             anchorElement = closestAnchor ? closestAnchor : this.range.startContainer;
@@ -29471,7 +29520,7 @@ class EnterKeyAction {
                                 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') || !isNullOrUndefined(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 {
@@ -29572,9 +29621,6 @@ class EnterKeyAction {
             }
             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);
-                const nearBlockNode = this.parent.formatter.editorManager.domNode.blockParentNode(this.startNode);
-                const 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') {
@@ -29587,7 +29633,7 @@ class EnterKeyAction {
                 isEmptyBrInserted = true;
             }
         }
-        const isBRNextElement = ((!isNullOrUndefined(brElm.nextSibling) && (brElm.nextSibling.textContent.length > 0 || brElm.nextSibling.nodeName !== '#text' && brElm.nextSibling.querySelectorAll('audio,video,table,img').length > 0)) || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || this.range.startContainer.nodeName === 'BR');
+        const isBRNextElement = ((!isNullOrUndefined(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))) || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || this.range.startContainer.nodeName === 'BR');
         const isMediaElement = !isNullOrUndefined(brElm.nextSibling) && (!isNullOrUndefined(brElm.nextSibling.classList) && (brElm.nextSibling.classList.contains('e-video-wrap') || brElm.nextSibling.classList.contains('e-audio-wrap')));
         if (isBRNextElement && (isEmptyBrInserted || (!isNullOrUndefined(brElm.nextSibling) && brElm.nextSibling.nodeName === '#text' && brElm.nextSibling.textContent.trim().length === 0 && !isNullOrUndefined(brElm.nextSibling.nextSibling) && brElm.nextSibling.nextSibling.textContent.trim().length > 0))) {
             this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNullOrUndefined(brElm.nextSibling) && isFocusTextNode &&
@@ -30691,12 +30737,13 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (!isNullOrUndefined(this.placeholder)) {
             this.setPlaceHolder();
         }
-        if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+        if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete' || e.code === 'KeyX')) {
             const range = this.contentModule.getDocument().getSelection().getRangeAt(0);
             const div = document.createElement('div');
             div.appendChild(range.cloneContents());
             const 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;
             }
         }
@@ -30708,7 +30755,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     keyUp(e) {
         if (this.editorMode === 'HTML') {
             const range = this.getRange();
-            if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+            if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete' || e.code === 'KeyX')) {
                 // To prevent the reformatting the content removed browser behavior.
                 const currentRange = this.getRange();
                 const selection = this.iframeSettings.enable ? this.contentModule.getPanel().ownerDocument.getSelection() :
@@ -40546,7 +40593,12 @@ class PasteCleanup {
         }
         if (e.args && value !== null && this.parent.editorMode === 'HTML') {
             let file;
-            if (value.length === 0) {
+            const files = e.args.clipboardData.files;
+            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 });
@@ -40589,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, {
@@ -40645,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 = '';