@syncfusion/ej2-richtexteditor 19.3.53-6125 → 19.4.38

package/src/rich-text-editor/actions/enter-key.js

@@ -29,9 +29,20 @@ var EnterKeyAction = /** @class */ (function () {
     EnterKeyAction.prototype.enterHandler = function (e) {
         var _this = this;
         this.getRangeNode();
+        var isTableEnter = true;
+        if (!isNOU(this.startNode.closest('TABLE')) && !isNOU(this.endNode.closest('TABLE'))) {
+            isTableEnter = false;
+            var curElement = this.startNode;
+            var blockElement = curElement;
+            while (!this.parent.formatter.editorManager.domNode.isBlockNode(curElement)) {
+                blockElement = curElement;
+                curElement = curElement.parentElement;
+            }
+            isTableEnter = blockElement.tagName === 'TD' ? false : true;
+        }
         if (e.args.which === 13 && e.args.code === 'Enter') {
-            if (isNOU(this.startNode.closest('LI')) && isNOU(this.endNode.closest('LI')) && isNOU(this.startNode.closest('TABLE')) &&
-                isNOU(this.endNode.closest('TABLE')) && isNOU(this.startNode.closest('PRE')) && isNOU(this.endNode.closest('PRE'))) {
+            if (isNOU(this.startNode.closest('LI')) && isNOU(this.endNode.closest('LI')) && isTableEnter &&
+                isNOU(this.startNode.closest('PRE')) && isNOU(this.endNode.closest('PRE'))) {
                 var shiftKey_1 = e.args.shiftKey;
                 var actionBeginArgs = {
                     cancel: false,
@@ -89,12 +100,32 @@ var EnterKeyAction = /** @class */ (function () {
                             _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.range.startContainer.childNodes[_this.range.startOffset], 0);
                             _this.getRangeNode();
                         }
-                        if (_this.parent.enterKey === 'P' || _this.parent.enterKey === 'DIV' ||
+                        if ((_this.parent.enterKey === 'P' && !shiftKey_1) || (_this.parent.enterKey === 'DIV' && !shiftKey_1) ||
                             (_this.parent.shiftEnterKey === 'P' && shiftKey_1) ||
                             (_this.parent.shiftEnterKey === 'DIV' && shiftKey_1)) {
-                            var nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
+                            var nearBlockNode = void 0;
+                            if (isTableEnter && _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode)) {
+                                nearBlockNode = _this.startNode;
+                            }
+                            else {
+                                nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
+                            }
                             var isImageNode = false;
-                            if (_this.range.startOffset === 0 && _this.range.endOffset === 0 && !(!isNOU(_this.range.startContainer.previousSibling) && _this.range.startContainer.previousSibling.nodeName === 'IMG')) {
+                            var isFocusedFirst = false;
+                            if (_this.range.startOffset != 0 && _this.range.endOffset != 0 && _this.range.startContainer === _this.range.endContainer &&
+                                !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                var startNodeText = _this.range.startContainer.textContent;
+                                var splitFirstText = startNodeText.substring(0, _this.range.startOffset);
+                                if (splitFirstText.charCodeAt(_this.range.startOffset - 1) != 160 && splitFirstText.trim().length === 0) {
+                                    isFocusedFirst = true;
+                                }
+                            }
+                            else if (_this.range.startOffset === 0 && _this.range.endOffset === 0) {
+                                isFocusedFirst = true;
+                            }
+                            if (((_this.range.startOffset === 0 && _this.range.endOffset === 0) || isFocusedFirst) &&
+                                !(!isNOU(_this.range.startContainer.previousSibling) &&
+                                    (_this.range.startContainer.previousSibling.nodeName === 'IMG' || _this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                 var isNearBlockLengthZero = void 0;
                                 var newElem = void 0;
                                 if (_this.range.startContainer.nodeName === 'IMG') {
@@ -103,7 +134,7 @@ var EnterKeyAction = /** @class */ (function () {
                                     isNearBlockLengthZero = false;
                                 }
                                 else {
-                                    if (nearBlockNode.textContent.length !== 0) {
+                                    if (nearBlockNode.textContent.trim().length !== 0) {
                                         newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         isNearBlockLengthZero = false;
                                     }
@@ -152,7 +183,18 @@ var EnterKeyAction = /** @class */ (function () {
                                 }
                                 if (newElem.textContent.trim().length === 0) {
                                     var brElm = _this.parent.createElement('br');
-                                    _this.startNode.appendChild(brElm);
+                                    if (_this.startNode.nodeName === 'A') {
+                                        var startParentElem = _this.startNode.parentElement;
+                                        _this.startNode.parentElement.insertBefore(brElm, _this.startNode);
+                                        detach(_this.startNode);
+                                        _this.startNode = startParentElem;
+                                    }
+                                    else {
+                                        _this.startNode.appendChild(brElm);
+                                    }
+                                    if (newElem.childNodes[0].textContent === '\n') {
+                                        detach(newElem.childNodes[0]);
+                                    }
                                     _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.startNode, 0);
                                 }
                                 if (((_this.parent.enterKey === 'P' || _this.parent.enterKey === 'DIV') && !shiftKey_1) || ((_this.parent.shiftEnterKey === 'DIV' ||
@@ -163,12 +205,13 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                     _this.parent.formatter.editorManager.domNode.insertAfter(insertElm, newElem);
                                     detach(newElem);
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode) ? insertElm : _this.startNode, 0);
+                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode) ?
+                                        insertElm : _this.startNode, 0);
                                 }
                             }
                             e.args.preventDefault();
                         }
-                        if (_this.parent.enterKey === 'BR' && !shiftKey_1) {
+                        if ((_this.parent.enterKey === 'BR' && !shiftKey_1) || (_this.parent.shiftEnterKey === 'BR' && shiftKey_1)) {
                             var currentParent = void 0;
                             if (!_this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode)) {
                                 var currentNode = _this.startNode;
@@ -184,10 +227,16 @@ var EnterKeyAction = /** @class */ (function () {
                                 currentParent = _this.startNode;
                             }
                             var isEmptyBrInserted = false;
+                            var currentParentLastChild = currentParent.lastChild;
+                            while (!isNOU(currentParentLastChild) && !(currentParentLastChild.nodeName === '#text')) {
+                                currentParentLastChild = currentParentLastChild.lastChild;
+                            }
+                            var isLastNodeLength = _this.range.startContainer === currentParentLastChild ?
+                                _this.range.startContainer.textContent.length : currentParent.textContent.length;
                             if (currentParent !== _this.parent.inputElement &&
                                 _this.parent.formatter.editorManager.domNode.isBlockNode(currentParent) &&
                                 _this.range.startOffset === _this.range.endOffset &&
-                                _this.range.startOffset === currentParent.textContent.length) {
+                                _this.range.startOffset === isLastNodeLength) {
                                 var outerBRElem = _this.parent.createElement('br');
                                 _this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
                                 _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), outerBRElem, 0);
@@ -217,34 +266,12 @@ var EnterKeyAction = /** @class */ (function () {
                                         isEmptyBrInserted = true;
                                     }
                                     else {
-                                        newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true);
-                                        newElem.parentElement.insertBefore(outerBRElem, newElem);
-                                        _this.insertFocusContent();
+                                        _this.insertBRElement();
                                     }
                                 }
                             }
                             else {
-                                var brElm = _this.parent.createElement('br');
-                                if (_this.startNode.nodeName === 'BR' && _this.endNode.nodeName === 'BR' && _this.range.startOffset === 0 && _this.range.startOffset === _this.range.endOffset) {
-                                    _this.parent.formatter.editorManager.domNode.insertAfter(brElm, _this.startNode);
-                                    isEmptyBrInserted = true;
-                                }
-                                else {
-                                    if (_this.startNode === _this.parent.inputElement && !isNOU(_this.range.startContainer.previousSibling) &&
-                                        _this.range.startContainer.previousSibling.nodeName === 'BR' && _this.range.startContainer.textContent.length === 0) {
-                                        isEmptyBrInserted = true;
-                                    }
-                                    _this.range.insertNode(brElm);
-                                }
-                                if (isEmptyBrInserted || (!isNOU(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNOU(brElm.nextSibling) && brElm.nextSibling.textContent.length > 0)) {
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), !isNOU(brElm.nextSibling) ? brElm.nextSibling : brElm, 0);
-                                    isEmptyBrInserted = false;
-                                }
-                                else {
-                                    var brElm2 = _this.parent.createElement('br');
-                                    _this.range.insertNode(brElm2);
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), brElm, 0);
-                                }
+                                _this.insertBRElement();
                             }
                             e.args.preventDefault();
                         }
@@ -254,6 +281,30 @@ var EnterKeyAction = /** @class */ (function () {
             }
         }
     };
+    EnterKeyAction.prototype.insertBRElement = function () {
+        var isEmptyBrInserted = false;
+        var brElm = this.parent.createElement('br');
+        if (this.startNode.nodeName === 'BR' && this.endNode.nodeName === 'BR' && this.range.startOffset === 0 && this.range.startOffset === this.range.endOffset) {
+            this.parent.formatter.editorManager.domNode.insertAfter(brElm, this.startNode);
+            isEmptyBrInserted = true;
+        }
+        else {
+            if (this.startNode === this.parent.inputElement && !isNOU(this.range.startContainer.previousSibling) &&
+                this.range.startContainer.previousSibling.nodeName === 'BR' && this.range.startContainer.textContent.length === 0) {
+                isEmptyBrInserted = true;
+            }
+            this.range.insertNode(brElm);
+        }
+        if (isEmptyBrInserted || (!isNOU(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNOU(brElm.nextSibling) && brElm.nextSibling.textContent.length > 0)) {
+            this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNOU(brElm.nextSibling) ? brElm.nextSibling : brElm, 0);
+            isEmptyBrInserted = false;
+        }
+        else {
+            var brElm2 = this.parent.createElement('br');
+            this.range.insertNode(brElm2);
+            this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), brElm, 0);
+        }
+    };
     EnterKeyAction.prototype.insertFocusContent = function () {
         if (this.range.startContainer.textContent.length === 0) {
             if (this.range.startContainer.nodeName === '#text') {

package/src/rich-text-editor/actions/full-screen.d.ts

@@ -13,7 +13,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     showFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     /**
@@ -22,7 +22,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hideFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     private toggleParentOverflow;
@@ -34,7 +34,7 @@ export declare class FullScreen {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
 }

package/src/rich-text-editor/actions/full-screen.js

@@ -17,7 +17,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     FullScreen.prototype.showFullScreen = function (event) {
         var _this = this;
@@ -67,7 +67,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     FullScreen.prototype.hideFullScreen = function (event) {
         var _this = this;
@@ -150,7 +150,7 @@ var FullScreen = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     FullScreen.prototype.destroy = function () {
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {

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

@@ -27,14 +27,14 @@ export declare class HtmlEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     /**
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     sanitizeHelper(value: string): string;
     private addEventListener;
@@ -64,7 +64,7 @@ export declare class HtmlEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -32,7 +32,7 @@ var HtmlEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     HtmlEditor.prototype.destroy = function () {
         this.removeEventListener();
@@ -41,7 +41,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     HtmlEditor.prototype.sanitizeHelper = function (value) {
         value = sanitizeHelper(value, this.parent);
@@ -149,7 +149,7 @@ var HtmlEditor = /** @class */ (function () {
             e.args.action === 'enter' ||
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
-            if (this.parent.editorMode === 'HTML' && !((this.parent.shiftEnterKey === 'BR' && e.args.shiftKey))) {
+            if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
                 this.parent.notify(events.enterHandler, { args: e.args });
             }
         }
@@ -426,7 +426,7 @@ var HtmlEditor = /** @class */ (function () {
             var divElement = this.parent.createElement('div');
             divElement.setAttribute('class', 'pasteContent');
             divElement.style.display = 'inline';
-            divElement.innerHTML = contentInnerElem;
+            divElement.innerHTML = contentInnerElem.replace('&para', '&para');
             var paraElem = divElement.querySelectorAll('span, p');
             for (var i = 0; i < paraElem.length; i++) {
                 var splitTextContent = paraElem[i].innerHTML.split(' ');
@@ -641,7 +641,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     HtmlEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

package/src/rich-text-editor/actions/keyboard-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';
+import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from '@syncfusion/ej2-base';import { Base, EmitType } from '@syncfusion/ej2-base';import { KeyboardEventsModel } from '@syncfusion/ej2-base';
 import {KeyboardEventArgs} from "./keyboard";
 
 /**
@@ -7,24 +7,24 @@ import {KeyboardEventArgs} from "./keyboard";
 export interface KeyboardEventsModel {
 
     /**
-     * Specifies key combination and it respective action name.
-     *
-     * @default null
-     */
-    keyConfigs?: { [key: string]: string };
+     * Specifies key combination and it respective action name.
+     *
+     * @default null
+     */
+    keyConfigs?: { [key: string]: string };
 
     /**
-     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
-     *
-     * @default 'keyup'
-     */
-    eventName?: string;
+     * Specifies on which event keyboardEvents class should listen for key press. For ex., `keyup`, `keydown` or `keypress`
+     *
+     * @default 'keyup'
+     */
+    eventName?: string;
 
     /**
-     * Specifies the listener when keyboard actions is performed.
-     *
-     * @event 'keyAction'
-     */
-    keyAction?: EmitType<KeyboardEventArgs>;
+     * Specifies the listener when keyboard actions is performed.
+     *
+     * @event 'keyAction'
+     */
+    keyAction?: EmitType<KeyboardEventArgs>;
 
 }

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

@@ -27,7 +27,7 @@ export interface KeyboardEventArgs extends KeyboardEvent {
  * ```
  *
  * @hidden
- * @deprecated
+
  */
 export declare class KeyboardEvents extends Base<HTMLElement> implements INotifyPropertyChanged {
     /**

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

@@ -1,22 +1,22 @@
-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 __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 __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 { Property, NotifyPropertyChanges, Event } from '@syncfusion/ej2-base';
 import { Base } from '@syncfusion/ej2-base';
 var keyCode = {
@@ -84,7 +84,7 @@ var keyCode = {
  * ```
  *
  * @hidden
- * @deprecated
+
  */
 var KeyboardEvents = /** @class */ (function (_super) {
     __extends(KeyboardEvents, _super);

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 addEventListener;
@@ -36,7 +36,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 () {
         this.removeEventListener();
@@ -138,7 +138,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

@@ -39,7 +39,7 @@ export declare class PasteCleanup {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     private imageFormatting;
     private radioRender;

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

@@ -414,7 +414,7 @@ var PasteCleanup = /** @class */ (function () {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         var imageElement = this.parent.createElement('span');

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

@@ -33,7 +33,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;
@@ -49,7 +49,7 @@ export declare class QuickToolbar {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     showInlineQTBar(x: number, y: number, target: HTMLElement): void;
     /**
@@ -57,7 +57,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hideInlineQTBar(): void;
     /**
@@ -65,7 +65,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -80,7 +80,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -89,7 +89,7 @@ export declare class QuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     destroy(): void;
     private wireInlineQTBarEvents;
@@ -100,7 +100,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     addEventListener(): void;
     private onKeyDown;
@@ -111,7 +111,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     removeEventListener(): void;
     /**
@@ -120,7 +120,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

@@ -58,7 +58,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) {
@@ -131,10 +131,10 @@ var QuickToolbar = /** @class */ (function () {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
-        if (this.parent.readonly) {
+        if (this.parent.readonly || target.tagName.toLowerCase() === "img") {
             return;
         }
         this.inlineQTBar.showPopup(x, y, target);
@@ -144,7 +144,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.hideInlineQTBar = function () {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
@@ -156,7 +156,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)) {
@@ -259,7 +259,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.getInlineBaseToolbar = function () {
         return this.inlineQTBar && this.inlineQTBar.quickTBarObj;
@@ -270,7 +270,7 @@ var QuickToolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.destroy = function () {
         if (this.linkQTBar) {
@@ -336,7 +336,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -386,7 +386,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-     * @deprecated
+
      */
     QuickToolbar.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -414,7 +414,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)) {