@syncfusion/ej2-richtexteditor 26.1.41 → 26.2.4

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

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Property, Event, NotifyPropertyChanges, Base, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, ChildProperty, Complex, remove, print, L10n, compile, Touch, Component } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, Browser, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, EventHandler, closest, getInstance, formatUnit, select, Ajax, Property, Event, NotifyPropertyChanges, Base, KeyboardEvents as KeyboardEvents$1, setStyleAttribute, getUniqueID, append, debounce, Observer, prepend, attributes, getComponent, getEnumValue, ChildProperty, Complex, print, L10n, compile, Touch, Component } 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';
@@ -8499,6 +8499,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
         var altText;
         var selectArgs;
         var filesData;
+        var 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(),
@@ -8554,6 +8555,10 @@ var Image$1 = /** @__PURE__ @class */ (function () {
                 _this.parent.trigger(imageUploadSuccess, e, function (e) {
                     if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
                         var 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: {
@@ -8565,6 +8570,7 @@ var Image$1 = /** @__PURE__ @class */ (function () {
                             }
                         };
                         proxy.inputUrl.setAttribute('disabled', 'true');
+                        previousURL = url;
                     }
                     if (e.operation === 'upload' && !isNullOrUndefined(_this.dialogObj)) {
                         _this.dialogObj.getButtons(0).element.removeAttribute('disabled');
@@ -20092,13 +20098,11 @@ var MarkdownParser = /** @__PURE__ @class */ (function () {
         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);
     };
     MarkdownParser.prototype.unwireEvents = function () {
         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);
     };
     MarkdownParser.prototype.onPropertyChanged = function (props) {
         this.observer.notify(MODEL_CHANGED_PLUGIN, props);
@@ -20161,6 +20165,7 @@ var MarkdownParser = /** @__PURE__ @class */ (function () {
         }
     };
     MarkdownParser.prototype.destroy = function () {
+        this.observer.notify(INTERNAL_DESTROY, {});
         this.unwireEvents();
     };
     return MarkdownParser;
@@ -23652,6 +23657,7 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         return null;
     };
     InsertHtml.pasteInsertHTML = function (nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
+        var _this = this;
         var isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;
         if (isCursor && range.startContainer === editNode && editNode.textContent === '') {
@@ -23818,6 +23824,17 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
         else {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
+        var spanAligns = editNode.querySelectorAll('span[style*="text-align"]');
+        if (spanAligns.length > 0) {
+            spanAligns.forEach(function (spanAlign) {
+                if (!isNullOrUndefined(spanAlign)) {
+                    var blockAlign = _this.getImmediateBlockNode(spanAlign, null);
+                    if (blockAlign && blockAlign.textContent.trim() === spanAlign.textContent.trim()) {
+                        blockAlign.style.textAlign = spanAlign.style.textAlign;
+                    }
+                }
+            });
+        }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNullOrUndefined(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -30948,7 +30965,9 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
                         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);
+                }
             }
             var currentElem = this.parent.inputElement.querySelector('.currentStartMark');
             if (!isNullOrUndefined(currentElem)) {
@@ -31272,6 +31291,7 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
                     }
                     else if (brNode) {
                         detach(brNode);
+                        e.args.preventDefault();
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')
                         && this.deleteOldRangeElement !== this.deleteRangeElement) {
@@ -31918,13 +31938,6 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
                     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();
@@ -31940,33 +31953,6 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    PasteCleanup.prototype.fireFoxImageUpload = function () {
-        var _this = this;
-        this.fireFoxUploadTime = setTimeout(function () {
-            if (Browser.userAgent.indexOf('Firefox') !== -1) {
-                var 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);
-    };
     PasteCleanup.prototype.splitBreakLine = function (value) {
         var enterSplitText = value.split('\n');
         var contentInnerElem = '';
@@ -32180,11 +32166,22 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
         e.detectImageSource = ImageInputSource.Pasted;
-        this.parent.trigger(imageUploadSuccess, e, function (e) {
-            if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
-                var url = _this.parent.insertImageSettings.path + e.file.name;
-                imgElem.src = url;
-                imgElem.setAttribute('alt', e.file.name);
+        uploadObj.filesData.forEach(function (element) {
+            if (element.statusCode === '2') {
+                _this.parent.trigger(imageUploadSuccess, e, function (e) {
+                    if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
+                        var 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, function (e) {
+                    if (!isNullOrUndefined(e.element.src)) {
+                        e.element.src = '';
+                    }
+                });
             }
         });
         popupObj.close();
@@ -36163,6 +36160,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     function RichTextEditor(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.needsID = true;
+        _this.isSelectAll = false;
         return _this;
     }
     /**
@@ -36851,7 +36849,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         var preventingMention = false;
         if (this.editorMode === 'HTML') {
             var 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");
         }
         var keyboardEventAction = ['insert-link', 'format-copy', 'format-paste', 'insert-image', 'insert-table', 'insert-audio', 'insert-video'];
         if (keyboardEventAction.indexOf(e.action) === -1 &&
@@ -36895,6 +36893,15 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(this.placeholder)) {
             this.setPlaceHolder();
         }
+        if (!isNullOrUndefined(e) && !isNullOrUndefined(e.code) && (e.code === 'Backspace' || e.code === 'Delete')) {
+            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) {
+                this.isSelectAll = true;
+            }
+        }
     };
     RichTextEditor.prototype.keyUp = function (e) {
         if (this.editorMode === 'HTML') {
@@ -36904,6 +36911,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 var currentRange = this.getRange();
                 var 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);
@@ -37199,7 +37210,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             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);
@@ -37223,9 +37233,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        if (this.inputElement) {
-            this.inputElement = null;
-        }
         if (this.rootContainer) {
             this.rootContainer = null;
         }