@syncfusion/ej2-richtexteditor 26.1.41 → 26.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.41
+*  version : 26.2.4
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/hotfix/26.1.35_Vol2.txt

@@ -0,0 +1 @@
+hotfix/26.1.35_Vol2

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@26.1.40",
+  "_id": "@syncfusion/ej2-richtexteditor@26.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-10UBCSoQeiA1YL3IT1yK/H7GmbYKJDky7ng9kQAkd/AfE4YjALz6jamP51WU+4C0fEij9oHESoQOX6TEd5g0gg==",
+  "_integrity": "sha512-+J5Gcfx+Iy1jkGYJSc91pqv+Gk9ZGDhmyIanP++dUVEI5yXAEUTetX7LTTe0C9PNu51rauOHW57z2NdKnx1dmg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.1.40.tgz",
-  "_shasum": "4619abae890a0acc65b2ccd3d8f1b61c723c6695",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.1.42.tgz",
+  "_shasum": "b6e37c254d3fa473264c42e80c6b919f5d1ddad5",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-buttons": "~26.1.40",
-    "@syncfusion/ej2-filemanager": "~26.1.41",
-    "@syncfusion/ej2-inputs": "~26.1.41",
-    "@syncfusion/ej2-navigations": "~26.1.41",
-    "@syncfusion/ej2-popups": "~26.1.41",
-    "@syncfusion/ej2-splitbuttons": "~26.1.35"
+    "@syncfusion/ej2-base": "~26.2.4",
+    "@syncfusion/ej2-buttons": "~26.2.4",
+    "@syncfusion/ej2-filemanager": "~26.2.4",
+    "@syncfusion/ej2-inputs": "~26.2.4",
+    "@syncfusion/ej2-navigations": "~26.2.4",
+    "@syncfusion/ej2-popups": "~26.2.4",
+    "@syncfusion/ej2-splitbuttons": "~26.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -79,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "26.1.41",
+  "version": "26.2.4",
   "sideEffects": false
 }

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

@@ -203,6 +203,7 @@ var InsertHtml = /** @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 === '') {
@@ -369,6 +370,17 @@ var InsertHtml = /** @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 (!isNOU(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' ? (isNOU(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode

package/src/markdown-parser/base/markdown-parser.js

@@ -50,13 +50,11 @@ var MarkdownParser = /** @class */ (function () {
         this.observer.on(EVENTS.KEY_DOWN, this.editorKeyDown, this);
         this.observer.on(EVENTS.KEY_UP, this.editorKeyUp, this);
         this.observer.on(EVENTS.MODEL_CHANGED, this.onPropertyChanged, this);
-        this.observer.on(EVENTS.INTERNAL_DESTROY, this.destroy, this);
     };
     MarkdownParser.prototype.unwireEvents = function () {
         this.observer.off(EVENTS.KEY_DOWN, this.editorKeyDown);
         this.observer.off(EVENTS.KEY_UP, this.editorKeyUp);
         this.observer.off(EVENTS.MODEL_CHANGED, this.onPropertyChanged);
-        this.observer.off(EVENTS.INTERNAL_DESTROY, this.destroy);
     };
     MarkdownParser.prototype.onPropertyChanged = function (props) {
         this.observer.notify(EVENTS.MODEL_CHANGED_PLUGIN, props);
@@ -119,6 +117,7 @@ var MarkdownParser = /** @class */ (function () {
         }
     };
     MarkdownParser.prototype.destroy = function () {
+        this.observer.notify(EVENTS.INTERNAL_DESTROY, {});
         this.unwireEvents();
     };
     return MarkdownParser;

package/src/rich-text-editor/actions/html-editor.js

@@ -287,7 +287,9 @@ var HtmlEditor = /** @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 (!isNOU(currentElem)) {
@@ -611,6 +613,7 @@ var HtmlEditor = /** @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) {

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

@@ -34,7 +34,6 @@ export declare class PasteCleanup {
     private destroy;
     private removeEventListener;
     private pasteClean;
-    private fireFoxImageUpload;
     private splitBreakLine;
     private makeSpace;
     private imgUploading;

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

@@ -5,7 +5,6 @@ import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass
 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';
-import { CLS_RTE_IMAGE, CLS_IMGINLINE, CLS_IMGBREAK } from '../base/classes';
 import { pasteCleanupGroupingTags } from '../../common/config';
 import { NodeSelection } from '../../selection/selection';
 import * as EVENTS from './../../common/constant';
@@ -190,13 +189,6 @@ var PasteCleanup = /** @class */ (function () {
                     e.args.preventDefault();
                     this.pasteDialog(value, args, isClipboardHTMLDataNull);
                 }
-                else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNOU(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();
@@ -212,33 +204,6 @@ var PasteCleanup = /** @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 (!isNOU(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 = '';
@@ -452,11 +417,22 @@ var PasteCleanup = /** @class */ (function () {
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
         e.detectImageSource = ImageInputSource.Pasted;
-        this.parent.trigger(events.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(events.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(events.imageRemoving, e, function (e) {
+                    if (!isNullOrUndefined(e.element.src)) {
+                        e.element.src = '';
+                    }
+                });
             }
         });
         popupObj.close();

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -1080,6 +1080,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private originalElement;
     private clickPoints;
     private initialValue;
+    private isSelectAll;
     constructor(options?: RichTextEditorModel, element?: string | HTMLElement);
     /**
      * To provide the array of modules needed for component rendering

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

@@ -28,7 +28,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, EventHandler, Complex, Browser, addClass, detach, remove } from '@syncfusion/ej2-base';
+import { Component, EventHandler, Complex, Browser, addClass, detach } from '@syncfusion/ej2-base';
 import { Property, NotifyPropertyChanges, formatUnit, L10n, closest } from '@syncfusion/ej2-base';
 import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU, compile, append, extend, debounce } from '@syncfusion/ej2-base';
@@ -72,6 +72,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     function RichTextEditor(options, element) {
         var _this = _super.call(this, options, element) || this;
         _this.needsID = true;
+        _this.isSelectAll = false;
         return _this;
     }
     /**
@@ -760,7 +761,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         var preventingMention = false;
         if (this.editorMode === 'HTML') {
             var range = this.getRange();
-            preventingMention = !isNOU(range.startContainer) && range.startContainer === range.endContainer && range.endContainer.childNodes.length > 1 && !isNOU(range.startContainer.childNodes[range.startOffset - 1]) && range.startContainer.childNodes[range.startOffset - 1].nodeName === '#text' && !isNOU(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 = !isNOU(range.startContainer) && range.startContainer === range.endContainer && range.endContainer.childNodes.length > 1 && !isNOU(range.startContainer.childNodes[range.startOffset - 1]) && range.startContainer.childNodes[range.startOffset - 1].nodeName === '#text' && !isNOU(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 &&
@@ -804,6 +805,15 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (!isNOU(this.placeholder)) {
             this.setPlaceHolder();
         }
+        if (!isNOU(e) && !isNOU(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') {
@@ -813,6 +823,10 @@ var RichTextEditor = /** @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);
@@ -1108,7 +1122,6 @@ var RichTextEditor = /** @class */ (function (_super) {
             removeClass([this.element], classes.CLS_RTE_HIDDEN);
         }
         else {
-            remove(this.inputElement);
             if (this.originalElement.innerHTML.trim() !== '') {
                 this.element.innerHTML = this.originalElement.innerHTML.trim();
                 this.setProperties({ value: (!isNOU(this.initialValue) ? this.initialValue : null) }, true);
@@ -1132,9 +1145,6 @@ var RichTextEditor = /** @class */ (function (_super) {
                 }
             }
         }
-        if (this.inputElement) {
-            this.inputElement = null;
-        }
         if (this.rootContainer) {
             this.rootContainer = null;
         }

package/src/rich-text-editor/renderer/image-module.js

@@ -1788,6 +1788,7 @@ var Image = /** @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(),
@@ -1843,6 +1844,10 @@ var Image = /** @class */ (function () {
                 _this.parent.trigger(events.imageUploadSuccess, e, function (e) {
                     if (!isNOU(_this.parent.insertImageSettings.path)) {
                         var url = _this.parent.insertImageSettings.path + e.file.name;
+                        // Update the URL of the previously uploaded image
+                        if (!isNOU(previousURL) && e.operation === 'upload') {
+                            proxy.imageRemovePost(previousURL);
+                        }
                         // eslint-disable-next-line
                         var value = { url: url, selection: save };
                         proxy.uploadUrl = {
@@ -1856,6 +1861,7 @@ var Image = /** @class */ (function () {
                             }
                         };
                         proxy.inputUrl.setAttribute('disabled', 'true');
+                        previousURL = url;
                     }
                     if (e.operation === 'upload' && !isNOU(_this.dialogObj)) {
                         _this.dialogObj.getButtons(0).element.removeAttribute('disabled');