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

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

@@ -4650,7 +4650,27 @@ function updateTextNode$1(value) {
                 continue;
             }
             else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
-                tableElm[i].classList.remove('e-rte-paste-html-table');
+                var currentTable = tableElm[i];
+                currentTable.classList.remove('e-rte-paste-html-table');
+                if (!currentTable.classList.contains('e-rte-table-border')) {
+                    var cells = currentTable.querySelectorAll('td, th');
+                    var tableStyle = currentTable.getAttribute('style');
+                    var hasBorder = tableStyle && tableStyle.includes('border');
+                    if (!hasBorder) {
+                        for (var _i = 0, _a = Array.from(cells); _i < _a.length; _i++) {
+                            var cell = _a[_i];
+                            var cellStyle = cell.getAttribute('style');
+                            if (cellStyle && cellStyle.includes('border')) {
+                                hasBorder = true;
+                                break;
+                            }
+                        }
+                    }
+                    if (!hasBorder) {
+                        currentTable.classList.add('e-rte-table');
+                        currentTable.classList.remove('e-rte-paste-table');
+                    }
+                }
                 continue;
             }
         }
@@ -6900,7 +6920,8 @@ var InsertHtml = /** @class */ (function () {
                     fragment.appendChild(node.firstChild);
                 }
                 var matchedElement = this.getClosestMatchingElement(tempSpan.parentNode, fragment);
-                if (fragment.childNodes.length === 1 && fragment.firstChild && matchedElement) {
+                var hasMultipleChildNodes = fragment.firstChild && fragment.firstChild.childNodes.length > 1;
+                if (fragment.childNodes.length === 1 && fragment.firstChild && !hasMultipleChildNodes && matchedElement) {
                     var wrapperDiv = document.createElement('div');
                     var text = fragment.firstChild.textContent || '';
                     wrapperDiv.innerHTML = fragment.firstChild.innerHTML || '';
@@ -14249,54 +14270,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]);
@@ -14304,9 +14352,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, 
@@ -14342,10 +14394,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;
 }());
@@ -28961,7 +29013,7 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                 }
                                 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') {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         _this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);
@@ -28977,7 +29029,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 === '&ZeroWidthSpace;')) {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
                                         var audioVideoElem = !isNullOrUndefined(newElem.previousSibling.querySelector('.e-video-wrap')) ?
                                             newElem.previousSibling.querySelector('.e-video-wrap') : newElem.previousSibling.querySelector('.e-audio-wrap');
@@ -29000,20 +29052,32 @@ var EnterKeyAction = /** @class */ (function () {
                                             }
                                             detach(audioVideoElem);
                                         }
+                                        else if (!isNullOrUndefined(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 = !isNullOrUndefined(newElem.querySelector('img')) ?
                                             newElem.querySelector('img') : null;
+                                        var videoElem = !isNullOrUndefined(newElem.querySelector('.e-video-wrap')) ?
+                                            newElem.querySelector('.e-video-wrap') : null;
                                         var insertElem = _this.createInsertElement(shiftKey_1);
-                                        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);
+                                                var 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;
                                             }
                                         }
@@ -29147,11 +29211,12 @@ var EnterKeyAction = /** @class */ (function () {
                             var 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));
+                            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);
@@ -29168,11 +29233,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;
@@ -29193,7 +29264,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') || !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 {
@@ -29294,9 +29365,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') {
@@ -29309,7 +29377,7 @@ var EnterKeyAction = /** @class */ (function () {
                 isEmptyBrInserted = true;
             }
         }
-        var 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');
+        var 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');
         var 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 &&
@@ -30461,12 +30529,13 @@ var RichTextEditor = /** @class */ (function (_super) {
         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')) {
             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;
             }
         }
@@ -30478,7 +30547,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.keyUp = function (e) {
         if (this.editorMode === 'HTML') {
             var 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.
                 var currentRange = this.getRange();
                 var selection = this.iframeSettings.enable ? this.contentModule.getPanel().ownerDocument.getSelection() :
@@ -40433,7 +40502,8 @@ 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;
+            if (value.length === 0 || (!isNullOrUndefined(files) && files.length > 0)) {
                 var htmlRegex = new RegExp(/<\/[a-z][\s\S]*>/i);
                 value = e.args.clipboardData.getData('text/plain');
                 this.parent.trigger(beforePasteCleanup, { value: value });