@syncfusion/ej2-richtexteditor 26.2.8 → 26.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.2.8
+*  version : 26.2.9
 *  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/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@26.2.7",
+  "_id": "@syncfusion/ej2-richtexteditor@26.2.8",
   "_inBundle": false,
-  "_integrity": "sha512-/1ycFr5+hj4YYc/mHnJ9NAW4KMmdJiRzQiMpOYNoOZ9RThOe6MH/JGco9ewyTsV24kIeWfRNqbsNDGEpPEMxfQ==",
+  "_integrity": "sha512-32e+vCj/g/TFDS2cffJN/VSiGWWm98qhLXyVgxifCU+QoRXgpsdeI6jvmCzRC4UTlH4k+V58PYEO+UNRGt5mrQ==",
   "_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.2.7.tgz",
-  "_shasum": "a6b4da665f0af8fdf8f041451868bebd2ffac41e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-26.2.8.tgz",
+  "_shasum": "9aff95f472285a7694f794e3b2820e56721cd13b",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -38,7 +38,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.2.5",
-    "@syncfusion/ej2-buttons": "~26.2.8",
+    "@syncfusion/ej2-buttons": "~26.2.9",
     "@syncfusion/ej2-filemanager": "~26.2.7",
     "@syncfusion/ej2-inputs": "~26.2.5",
     "@syncfusion/ej2-navigations": "~26.2.8",
@@ -79,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "26.2.8",
+  "version": "26.2.9",
   "sideEffects": false
 }

package/src/editor-manager/plugin/selection-commands.js

@@ -243,6 +243,12 @@ var SelectionCommands = /** @class */ (function () {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNOU(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
+            if (!isNOU(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+                indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
+                var element = this.GetFormatNode(format, value);
+                this.applyStyles(cursorNodes, 0, element);
+                return cursorNodes[0];
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;

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

@@ -216,7 +216,7 @@ var HtmlEditor = /** @class */ (function () {
     };
     HtmlEditor.prototype.onKeyUp = function (e) {
         var args = e.args;
-        var restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
+        var restrictKeys = [8, 9, 13, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
             112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123];
         var range = this.parent.getRange();
         var regEx = new RegExp('\u200B', 'g');
@@ -224,9 +224,18 @@ var HtmlEditor = /** @class */ (function () {
             range.startOffset === 1 && range.startContainer.textContent.length === 1 &&
             range.startContainer.textContent.charCodeAt(0) === 8203 &&
             range.startContainer.textContent.replace(regEx, '').length === 0;
+        var isMention = false;
+        if (range.startContainer === range.endContainer &&
+            range.startOffset === range.endOffset && (range.startContainer !== this.parent.inputElement && range.startOffset !== 0)) {
+            var mentionStartNode = range.startContainer.nodeType === 3 ?
+                range.startContainer : range.startContainer.childNodes[range.startOffset - 1];
+            isMention = args.keyCode === 16 &&
+                mentionStartNode.textContent.charCodeAt(0) === 8203 &&
+                !isNOU(mentionStartNode.previousSibling) && mentionStartNode.previousSibling.contentEditable === 'false';
+        }
         var pointer;
         var isRootParent = false;
-        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode && !isMention) {
             pointer = range.startOffset;
             var container = range.startContainer;
             // Check if the container is a text node and contains a zero-width space

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

@@ -52,6 +52,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private onBlurHandler;
     private onResizeHandler;
     private timeInterval;
+    private autoSaveTimeOut;
     private idleInterval;
     private touchModule;
     private defaultResetValue;

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

@@ -825,7 +825,7 @@ var RichTextEditor = /** @class */ (function (_super) {
                     this.inputElement.innerHTML = this.enterKey !== 'BR' ? '<' + this.enterKey + '><br></' + this.enterKey + '>' : '<br>';
                     this.isSelectAll = false;
                 }
-                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement)) {
+                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement) && range.startContainer.innerHTML === '<br>' && range.startContainer.textContent === '') {
                     selection.removeAllRanges();
                     selection.addRange(currentRange);
                 }
@@ -1088,6 +1088,10 @@ var RichTextEditor = /** @class */ (function (_super) {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
         }
+        if (!isNOU(this.autoSaveTimeOut)) {
+            clearTimeout(this.autoSaveTimeOut);
+            this.autoSaveTimeOut = null;
+        }
         if (!isNOU(this.idleInterval)) {
             clearTimeout(this.idleInterval);
             this.idleInterval = null;
@@ -2122,7 +2126,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             }
             this.preventDefaultResize(e);
             this.trigger('focus', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-            if (!isNOU(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle) {
+            if (!isNOU(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle && isNOU(this.timeInterval)) {
                 this.timeInterval = setInterval(this.updateValueOnIdle.bind(this), this.saveInterval);
             }
             EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
@@ -2291,8 +2295,8 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.contentChanged = function () {
         if (this.autoSaveOnIdle) {
             if (!isNOU(this.saveInterval)) {
-                clearTimeout(this.timeInterval);
-                this.timeInterval = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
+                clearTimeout(this.autoSaveTimeOut);
+                this.autoSaveTimeOut = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
             }
         }
     };