@syncfusion/ej2-richtexteditor 26.1.41 → 26.2.4

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

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Base, Property, Event, NotifyPropertyChanges, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, Complex, ChildProperty, Component, remove, print, L10n, compile, Touch } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Base, Property, Event, NotifyPropertyChanges, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, Complex, ChildProperty, Component, print, L10n, compile, Touch } from '@syncfusion/ej2-base';
 import { Toolbar as Toolbar$1 } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { Tooltip, Popup, Dialog, isCollide, getScrollableParent } from '@syncfusion/ej2-popups';
@@ -8475,6 +8475,7 @@ class Image$1 {
         let altText;
         let selectArgs;
         let filesData;
+        let previousURL = null;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.getCssClass(),
@@ -8530,6 +8531,10 @@ class Image$1 {
                 this.parent.trigger(imageUploadSuccess, e, (e) => {
                     if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
                         const url = this.parent.insertImageSettings.path + e.file.name;
+                        // Update the URL of the previously uploaded image
+                        if (!isNullOrUndefined(previousURL) && e.operation === 'upload') {
+                            proxy.imageRemovePost(previousURL);
+                        }
                         proxy.uploadUrl = {
                             url: url, selection: save, altText: altText, selectParent: selectParent,
                             width: {
@@ -8541,6 +8546,7 @@ class Image$1 {
                             }
                         };
                         proxy.inputUrl.setAttribute('disabled', 'true');
+                        previousURL = url;
                     }
                     if (e.operation === 'upload' && !isNullOrUndefined(this.dialogObj)) {
                         this.dialogObj.getButtons(0).element.removeAttribute('disabled');
@@ -20064,13 +20070,11 @@ class MarkdownParser {
         this.observer.on(KEY_DOWN, this.editorKeyDown, this);
         this.observer.on(KEY_UP, this.editorKeyUp, this);
         this.observer.on(MODEL_CHANGED, this.onPropertyChanged, this);
-        this.observer.on(INTERNAL_DESTROY, this.destroy, this);
     }
     unwireEvents() {
         this.observer.off(KEY_DOWN, this.editorKeyDown);
         this.observer.off(KEY_UP, this.editorKeyUp);
         this.observer.off(MODEL_CHANGED, this.onPropertyChanged);
-        this.observer.off(INTERNAL_DESTROY, this.destroy);
     }
     onPropertyChanged(props) {
         this.observer.notify(MODEL_CHANGED_PLUGIN, props);
@@ -20133,6 +20137,7 @@ class MarkdownParser {
         }
     }
     destroy() {
+        this.observer.notify(INTERNAL_DESTROY, {});
         this.unwireEvents();
     }
 }
@@ -23762,6 +23767,17 @@ class InsertHtml {
         else {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
+        const spanAligns = editNode.querySelectorAll('span[style*="text-align"]');
+        if (spanAligns.length > 0) {
+            spanAligns.forEach((spanAlign) => {
+                if (!isNullOrUndefined(spanAlign)) {
+                    const blockAlign = this.getImmediateBlockNode(spanAlign, null);
+                    if (blockAlign && blockAlign.textContent.trim() === spanAlign.textContent.trim()) {
+                        blockAlign.style.textAlign = spanAlign.style.textAlign;
+                    }
+                }
+            });
+        }
     }
     static placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -30838,7 +30854,9 @@ class HtmlEditor {
                         focusNode = currentChildNode[0];
                     }
                 }
-                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), focusNode, pointer);
+                if (range.startContainer !== focusNode) {
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), focusNode, pointer);
+                }
             }
             const currentElem = this.parent.inputElement.querySelector('.currentStartMark');
             if (!isNullOrUndefined(currentElem)) {
@@ -31161,6 +31179,7 @@ class HtmlEditor {
                     }
                     else if (brNode) {
                         detach(brNode);
+                        e.args.preventDefault();
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')
                         && this.deleteOldRangeElement !== this.deleteRangeElement) {
@@ -31804,13 +31823,6 @@ class PasteCleanup {
                     e.args.preventDefault();
                     this.pasteDialog(value, args, isClipboardHTMLDataNull);
                 }
-                else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNullOrUndefined(file)) {
-                    this.fireFoxImageUpload();
-                }
-            }
-            else if (!isValueNotEmpty && !this.parent.pasteCleanupSettings.plainText &&
-                Browser.userAgent.indexOf('Firefox') !== -1) {
-                this.fireFoxImageUpload();
             }
             else if (this.parent.pasteCleanupSettings.plainText) {
                 e.args.preventDefault();
@@ -31826,32 +31838,6 @@ class PasteCleanup {
             }
         }
     }
-    fireFoxImageUpload() {
-        this.fireFoxUploadTime = setTimeout(() => {
-            if (Browser.userAgent.indexOf('Firefox') !== -1) {
-                let currentFocusNode = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startContainer;
-                if (currentFocusNode.nodeName !== '#text') {
-                    // eslint-disable-next-line
-                    currentFocusNode = currentFocusNode.childNodes[this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()).startOffset];
-                }
-                if (currentFocusNode.previousSibling.nodeName === 'IMG') {
-                    if (!isNullOrUndefined(currentFocusNode.previousSibling.getAttribute('src'))) {
-                        currentFocusNode.previousSibling.classList.add('pasteContent_Img');
-                    }
-                    currentFocusNode.previousSibling.classList.add(CLS_RTE_IMAGE);
-                    if (this.parent.insertImageSettings.display === 'inline') {
-                        currentFocusNode.previousSibling.classList.add(CLS_IMGINLINE);
-                    }
-                    else {
-                        currentFocusNode.previousSibling.classList.add(CLS_IMGBREAK);
-                    }
-                    currentFocusNode.previousSibling.classList.add();
-                    this.setImageProperties(currentFocusNode.previousSibling);
-                }
-            }
-            this.imgUploading(this.parent.inputElement);
-        }, 500);
-    }
     splitBreakLine(value) {
         const enterSplitText = value.split('\n');
         let contentInnerElem = '';
@@ -32063,11 +32049,22 @@ class PasteCleanup {
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
         e.detectImageSource = ImageInputSource.Pasted;
-        this.parent.trigger(imageUploadSuccess, e, (e) => {
-            if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
-                const url = this.parent.insertImageSettings.path + e.file.name;
-                imgElem.src = url;
-                imgElem.setAttribute('alt', e.file.name);
+        uploadObj.filesData.forEach((element) => {
+            if (element.statusCode === '2') {
+                this.parent.trigger(imageUploadSuccess, e, (e) => {
+                    if (!isNullOrUndefined(this.parent.insertImageSettings.path)) {
+                        const url = this.parent.insertImageSettings.path + e.file.name;
+                        imgElem.src = url;
+                        imgElem.setAttribute('alt', e.file.name);
+                    }
+                });
+            }
+            else if (element.statusCode === '5') {
+                this.parent.trigger(imageRemoving, e, (e) => {
+                    if (!isNullOrUndefined(e.element.src)) {
+                        e.element.src = '';
+                    }
+                });
             }
         });
         popupObj.close();
@@ -35854,6 +35851,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     constructor(options, element) {
         super(options, element);
         this.needsID = true;
+        this.isSelectAll = false;
     }
     /**
      * To provide the array of modules needed for component rendering
@@ -36540,7 +36538,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         let preventingMention = false;
         if (this.editorMode === 'HTML') {
             const range = this.getRange();
-            preventingMention = !isNullOrUndefined(range.startContainer) && range.startContainer === range.endContainer && range.endContainer.childNodes.length > 1 && !isNullOrUndefined(range.startContainer.childNodes[range.startOffset - 1]) && range.startContainer.childNodes[range.startOffset - 1].nodeName === '#text' && !isNullOrUndefined(range.startContainer.childNodes[range.startOffset - 1].previousSibling) && range.startContainer.childNodes[range.startOffset - 1].textContent.charCodeAt(0) === 32 && range.startContainer.childNodes[1].previousSibling.classList.contains("e-mention-chip");
+            preventingMention = !isNullOrUndefined(range.startContainer) && range.startContainer === range.endContainer && range.endContainer.childNodes.length > 1 && !isNullOrUndefined(range.startContainer.childNodes[range.startOffset - 1]) && range.startContainer.childNodes[range.startOffset - 1].nodeName === '#text' && !isNullOrUndefined(range.startContainer.childNodes[range.startOffset - 1].previousSibling) && range.startContainer.childNodes[range.startOffset - 1].textContent.charCodeAt(0) === 32 && range.startContainer.childNodes[range.startOffset - 1].previousSibling.classList.contains("e-mention-chip");
         }
         const keyboardEventAction = ['insert-link', 'format-copy', 'format-paste', 'insert-image', 'insert-table', 'insert-audio', 'insert-video'];
         if (keyboardEventAction.indexOf(e.action) === -1 &&
@@ -36584,6 +36582,15 @@ let RichTextEditor = class RichTextEditor extends Component {
         if (!isNullOrUndefined(this.placeholder)) {
             this.setPlaceHolder();
         }
+        if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+            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) {
+                this.isSelectAll = true;
+            }
+        }
     }
     keyUp(e) {
         if (this.editorMode === 'HTML') {
@@ -36593,6 +36600,10 @@ let RichTextEditor = class RichTextEditor extends Component {
                 const currentRange = this.getRange();
                 const selection = this.iframeSettings.enable ? this.contentModule.getPanel().ownerDocument.getSelection() :
                     this.contentModule.getDocument().getSelection();
+                if (this.isSelectAll) {
+                    this.inputElement.innerHTML = this.enterKey !== 'BR' ? '<' + this.enterKey + '><br></' + this.enterKey + '>' : '<br>';
+                    this.isSelectAll = false;
+                }
                 if (selection.rangeCount > 0) {
                     selection.removeAllRanges();
                     selection.addRange(currentRange);
@@ -36887,7 +36898,6 @@ let RichTextEditor = class RichTextEditor extends Component {
             removeClass([this.element], CLS_RTE_HIDDEN);
         }
         else {
-            remove(this.inputElement);
             if (this.originalElement.innerHTML.trim() !== '') {
                 this.element.innerHTML = this.originalElement.innerHTML.trim();
                 this.setProperties({ value: (!isNullOrUndefined(this.initialValue) ? this.initialValue : null) }, true);
@@ -36911,9 +36921,6 @@ let RichTextEditor = class RichTextEditor extends Component {
                 }
             }
         }
-        if (this.inputElement) {
-            this.inputElement = null;
-        }
         if (this.rootContainer) {
             this.rootContainer = null;
         }