@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

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

@@ -1,33 +1,33 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    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;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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, select, 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';
@@ -79,7 +79,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {ModuleDeclaration[]} - specifies the declaration.
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.requiredModules = function () {
         var modules = [];
@@ -162,7 +162,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.setEnable = function () {
         this.updateEnable();
@@ -260,7 +260,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getPersistData = function () {
         return this.addOnPersist(['value']);
@@ -390,7 +390,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             if (tool.command === 'InsertText') {
                 currentInsertContentLength = value.length;
             }
-            var currentLength = this.getText().trim().length;
+            var currentLength = this.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
             var selectionLength = this.getSelection().length;
             var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
             if (!(this.maxLength === -1 || totalLength <= this.maxLength)) {
@@ -548,7 +548,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @private
-     * @deprecated
+
      */
     RichTextEditor.prototype.render = function () {
         if (this.value && !this.valueTemplate) {
@@ -565,7 +565,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.enableXhtml) {
             this.setProperties({ value: this.getXhtml() }, true);
         }
-        if (this.toolbarSettings.enable && this.toolbarSettings.type === 'Expand' && !isNOU(this.getToolbar()) &&
+        if (this.toolbarSettings.enable && (this.toolbarSettings.type === 'Expand' || this.toolbarSettings.type === 'MultiRow' || this.toolbarSettings.type === 'Scrollable') && !isNOU(this.getToolbar()) &&
             (this.toolbarSettings.items.indexOf('Undo') > -1 && this.toolbarSettings.items.indexOf('Redo') > -1)) {
             this.disableToolbarItem(['Undo', 'Redo']);
         }
@@ -575,7 +575,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         // eslint-disable-next-line
         (this.enabled && !this.readonly) ? this.eventInitializer() : this.unWireEvents();
-        this.notify(events.bindCssClass, { cssClass: this.cssClass });
+        this.notify(events.bindCssClass, { cssClass: this.getCssClass() });
         this.addAudioVideoWrapper();
         this.notify(events.tableclass, {});
         this.renderComplete();
@@ -585,7 +585,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.addAudioVideoWrapper = function () {
         var _this = this;
@@ -647,7 +647,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @private
-     * @deprecated
+
      * @hidden
      */
     RichTextEditor.prototype.eventInitializer = function () {
@@ -666,7 +666,13 @@ var RichTextEditor = /** @class */ (function (_super) {
             range.endContainer;
         var closestLI = closest(endNode, 'LI');
         var isDetached = false;
-        if (!isNOU(closestLI) && endNode.textContent.length === range.endOffset &&
+        var currentRangeEndOffset = range.endOffset;
+        if (currentEndContainer.nodeType === Node.TEXT_NODE) {
+            if (currentEndContainer.textContent.charAt(currentRangeEndOffset - 1) === '\uFEFF') {
+                currentRangeEndOffset--;
+            }
+        }
+        if (!isNOU(closestLI) && endNode.textContent.trim().length === currentRangeEndOffset &&
             !range.collapsed && isNOU(endNode.nextElementSibling)) {
             for (var i = 0; i < closestLI.childNodes.length; i++) {
                 if (closestLI.childNodes[i].nodeName === '#text' && closestLI.childNodes[i].textContent.trim().length === 0) {
@@ -692,7 +698,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {KeyboardEvent} e - specifies the event.
      * @returns {void}
      * @private
-     * @deprecated
+
      * @hidden
      */
     RichTextEditor.prototype.keyDown = function (e) {
@@ -745,7 +751,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         var notFormatPainterCopy = isNOU(e.action) ? true : (e.action !== 'format-copy' ? true : false);
         if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy &&
-            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which === 67))) {
+            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which == 67))) {
             this.formatter.saveData();
         }
         if (e.action !== 'insert-link' &&
@@ -814,7 +820,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             this.formatter.onKeyHandler(this, e);
         }
         if (this.inputElement && this.inputElement.textContent.length !== 0
-            || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0) {
+            || this.element.querySelectorAll('.e-toolbar-item.e-active').length > 0 || this.formatter.getUndoRedoStack().length > 0) {
             this.notify(events.toolbarRefresh, { args: e });
         }
         if (!isNOU(this.placeholder)) {
@@ -828,7 +834,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {string} value - specifies the value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.serializeValue = function (value) {
         if (this.editorMode === 'HTML' && !isNOU(value)) {
@@ -859,7 +865,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {string} value - specifies the string value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.updateValue = function (value) {
         if (isNOU(value)) {
@@ -906,26 +912,67 @@ var RichTextEditor = /** @class */ (function (_super) {
                 return;
             }
         }
-        this.notifyMouseUp(e);
         if (e.detail === 3) {
             var range = this.getRange();
             var selection = this.formatter.editorManager.domNode.getSelection();
-            if (/\s+$/.test(selection.toString())) {
-                if (!isNOU(range.startContainer.parentElement) && (!isNOU(range.startContainer.parentElement.nextSibling) &&
-                    (range.startContainer.parentElement.nextSibling.nodeType !== 3 ||
-                        /\s+$/.test(range.startContainer.parentElement.nextSibling.textContent)) || range.startOffset === range.endOffset)
-                    || range.startContainer.parentElement.tagName.toLocaleLowerCase() === 'li') {
-                    range.setStart(range.startContainer, range.startOffset);
-                    range.setEnd(range.startContainer, range.startContainer.textContent.length);
+            // To handle the triple click node selection improper range due to browser behavior.
+            if (selection.rangeCount > 0 && !isNOU(range.startContainer.parentElement) && (!isNOU(range.startContainer.parentElement.nextSibling) &&
+                (range.startContainer.parentElement.nextSibling.nodeType !== 3 ||
+                    /\s+$/.test(range.startContainer.parentElement.nextSibling.textContent)) || range.startOffset === range.endOffset)
+                || range.startContainer.parentElement.tagName.toLocaleLowerCase() === 'li') {
+                var newRange = new Range();
+                var start = range.startContainer;
+                var end = range.endContainer;
+                var isInvalid = false;
+                var isInsideList = range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL'
+                    || range.commonAncestorContainer.nodeName === 'LI';
+                if (!isInsideList && end.nodeType === 1 && end.nodeName === 'LI') {
+                    end = closest(end, 'ol, ul').previousElementSibling.lastElementChild;
+                }
+                else if (isInsideList && end.nodeType === 1 && range.endOffset === 0) {
+                    if (end.previousElementSibling && end.previousElementSibling.lastElementChild) {
+                        end = end.previousElementSibling.lastElementChild;
+                    }
+                    else {
+                        end = closest(end.parentElement, 'li');
+                        if (end && end.nodeName === 'LI') {
+                            end = end.previousElementSibling;
+                        }
+                    }
+                }
+                else {
+                    if (!closest(end, 'li') && end.previousElementSibling && end.previousElementSibling.lastChild &&
+                        end.previousElementSibling.textContent.trim().length > 0) {
+                        end = end.previousElementSibling.lastChild;
+                    }
+                    else if (closest(end, 'li') && end.previousElementSibling && end.previousElementSibling.lastChild) {
+                        end = closest(end, 'li').parentElement.previousElementSibling.lastChild;
+                    }
+                }
+                if (!end || end === this.inputElement) {
+                    end = start;
+                    isInvalid = true;
+                }
+                while (end.nodeName !== '#text' && !isInvalid) {
+                    if (end.lastElementChild) {
+                        end = end.lastElementChild;
+                    }
+                    else {
+                        end = end.lastChild;
+                    }
                 }
+                newRange.setStart(start, 0);
+                newRange.setEnd(end, end.textContent.length);
+                this.formatter.editorManager.nodeSelection.setRange(this.contentModule.getDocument(), newRange);
             }
         }
+        this.notifyMouseUp(e);
     };
     /**
      * @param {Function} module - specifies the module function.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.ensureModuleInjected = function (module) {
         return this.getInjectedModules().indexOf(module) >= 0;
@@ -933,7 +980,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.onCopy = function () {
         this.contentModule.getDocument().execCommand('copy', false, null);
@@ -941,7 +988,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.onCut = function () {
         this.contentModule.getDocument().execCommand('cut', false, null);
@@ -950,7 +997,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.onPaste = function (e) {
         var _this = this;
@@ -963,7 +1010,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             var currentLength = _this.inputElement.textContent.length;
             var selectionLength = _this.getSelection().length;
             var pastedContentLength = (isNOU(e) || isNOU(e.clipboardData))
-                ? 0 : e.clipboardData.getData('text/plain').length;
+                ? 0 : e.clipboardData.getData('text/plain').replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
             var totalLength = (currentLength - selectionLength) + pastedContentLength;
             if (_this.editorMode === 'Markdown') {
                 var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
@@ -1013,7 +1060,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {MouseEvent} event - specifies the event.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.clipboardAction = function (action, event) {
         switch (action.toLowerCase()) {
@@ -1206,7 +1253,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @private
-     * @deprecated
+
      */
     RichTextEditor.prototype.getModuleName = function () {
         return 'richtexteditor';
@@ -1218,7 +1265,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {RichTextEditorModel} oldProp - specifies the old property.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     /* eslint-disable */
     RichTextEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -1373,7 +1420,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @hidden
      * @returns {void}
-     * @deprecated
+
      */
     RichTextEditor.prototype.updateValueData = function () {
         if (this.enableHtmlEncode) {
@@ -1395,7 +1442,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.updatePanelValue = function () {
         var value = this.value;
         value = (this.enableHtmlEncode && this.value) ? decode(value) : value;
-        var getTextArea = this.element.querySelector('.e-rte-srctextarea');
+        var getTextArea = this.element.querySelector('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA);
         if (value) {
             if (getTextArea && getTextArea.style.display === 'block') {
                 getTextArea.value = this.value;
@@ -1460,7 +1507,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.setPlaceHolder = function () {
         if (this.inputElement && this.placeholder && this.iframeSettings.enable !== true) {
@@ -1538,7 +1585,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {boolean} initial - specifies the boolean value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.setReadOnly = function (initial) {
         this.updateReadOnly();
@@ -1639,7 +1686,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @public
-     * @deprecated
+
      */
     RichTextEditor.prototype.getRange = function () {
         return this.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -1784,7 +1831,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getInsertImgMaxWidth = function () {
         var maxWidth = this.insertImageSettings.maxWidth;
@@ -1803,7 +1850,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getInsertVidMaxWidth = function () {
         var maxWidth = this.insertVideoSettings.maxWidth;
@@ -1824,7 +1871,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {boolean} isExpand - specifies  the bollean value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.setContentHeight = function (target, isExpand) {
         var heightValue;
@@ -1988,7 +2035,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getBaseToolbarObject = function () {
         var tbObj;
@@ -2003,7 +2050,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getToolbar = function () {
         return this.toolbarModule ? this.toolbarModule.getToolbarElement() : null;
@@ -2011,7 +2058,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getToolbarElement = function () {
         return this.toolbarModule && this.toolbarModule.getToolbarElement();
@@ -2021,11 +2068,21 @@ var RichTextEditor = /** @class */ (function (_super) {
      * getID method
      *
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.getID = function () {
         return (this.originalElement.tagName === 'TEXTAREA' ? this.valueContainer.id : this.element.id);
     };
+    /**
+   * @returns {void}
+   * getCssClass method
+   *
+   * @hidden
+
+   */
+    RichTextEditor.prototype.getCssClass = function (isSpace) {
+        return (isNOU(this.cssClass) ? '' : isSpace ? ' ' + this.cssClass : this.cssClass);
+    };
     RichTextEditor.prototype.mouseDownHandler = function (e) {
         var touch = (e.touches ? e.changedTouches[0] : e);
         addClass([this.element], [classes.CLS_FOCUS]);
@@ -2044,7 +2101,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * @param {FocusEvent} e - specifies the event.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     // eslint-disable-next-line
     RichTextEditor.prototype.preventDefaultResize = function (e) {
@@ -2137,7 +2194,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     RichTextEditor.prototype.getUpdatedValue = function () {
         var value;
-        var getTextArea = this.element.querySelector('.e-rte-srctextarea');
+        var getTextArea = this.element.querySelector('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA);
         if (this.editorMode === 'HTML') {
             value = (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
                 this.inputElement.innerHTML === '<br>') ? null : this.enableHtmlEncode ?
@@ -2168,6 +2225,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         clearTimeout(this.idleInterval);
         this.idleInterval = setTimeout(this.updateValueOnIdle.bind(this), 0);
     };
+    RichTextEditor.prototype.cleanupResizeElements = function (args) {
+        var value = this.removeResizeElement(args.value);
+        return value;
+    };
     RichTextEditor.prototype.removeResizeElement = function (value) {
         var valueElementWrapper = document.createElement("div");
         valueElementWrapper.innerHTML = value;
@@ -2257,7 +2318,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.contentChanged = function () {
         if (this.autoSaveOnIdle) {
@@ -2272,7 +2333,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.invokeChangeEvent = function () {
         var currentValue;
@@ -2294,7 +2355,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.wireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -2324,7 +2385,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.unWireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -2355,7 +2416,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     RichTextEditor.prototype.autoResize = function () {
         var _this = this;
@@ -2389,6 +2450,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.on(events.contentChanged, this.contentChanged, this);
         this.on(events.resizeInitialized, this.updateResizeFlag, this);
         this.on(events.updateTbItemsStatus, this.updateStatus, this);
+        this.on(events.cleanupResizeElements, this.cleanupResizeElements, this);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -2475,6 +2537,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.off(events.contentChanged, this.contentChanged);
         this.off(events.resizeInitialized, this.updateResizeFlag);
         this.off(events.updateTbItemsStatus, this.updateStatus);
+        this.off(events.cleanupResizeElements, this.cleanupResizeElements);
         if (this.readonly && this.enabled) {
             return;
         }

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

@@ -88,7 +88,7 @@ export declare function updateUndoRedoStatus(baseToolbar: BaseToolbar, undoRedoS
  * @param {string} type - specifies the string type.
  * @returns {void}
  * @hidden
- * @deprecated
+
  */
 export declare function dispatchEvent(element: Element | HTMLDocument, type: string): void;
 /**

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

@@ -265,11 +265,11 @@ export function getTBarItemsIndex(items, toolbarItems) {
                 continue;
             }
             else {
-                if (items[i] === 'OrderedList' && toolbarItems[j].subCommand === 'OL') {
+                if ((items[i] === 'OrderedList' || items[i] === 'NumberFormatList') && toolbarItems[j].subCommand === 'OL') {
                     itemsIndex.push(j);
                     break;
                 }
-                else if (items[i] === 'UnorderedList' && toolbarItems[j].subCommand === 'UL') {
+                else if ((items[i] === 'UnorderedList' || items[i] === 'BulletFormatList') && toolbarItems[j].subCommand === 'UL') {
                     itemsIndex.push(j);
                     break;
                 }
@@ -321,7 +321,7 @@ export function updateUndoRedoStatus(baseToolbar, undoRedoStatus) {
  * @param {string} type - specifies the string type.
  * @returns {void}
  * @hidden
- * @deprecated
+
  */
 export function dispatchEvent(element, type) {
     var evt = document.createEvent('HTMLEvents');
@@ -422,6 +422,15 @@ export function updateTextNode(value, rteObj) {
             for (var i = 0; i < emptyBlockElem.length; i++) {
                 emptyBlockElem[i].innerHTML = '<br>';
             }
+            // To handle the Empty block node with \n
+            var allPNodes = tempNode.querySelectorAll('p');
+            for (var i = 0; i < allPNodes.length; i++) {
+                if (allPNodes[i].textContent.trim().length === 0 && allPNodes[i].childNodes.length === 1
+                    && allPNodes[i].childNodes[0].nodeName === '#text' &&
+                    isNOU(allPNodes[i].childNodes[0].textContent.match(/\u00a0/g))) {
+                    allPNodes[i].innerHTML = '<br>';
+                }
+            }
             var emptyInlineElem = tempNode.querySelectorAll(CONSTANT.inlineEmptyNodes);
             for (var i = 0; i < emptyInlineElem.length; i++) {
                 emptyInlineElem[i].innerHTML = '&ZeroWidthSpace;';

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

@@ -7,7 +7,7 @@ import { IHtmlUndoRedoData } from '../../editor-manager/base/interface';
  * Formatter
  *
  * @hidden
- * @deprecated
+
  */
 export declare class Formatter {
     editorManager: IEditorModel;
@@ -21,7 +21,7 @@ export declare class Formatter {
      * @param  {IItemCollectionArgs} value - specifies the collection arguments
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: IItemCollectionArgs): void;
     private getAncestorNode;
@@ -32,7 +32,7 @@ export declare class Formatter {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     onKeyHandler(self: IRichTextEditor, e: KeyboardEvent): void;
     /**
@@ -42,7 +42,7 @@ export declare class Formatter {
      * @param {IMarkdownFormatterCallBack} events - specifies the event call back
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     onSuccess(self: IRichTextEditor, events: IMarkdownFormatterCallBack | IHtmlFormatterCallBack): void;
     /**
@@ -51,7 +51,7 @@ export declare class Formatter {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -59,7 +59,7 @@ export declare class Formatter {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getUndoStatus(): {
         [key: string]: boolean;
@@ -70,7 +70,7 @@ export declare class Formatter {
      * @param {IHtmlUndoRedoData}  - specifies the redo data.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getUndoRedoStack(): IHtmlUndoRedoData[] | MarkdownUndoRedoData[];
     /**
@@ -79,7 +79,7 @@ export declare class Formatter {
      * @param {IRichTextEditor} self - specifies the self element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     enableUndo(self: IRichTextEditor): void;
 }