@syncfusion/ej2-richtexteditor 23.2.7-52849 → 24.1.41

package/src/rich-text-editor/actions/markdown-editor.d.ts

@@ -19,7 +19,7 @@ export declare class MarkdownEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private moduleDestroy;
@@ -37,7 +37,7 @@ export declare class MarkdownEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -22,7 +22,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownEditor.prototype.destroy = function () {
         if (isNullOrUndefined(this.parent)) {
@@ -147,7 +147,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     MarkdownEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

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

@@ -46,7 +46,7 @@ export declare class PasteCleanup {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     private imageFormatting;
     private radioRender;
@@ -64,6 +64,8 @@ export declare class PasteCleanup {
     private removeTempClass;
     private sanitizeHelper;
     private plainFormatting;
+    private removingComments;
+    private reframeToBrContent;
     private getTextContent;
     private detachInlineElements;
     private findDetachEmptyElem;

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

@@ -66,6 +66,7 @@ var PasteCleanup = /** @class */ (function () {
             event: e
         };
         var value = null;
+        var isClipboardHTMLDataNull = false;
         var imageproperties;
         if (e.args && !isNOU(e.args.clipboardData)) {
             value = e.args.clipboardData.getData('text/html');
@@ -104,6 +105,7 @@ var PasteCleanup = /** @class */ (function () {
                     var divElement = this.parent.createElement('div');
                     divElement.innerHTML = this.splitBreakLine(value);
                     value = divElement.innerHTML;
+                    isClipboardHTMLDataNull = true;
                 }
             }
             else if (value.length > 0) {
@@ -125,10 +127,13 @@ var PasteCleanup = /** @class */ (function () {
             tempDivElem.innerHTML = value;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
                 !isNOU(tempDivElem.querySelector('table'));
+            this.parent.trigger(events.cleanupResizeElements, { value: value }, function (args) {
+                value = args.value;
+            });
             if (this.parent.pasteCleanupSettings.prompt) {
                 if (isValueNotEmpty) {
                     e.args.preventDefault();
-                    this.pasteDialog(value, args);
+                    this.pasteDialog(value, args, isClipboardHTMLDataNull);
                 }
                 else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNOU(file)) {
                     this.fireFoxImageUpload();
@@ -140,7 +145,7 @@ var PasteCleanup = /** @class */ (function () {
             }
             else if (this.parent.pasteCleanupSettings.plainText) {
                 e.args.preventDefault();
-                this.plainFormatting(value, args);
+                this.plainFormatting(value, args, isClipboardHTMLDataNull);
             }
             else if (this.parent.pasteCleanupSettings.keepFormat) {
                 e.args.preventDefault();
@@ -182,13 +187,17 @@ var PasteCleanup = /** @class */ (function () {
     PasteCleanup.prototype.splitBreakLine = function (value) {
         var enterSplitText = value.split('\n');
         var contentInnerElem = '';
+        var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
+        var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
             if (enterSplitText[i].trim() === '') {
                 contentInnerElem += getDefaultValue(this.parent);
             }
             else {
                 var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += (i === 0 ? '<span>' : '<p>') + contentWithSpace.trim() + (i === 0 ? '</span>' : '</p>');
+                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
+                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
+                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
             }
         }
         return contentInnerElem;
@@ -443,7 +452,7 @@ var PasteCleanup = /** @class */ (function () {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         if (!isNOU(imgElement.elements[0].getAttribute('src'))) {
@@ -457,10 +466,10 @@ var PasteCleanup = /** @class */ (function () {
         var range = this.nodeSelectionObj.getRange(currentDocument);
         this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
         if (this.parent.pasteCleanupSettings.prompt) {
-            this.pasteDialog(imageValue, pasteArgs);
+            this.pasteDialog(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.plainText) {
-            this.plainFormatting(imageValue, pasteArgs);
+            this.plainFormatting(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.keepFormat) {
             this.formatting(imageValue, false, pasteArgs);
@@ -484,7 +493,7 @@ var PasteCleanup = /** @class */ (function () {
         var plainTextElement = this.parent.element.querySelector('#plainTextFormat');
         this.plainTextRadioButton.appendTo(plainTextElement);
     };
-    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked) {
+    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull) {
         if (keepChecked) {
             this.formatting(value, false, args);
         }
@@ -492,10 +501,10 @@ var PasteCleanup = /** @class */ (function () {
             this.formatting(value, true, args);
         }
         else {
-            this.plainFormatting(value, args);
+            this.plainFormatting(value, args, isClipboardHTMLDataNull);
         }
     };
-    PasteCleanup.prototype.pasteDialog = function (value, args) {
+    PasteCleanup.prototype.pasteDialog = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var isHeight = false;
         var preRTEHeight = this.parent.height;
@@ -512,7 +521,7 @@ var PasteCleanup = /** @class */ (function () {
                             var argument = _this.dialogObj;
                             _this.dialogRenderObj.close(argument);
                             _this.dialogObj.destroy();
-                            _this.selectFormatting(value, args, keepChecked, cleanChecked);
+                            _this.selectFormatting(value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull);
                         }
                     },
                     buttonModel: {
@@ -573,7 +582,7 @@ var PasteCleanup = /** @class */ (function () {
             isHeight = true;
         }
         this.dialogObj.show();
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     PasteCleanup.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -786,7 +795,7 @@ var PasteCleanup = /** @class */ (function () {
         return value;
     };
     //Plain Formatting
-    PasteCleanup.prototype.plainFormatting = function (value, args) {
+    PasteCleanup.prototype.plainFormatting = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var clipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
         clipBoardElem.innerHTML = value;
@@ -824,6 +833,13 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection.restore();
             clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
             this.addTempClass(clipBoardElem);
+            this.removingComments(clipBoardElem);
+            if (this.parent.enterKey === 'BR' && !isClipboardHTMLDataNull) {
+                clipBoardElem = this.reframeToBrContent(clipBoardElem);
+            }
+            else if (this.parent.enterKey === 'DIV') {
+                clipBoardElem.innerHTML = clipBoardElem.innerHTML.replace(/<p class="pasteContent_RTE">/g, '<div>').replace(/<\/p>/g, '</div>');
+            }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: null }, function (updatedArgs) { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
@@ -838,6 +854,41 @@ var PasteCleanup = /** @class */ (function () {
             this.parent.formatter.onSuccess(this.parent, args);
         }
     };
+    PasteCleanup.prototype.removingComments = function (elm) {
+        var innerElement = elm.innerHTML;
+        innerElement = innerElement.replace(/<!--[\s\S]*?-->/g, '');
+        elm.innerHTML = innerElement;
+    };
+    PasteCleanup.prototype.reframeToBrContent = function (clipBoardElem) {
+        var newClipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
+        while (!isNOU(clipBoardElem.firstChild)) {
+            var brElem = this.parent.createElement('br');
+            var currentFirstChild = clipBoardElem.firstChild;
+            if (currentFirstChild.nodeName === '#text') {
+                var isNextSibPresent = !isNOU(currentFirstChild.nextSibling);
+                newClipBoardElem.appendChild(currentFirstChild);
+                if (isNextSibPresent) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+            }
+            else {
+                var isCurrentNodeBRElm = currentFirstChild.nodeName === 'BR';
+                if (isCurrentNodeBRElm) {
+                    newClipBoardElem.appendChild(currentFirstChild);
+                }
+                else {
+                    newClipBoardElem.appendChild(currentFirstChild.childNodes[0]);
+                }
+                if (!isNOU(currentFirstChild) && !isNOU(currentFirstChild.nextSibling)) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+                if (!isCurrentNodeBRElm && !isNOU(currentFirstChild)) {
+                    detach(currentFirstChild);
+                }
+            }
+        }
+        return newClipBoardElem;
+    };
     PasteCleanup.prototype.getTextContent = function (clipBoardElem) {
         for (var i = 0; i < this.blockNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.blockNode[i]);
@@ -885,14 +936,16 @@ var PasteCleanup = /** @class */ (function () {
         for (var i = 0; i < this.inlineNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.inlineNode[i]);
             for (var j = 0; j < inElem.length; j++) {
-                var parElem = void 0;
-                for (var k = 0; k < inElem[j].childNodes.length; k++) {
-                    parElem = inElem[j].childNodes[k].parentElement;
-                    inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
-                    k--;
-                }
-                if (!isNOU(parElem)) {
-                    detach(parElem);
+                if (!(inElem[j] === clipBoardElem.firstChild && inElem[j].nodeName === 'SPAN')) {
+                    var parElem = void 0;
+                    for (var k = 0; k < inElem[j].childNodes.length; k++) {
+                        parElem = inElem[j].childNodes[k].parentElement;
+                        inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
+                        k--;
+                    }
+                    if (!isNOU(parElem)) {
+                        detach(parElem);
+                    }
                 }
             }
         }

package/src/rich-text-editor/actions/quick-toolbar.d.ts

@@ -35,7 +35,7 @@ export declare class QuickToolbar {
      * @param {RenderType} type - specifies the render type.
      * @returns {BaseQuickToolbar} - specifies the quick toolbar
      * @hidden
-     * @deprecated
+
      */
     createQTBar(popupType: string, mode: string, items: (string | IToolbarItems)[], type: RenderType): BaseQuickToolbar;
     private initializeQuickToolbars;
@@ -51,7 +51,7 @@ export declare class QuickToolbar {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     showInlineQTBar(x: number, y: number, target: HTMLElement): void;
     /**
@@ -59,7 +59,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hideInlineQTBar(): void;
     /**
@@ -67,7 +67,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -82,7 +82,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -91,7 +91,7 @@ export declare class QuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private moduleDestroy;
@@ -103,7 +103,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     addEventListener(): void;
     private onKeyDown;
@@ -116,7 +116,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     removeEventListener(): void;
     /**
@@ -125,7 +125,7 @@ export declare class QuickToolbar {
      * @param {RichTextEditorModel} e - specifies the element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -47,7 +47,7 @@ var QuickToolbar = /** @class */ (function () {
             toolbarItems: items,
             mode: mode,
             renderType: type,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         };
     };
     /**
@@ -59,7 +59,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {RenderType} type - specifies the render type.
      * @returns {BaseQuickToolbar} - specifies the quick toolbar
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.createQTBar = function (popupType, mode, items, type) {
         if (items.length < 1) {
@@ -146,7 +146,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
         if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img') {
@@ -159,7 +159,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.hideInlineQTBar = function () {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
@@ -171,7 +171,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.hideQuickToolbars = function () {
         if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close') && document.body.contains(this.linkQTBar.element)) {
@@ -261,6 +261,9 @@ var QuickToolbar = /** @class */ (function () {
             && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
             this.hideInlineQTBar();
         }
+        if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+            this.textQTBar.hidePopup();
+        }
     };
     QuickToolbar.prototype.inlineQTBarMouseDownHandler = function () {
         if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
@@ -274,8 +277,8 @@ var QuickToolbar = /** @class */ (function () {
         }
     };
     QuickToolbar.prototype.keyUpHandler = function (e) {
+        var args = e.args;
         if (this.parent.inlineMode.enable && !Browser.isDevice) {
-            var args = e.args;
             if (this.parent.inlineMode.onSelection) {
                 if (this.parent.getSelection().length > 0) {
                     if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
@@ -288,6 +291,13 @@ var QuickToolbar = /** @class */ (function () {
             }
             this.deBounce(this.offsetX, this.offsetY, args.target);
         }
+        if (this.parent.quickToolbarSettings.text && !Browser.isDevice) {
+            if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
+                args.keyCode === 35 || args.keyCode === 36 || args.keyCode === 37 || args.keyCode === 38 ||
+                args.keyCode === 39 || args.keyCode === 40))) {
+                this.textQTBar.showPopup(this.offsetX, this.offsetY, args.target, 'text');
+            }
+        }
     };
     QuickToolbar.prototype.selectionChangeHandler = function (e) {
         var _this = this;
@@ -310,7 +320,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.getInlineBaseToolbar = function () {
         return this.inlineQTBar && this.inlineQTBar.quickTBarObj;
@@ -321,7 +331,7 @@ var QuickToolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.destroy = function () {
         if (isNOU(this.parent)) {
@@ -411,7 +421,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -447,6 +457,15 @@ var QuickToolbar = /** @class */ (function () {
             if (this.videoQTBar && !hasClass(this.videoQTBar.element, 'e-popup-close')) {
                 this.videoQTBar.hidePopup();
             }
+            if (this.tableQTBar && !hasClass(this.tableQTBar.element, 'e-popup-close')) {
+                this.tableQTBar.hidePopup();
+            }
+            if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close')) {
+                this.linkQTBar.hidePopup();
+            }
+            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+                this.textQTBar.hidePopup();
+            }
         }
     };
     QuickToolbar.prototype.onIframeMouseDown = function () {
@@ -496,9 +515,12 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.removeEventListener = function () {
+        if (this.deBouncer) {
+            clearTimeout(this.deBouncer);
+        }
         if (this.parent.isDestroyed) {
             return;
         }
@@ -519,9 +541,6 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.off(events.rtlMode, this.setRtl);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.hidePopup, this.hideQuickToolbars);
-        if (this.deBouncer) {
-            clearTimeout(this.deBouncer);
-        }
     };
     /**
      * Called internally if any of the property value changed.
@@ -529,7 +548,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.quickToolbarSettings)) {

package/src/rich-text-editor/actions/toolbar.d.ts

@@ -42,7 +42,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     addFixedTBarClass(): void;
     /**
@@ -50,7 +50,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     removeFixedTBarClass(): void;
     private showFixedTBar;
@@ -61,7 +61,7 @@ export declare class Toolbar {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     updateItem(args: IUpdateItemsModel): void;
     private updateToolbarStatus;
@@ -72,7 +72,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getBaseToolbar(): BaseToolbar;
     /**
@@ -82,7 +82,7 @@ export declare class Toolbar {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     addTBarItem(args: IUpdateItemsModel, index: number): void;
     /**
@@ -94,7 +94,7 @@ export declare class Toolbar {
      * @param {boolean} muteToolbarUpdate - specifies the toolbar.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     enableTBarItems(baseToolbar: BaseToolbar, items: string | string[], isEnable: boolean, muteToolbarUpdate?: boolean): void;
     /**
@@ -103,7 +103,7 @@ export declare class Toolbar {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     removeTBarItems(items: string | string[]): void;
     /**
@@ -111,7 +111,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getExpandTBarPopHeight(): number;
     /**
@@ -119,7 +119,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getToolbarHeight(): number;
     /**
@@ -127,7 +127,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getToolbarElement(): Element;
     /**
@@ -135,7 +135,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     refreshToolbarOverflow(): void;
     private isToolbarDestroyed;
@@ -146,7 +146,7 @@ export declare class Toolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private moduleDestroy;
@@ -157,6 +157,7 @@ export declare class Toolbar {
     private dropDownBeforeOpenHandler;
     private tbFocusHandler;
     private toolbarClickHandler;
+    private adjustContentHeight;
     protected wireEvents(): void;
     protected unWireEvents(): void;
     protected addEventListener(): void;
@@ -169,7 +170,7 @@ export declare class Toolbar {
      * @param {RichTextEditorModel} e - specifies the string value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;