npm - @syncfusion/ej2-richtexteditor - Versions diffs - 26.1.42 → 26.2.5 - Mend

@syncfusion/ej2-richtexteditor 26.1.42 → 26.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/ej2-richtexteditor.min.js +2 -2
package/dist/ej2-richtexteditor.umd.min.js +2 -2
package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
package/dist/es6/ej2-richtexteditor.es2015.js +34 -39
package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
package/dist/es6/ej2-richtexteditor.es5.js +35 -40
package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
package/dist/global/ej2-richtexteditor.min.js +2 -2
package/dist/global/ej2-richtexteditor.min.js.map +1 -1
package/dist/global/index.d.ts +1 -1
package/hotfix/26.1.35_Vol2.txt +1 -0
package/package.json +12 -12
package/src/editor-manager/plugin/inserthtml.js +12 -0
package/src/rich-text-editor/actions/paste-clean-up.d.ts +0 -1
package/src/rich-text-editor/actions/paste-clean-up.js +16 -40
package/src/rich-text-editor/base/rich-text-editor.js +1 -1
package/src/rich-text-editor/renderer/image-module.js +6 -0
package/styles/fluent2.css +11 -11
package/styles/rich-text-editor/fluent2.css +11 -11

package/dist/global/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.42
+*  version : 26.2.5
 *  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 ADDED Viewed

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

package/package.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@26.1.41",
+  "_id": "@syncfusion/ej2-richtexteditor@26.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-Ei7JWoJPmb2CEUXhrNtZtNR2E5JUlNKwRaZLAgdFyQb9jz+kRqHCsFYCwaEQyJZY7GYKRlYE0MOxVyITi5ETVw==",
+  "_integrity": "sha512-zIes3XuylYyCd+vFECdIDftW6gnGOsdvC5SSd4O1ZmrfqxHRwucGB3oJ9iv/sMPyHfsvNiIkaODKd7Uz5R3F+g==",
   "_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.41.tgz",
-  "_shasum": "2e0f1e3dbbedf137a93f185cb21172b4b8b35d82",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.2.4.tgz",
+  "_shasum": "2e04b0ac18e0cceadfd79a51cab13cad5d590238",
   "_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.42",
-    "@syncfusion/ej2-buttons": "~26.1.40",
-    "@syncfusion/ej2-filemanager": "~26.1.41",
-    "@syncfusion/ej2-inputs": "~26.1.42",
-    "@syncfusion/ej2-navigations": "~26.1.41",
-    "@syncfusion/ej2-popups": "~26.1.42",
-    "@syncfusion/ej2-splitbuttons": "~26.1.35"
+    "@syncfusion/ej2-base": "~26.2.5",
+    "@syncfusion/ej2-buttons": "~26.2.5",
+    "@syncfusion/ej2-filemanager": "~26.2.5",
+    "@syncfusion/ej2-inputs": "~26.2.5",
+    "@syncfusion/ej2-navigations": "~26.2.5",
+    "@syncfusion/ej2-popups": "~26.2.5",
+    "@syncfusion/ej2-splitbuttons": "~26.2.5"
   },
   "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.42",
+  "version": "26.2.5",
   "sideEffects": false
 }

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

@@ -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/rich-text-editor/actions/paste-clean-up.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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.js CHANGED Viewed

@@ -761,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 &&

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

@@ -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');

package/styles/fluent2.css CHANGED Viewed

@@ -47,7 +47,7 @@
   --color-sf-flyout-bg-color-pressed: #e0e0e0;
   --color-sf-flyout-bg-color-selected: #ebebeb;
   --color-sf-flyout-bg-color-focus: #f5f5f5;
-  --color-sf-overlay-bg-color: #000;
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #f5f5f5;
   --color-sf-table-bg-color-pressed: #e0e0e0;
   --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
   --color-sf-flyout-bg-color-selected: #383838;
   --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #383838;
   --color-sf-table-bg-color-pressed: #2e2e2e;
   --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
-  --color-sf-table-bg-color-hover: var(--color-sf-black);
-  --color-sf-table-bg-color-pressed: var(--color-sf-black);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
+  --color-sf-table-bg-color-hover: #1a3bff;
+  --color-sf-table-bg-color-pressed: #1a3bff;
   --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
   --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
-  --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-hover: #000;
+  --color-sf-table-text-color-pressed: #000;
+  --color-sf-table-text-color-selected: #000;
   --color-sf-icon-color: #fff;
-  --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-hover: #000;
+  --color-sf-icon-color-pressed: #000;
   --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
   --color-sf-border-light: #fff;
   --color-sf-border: var(--color-sf-border-light);
@@ -4613,7 +4613,7 @@ span.e-rte-videoboxmark {
 }
 .e-popup-overlay {
-  background-color: rgba(var(--color-sf-overlay-bg-color), 0.4);
+  background-color: var(--color-sf-overlay-bg-color);
 }
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn {

package/styles/rich-text-editor/fluent2.css CHANGED Viewed

@@ -47,7 +47,7 @@
   --color-sf-flyout-bg-color-pressed: #e0e0e0;
   --color-sf-flyout-bg-color-selected: #ebebeb;
   --color-sf-flyout-bg-color-focus: #f5f5f5;
-  --color-sf-overlay-bg-color: #000;
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #f5f5f5;
   --color-sf-table-bg-color-pressed: #e0e0e0;
   --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
   --color-sf-flyout-bg-color-selected: #383838;
   --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #383838;
   --color-sf-table-bg-color-pressed: #2e2e2e;
   --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
-  --color-sf-table-bg-color-hover: var(--color-sf-black);
-  --color-sf-table-bg-color-pressed: var(--color-sf-black);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
+  --color-sf-table-bg-color-hover: #1a3bff;
+  --color-sf-table-bg-color-pressed: #1a3bff;
   --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
   --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
   --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
-  --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-hover: #000;
+  --color-sf-table-text-color-pressed: #000;
+  --color-sf-table-text-color-selected: #000;
   --color-sf-icon-color: #fff;
-  --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-hover: #000;
+  --color-sf-icon-color-pressed: #000;
   --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
   --color-sf-border-light: #fff;
   --color-sf-border: var(--color-sf-border-light);
@@ -4613,7 +4613,7 @@ span.e-rte-videoboxmark {
 }
 .e-popup-overlay {
-  background-color: rgba(var(--color-sf-overlay-bg-color), 0.4);
+  background-color: var(--color-sf-overlay-bg-color);
 }
 .e-rte-toolbar.e-extended-toolbar .e-toolbar-item.e-overlay .e-dropdown-btn {