@syncfusion/ej2-richtexteditor 24.1.41-569421 → 24.1.41-581025

package/src/editor-manager/plugin/undo.js

@@ -98,25 +98,6 @@ var UndoRedoManager = /** @class */ (function () {
         }
         return textContent;
     };
-    UndoRedoManager.prototype.isElementStructureEqual = function (previousFragment, currentFragment) {
-        if (previousFragment.childNodes.length !== currentFragment.childNodes.length) {
-            return false;
-        }
-        for (var i = 0; i < previousFragment.childNodes.length; i++) {
-            var previousFragmentNode = previousFragment.childNodes[i];
-            var currentFragmentNode = currentFragment.childNodes[i];
-            if (!previousFragmentNode || !currentFragmentNode) {
-                return false;
-            }
-            if (previousFragmentNode.nodeType !== currentFragmentNode.nodeType) {
-                return false;
-            }
-            if (previousFragmentNode.outerHTML !== currentFragmentNode.outerHTML) {
-                return false;
-            }
-        }
-        return true;
-    };
     /**
      * RTE collection stored html format.
      *
@@ -153,8 +134,7 @@ var UndoRedoManager = /** @class */ (function () {
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.endOffset === save.range.endOffset) &&
             (this.undoRedoStack[this.undoRedoStack.length - 1].range.range.startContainer === save.range.startContainer) &&
             (this.getTextContentFromFragment(this.undoRedoStack[this.undoRedoStack.length - 1].text).trim() ===
-                this.getTextContentFromFragment(changEle.text).trim()) &&
-            this.isElementStructureEqual(this.undoRedoStack[this.undoRedoStack.length - 1].text, changEle.text)) {
+                this.getTextContentFromFragment(changEle.text).trim())) {
             return;
         }
         this.undoRedoStack.push(changEle);

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

@@ -1,5 +1,5 @@
 import { Popup } from '@syncfusion/ej2-popups';
-import { IRichTextEditor, IBaseQuickToolbar } from '../base/interface';
+import { IRichTextEditor } from '../base/interface';
 import { IToolbarItems, IQuickToolbarOptions } from '../base/interface';
 import { ServiceLocator } from '../services/service-locator';
 import { BaseToolbar } from './base-toolbar';
@@ -7,10 +7,10 @@ import { RichTextEditorModel } from '../base/rich-text-editor-model';
 /**
  * `Quick toolbar` module is used to handle Quick toolbar actions.
  */
-export declare class BaseQuickToolbar implements IBaseQuickToolbar {
+export declare class BaseQuickToolbar {
     popupObj: Popup;
     element: HTMLElement;
-    isRendered: boolean;
+    private isDOMElement;
     quickTBarObj: BaseToolbar;
     private stringItems;
     private dropDownButtons;
@@ -48,7 +48,6 @@ export declare class BaseQuickToolbar implements IBaseQuickToolbar {
      * @deprecated
      */
     showPopup(x: number, y: number, target: Element, type?: string): void;
-    private tooltipBeforeRender;
     /**
      * hidePopup method
      *

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

@@ -15,7 +15,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     function BaseQuickToolbar(parent, locator) {
         this.parent = parent;
         this.locator = locator;
-        this.isRendered = false;
+        this.isDOMElement = false;
         this.renderFactory = this.locator.getService('rendererFactory');
         this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
         this.popupRenderer = this.renderFactory.getRenderer(RenderType.Popup);
@@ -79,18 +79,7 @@ var BaseQuickToolbar = /** @class */ (function () {
             e.target.classList.contains('e-imgbreak')) ? false : true;
         var target = !isNOU(imgWrapper) ? imgWrapper : e.target;
         addClass([this.toolbarElement], [classes.CLS_RM_WHITE_SPACE]);
-        var targetOffsetTop;
-        if (!isNOU(closest(target, 'table'))) {
-            targetOffsetTop = target.offsetTop;
-            var parentTable = closest(target, 'table');
-            while (!isNOU(parentTable)) {
-                targetOffsetTop += parentTable.offsetTop;
-                parentTable = closest(parentTable.parentElement, 'table');
-            }
-        }
-        else {
-            targetOffsetTop = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetTop : target.offsetTop;
-        }
+        var targetOffsetTop = target.offsetTop;
         var parentOffsetTop = window.pageYOffset + e.parentData.top;
         if ((targetOffsetTop - e.editTop) > e.popHeight) {
             y = parentOffsetTop + e.tBarElementHeight + (targetOffsetTop - e.editTop) - e.popHeight - 5;
@@ -102,23 +91,11 @@ var BaseQuickToolbar = /** @class */ (function () {
             y = e.y;
         }
         target = isAligned ? e.target : target;
-        var targetOffsetLeft;
-        if (!isNOU(closest(target, 'table'))) {
-            targetOffsetLeft = target.offsetLeft;
-            var parentTable = closest(target.parentElement, 'td');
-            while (!isNOU(parentTable)) {
-                targetOffsetLeft += parentTable.offsetLeft;
-                parentTable = closest(parentTable.parentElement, 'table');
-            }
-        }
-        else {
-            targetOffsetLeft = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft;
-        }
         if (target.offsetWidth > e.popWidth) {
-            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
+            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + target.offsetLeft;
         }
         else {
-            x = e.parentData.left + targetOffsetLeft;
+            x = e.parentData.left + target.offsetLeft;
         }
         this.popupObj.position.X = ((x + e.popWidth) > e.parentData.right) ? e.parentData.right - e.popWidth : x;
         this.popupObj.position.Y = (y >= 0) ? y : e.y + 5;
@@ -246,19 +223,14 @@ var BaseQuickToolbar = /** @class */ (function () {
                     _this.parent.disableToolbarItem(_this.parent.toolbarSettings.items);
                     _this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
-                else {
-                    _this.parent.enableToolbarItem(_this.parent.toolbarSettings.items);
-                }
                 append([_this.element], document.body);
                 if (_this.parent.showTooltip) {
                     _this.tooltip = new Tooltip({
                         target: '#' + _this.element.id + ' [title]',
                         openDelay: 400,
                         showTipPointer: true,
-                        beforeRender: _this.tooltipBeforeRender.bind(_this),
                         windowCollision: true,
-                        position: 'BottomCenter',
-                        cssClass: _this.parent.getCssClass()
+                        position: 'BottomCenter'
                     });
                     _this.tooltip.appendTo(_this.element);
                 }
@@ -292,9 +264,9 @@ var BaseQuickToolbar = /** @class */ (function () {
                     parentData: parent_1.getBoundingClientRect(),
                     tBarElementHeight: tBarHeight
                 };
-                if ((closest(target, 'TABLE') || target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
+                if (target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
                     (target.classList.contains(classes.CLS_AUDIOWRAP) || target.classList.contains(classes.CLS_CLICKELEM) ||
-                        target.classList.contains(classes.CLS_VID_CLICK_ELEM)))) && (x == beforeQuickToolbarArgs.positionX || y == beforeQuickToolbarArgs.positionY)) {
+                        target.classList.contains(classes.CLS_VID_CLICK_ELEM)))) {
                     _this.setPosition(showPopupData);
                 }
                 if (!_this.parent.inlineMode.enable) {
@@ -312,15 +284,10 @@ var BaseQuickToolbar = /** @class */ (function () {
                     maxWidth: window.outerWidth + 'px'
                 });
                 addClass([_this.element], [classes.CLS_POP]);
-                _this.isRendered = true;
+                _this.isDOMElement = true;
             }
         });
     };
-    BaseQuickToolbar.prototype.tooltipBeforeRender = function (args) {
-        if (args.target.querySelector('.e-active')) {
-            args.cancel = true;
-        }
-    };
     /**
      * hidePopup method
      *
@@ -354,7 +321,7 @@ var BaseQuickToolbar = /** @class */ (function () {
             }
         }
         this.removeEleFromDOM();
-        this.isRendered = false;
+        this.isDOMElement = false;
     };
     /**
      * @param {string} item - specifies the string value
@@ -377,7 +344,7 @@ var BaseQuickToolbar = /** @class */ (function () {
     };
     BaseQuickToolbar.prototype.removeEleFromDOM = function () {
         var element = this.popupObj.element;
-        if (this.isRendered) {
+        if (this.isDOMElement) {
             this.dropDownButtons.destroyDropDowns();
             this.colorPickerObj.destroyColorPicker();
             removeClass([this.element], [classes.CLS_POP]);

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

@@ -1,9 +1,9 @@
 import { RenderType } from '../base/enum';
 import { CLS_HR_SEPARATOR } from '../base/classes';
 import * as events from '../base/constant';
-import { getTooltipText, toObjectLowerCase } from '../base/util';
+import { getTooltipText, isIDevice, toObjectLowerCase } from '../base/util';
 import { tools, templateItems, windowKeys } from '../models/items';
-import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, extend, Browser } from '@syncfusion/ej2-base';
 /**
  * `Toolbar` module is used to handle Toolbar actions.
  */
@@ -107,13 +107,23 @@ var BaseToolbar = /** @class */ (function () {
                 case '-':
                     return { type: 'Separator', cssClass: CLS_HR_SEPARATOR };
                 default:
-                    return {
-                        id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
-                        prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
-                        tooltipText: getTooltipText(itemStr, this.locator),
-                        command: this.tools[itemStr.toLocaleLowerCase()].command,
-                        subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
-                    };
+                    if (this.parent.showTooltip) {
+                        return {
+                            id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
+                            prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
+                            tooltipText: getTooltipText(itemStr, this.locator),
+                            command: this.tools[itemStr.toLocaleLowerCase()].command,
+                            subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
+                        };
+                    }
+                    else {
+                        return {
+                            id: this.parent.getID() + '_' + container + '_' + this.tools[itemStr.toLocaleLowerCase()].id,
+                            prefixIcon: this.tools[itemStr.toLocaleLowerCase()].icon,
+                            command: this.tools[itemStr.toLocaleLowerCase()].command,
+                            subCommand: this.tools[itemStr.toLocaleLowerCase()].subCommand
+                        };
+                    }
             }
         }
     };
@@ -144,14 +154,10 @@ var BaseToolbar = /** @class */ (function () {
                                 _this.parent.formatter.saveData();
                             }
                             callback_1.call(_this);
-                            if (_this.parent.formatter.getUndoRedoStack().length > 0) {
-                                var currentContentElem = _this.parent.createElement('div');
-                                var stackItem = _this.parent.formatter.getUndoRedoStack()[_this.parent.formatter.getUndoRedoStack().length - 1];
-                                var clonedItem = (stackItem.text).cloneNode(true);
-                                currentContentElem.appendChild(clonedItem);
-                                if (currentContentElem.innerHTML.trim() === _this.parent.inputElement.innerHTML.trim()) {
-                                    return;
-                                }
+                            var currentContentElem = _this.parent.createElement('div');
+                            currentContentElem.appendChild(_this.parent.formatter.getUndoRedoStack()[_this.parent.formatter.getUndoRedoStack().length - 1].text);
+                            if (currentContentElem.innerHTML.trim() === _this.parent.inputElement.innerHTML.trim()) {
+                                return;
                             }
                             if (proxy_1.undo) {
                                 _this.parent.formatter.saveData();
@@ -166,22 +172,17 @@ var BaseToolbar = /** @class */ (function () {
             var item = tbItems_1[_i];
             _loop_1(item);
         }
-        if (this.parent.showTooltip) {
-            for (var num = 0; num < items.length; num++) {
-                var tooltipText = items[num].tooltipText;
-                var shortCutKey = void 0;
-                var isMacDev = window.navigator.platform.toLocaleLowerCase().includes('mac');
-                if (windowKeys["" + tooltipText]) {
-                    shortCutKey = isMacDev ? windowKeys["" + tooltipText].replace('Ctrl+', '⌘').replace('Shift+', '⇧').replace('Alt+', '⌥') : windowKeys["" + tooltipText];
-                }
-                else {
-                    shortCutKey = tooltipText;
-                }
-                if (shortCutKey) {
-                    if (!(items[num].command === "Images" && items[num].subCommand === "InsertLink")) {
-                        items[num].tooltipText = (tooltipText !== shortCutKey) ? (isMacDev) ? shortCutKey : tooltipText + ' (' + shortCutKey + ')' : tooltipText;
-                    }
-                }
+        for (var num = 0; num < items.length; num++) {
+            var tooltipText = items[num].tooltipText;
+            var shortCutKey = void 0;
+            if (windowKeys["" + tooltipText]) {
+                shortCutKey = Browser.isDevice && isIDevice() ? windowKeys["" + tooltipText].replace('Ctrl', 'Cmd') : windowKeys["" + tooltipText];
+            }
+            else {
+                shortCutKey = tooltipText;
+            }
+            if (shortCutKey) {
+                items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
             }
         }
         return items;

package/src/rich-text-editor/actions/color-picker.d.ts

@@ -39,7 +39,6 @@ export declare class ColorPickerInput {
     private setCssClass;
     private updateCss;
     protected addEventListener(): void;
-    private showColorPicker;
     private onPropertyChanged;
     protected removeEventListener(): void;
 }

package/src/rich-text-editor/actions/color-picker.js

@@ -170,15 +170,6 @@ var ColorPickerInput = /** @class */ (function () {
         this.parent.on(events.destroyColorPicker, this.destroyColorPicker, this);
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
-        this.parent.on(events.showColorPicker, this.showColorPicker, this);
-    };
-    ColorPickerInput.prototype.showColorPicker = function (e) {
-        if (!isNullOrUndefined(this.fontColorPicker) && (e.toolbarClick === "fontcolor")) {
-            this.fontColorDropDown.toggle();
-        }
-        else if (!isNullOrUndefined(this.backgroundColorPicker) && (e.toolbarClick === "backgroundcolor")) {
-            this.backgroundColorDropDown.toggle();
-        }
     };
     ColorPickerInput.prototype.onPropertyChanged = function (model) {
         var newProp = model.newProp;
@@ -252,7 +243,6 @@ var ColorPickerInput = /** @class */ (function () {
         this.parent.off(events.destroyColorPicker, this.destroyColorPicker);
         this.parent.off(events.modelChanged, this.onPropertyChanged);
         this.parent.off(events.bindCssClass, this.setCssClass);
-        this.parent.off(events.showColorPicker, this.showColorPicker);
     };
     return ColorPickerInput;
 }());

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

@@ -35,7 +35,7 @@ var Count = /** @class */ (function () {
     };
     Count.prototype.appendCount = function () {
         var htmlText = this.parent.editorMode === 'Markdown' ? this.editPanel.value :
-            (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, ''));
+            this.editPanel.textContent;
         if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
             this.htmlLength = htmlText.replace(/\u200B/g, '').length;
         }

package/src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -16,7 +16,6 @@ export declare class DropDownButtons {
     displayDropDown: DropDownButton;
     tableRowsDropDown: DropDownButton;
     tableColumnsDropDown: DropDownButton;
-    tableCellDropDown: DropDownButton;
     tableCellVerticalAlignDropDown: DropDownButton;
     /**
      *

package/src/rich-text-editor/actions/dropdown-buttons.js

@@ -134,7 +134,7 @@ var DropDownButtons = /** @class */ (function () {
                         if (isNullOrUndefined(targetElement) || targetElement.classList.contains(classes.CLS_DROPDOWN_BTN)) {
                             return;
                         }
-                        var fontsize = !isNullOrUndefined(_this.fontSizeDropDown) && !isNullOrUndefined(_this.fontSizeDropDown.items) && _this.fontSizeDropDown.items.length > 0 ? _this.fontSizeDropDown.items : JSON.parse(JSON.stringify(_this.parent.fontSize.items.slice()));
+                        var fontsize = _this.parent.fontSize.items.slice();
                         fontsize.forEach(function (item) {
                             Object.defineProperties(item, {
                                 command: { value: 'Font', enumerable: true }, subCommand: { value: 'FontSize', enumerable: true }
@@ -333,7 +333,7 @@ var DropDownButtons = /** @class */ (function () {
         if (targetElement.classList.contains(classes.CLS_DROPDOWN_BTN)) {
             return;
         }
-        this.tableCellDropDown = this.toolbarRenderer.renderDropDownButton({
+        this.tableRowsDropDown = this.toolbarRenderer.renderDropDownButton({
             iconCss: 'e-table-cell e-icons',
             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS + ' ' + classes.CLS_QUICK_DROPDOWN,
             itemName: 'TableCell',
@@ -441,10 +441,6 @@ var DropDownButtons = /** @class */ (function () {
             this.removeDropDownClasses(this.tableColumnsDropDown.element);
             this.tableColumnsDropDown.destroy();
         }
-        if (this.tableCellDropDown) {
-            this.removeDropDownClasses(this.tableCellDropDown.element);
-            this.tableCellDropDown.destroy();
-        }
         if (this.tableCellVerticalAlignDropDown) {
             this.removeDropDownClasses(this.tableCellVerticalAlignDropDown.element);
             this.tableCellVerticalAlignDropDown.destroy();
@@ -498,7 +494,7 @@ var DropDownButtons = /** @class */ (function () {
         var dropDownObj = [
             this.formatDropDown, this.fontNameDropDown, this.fontSizeDropDown, this.alignDropDown, this.imageAlignDropDown,
             this.displayDropDown, this.numberFormatListDropDown, this.bulletFormatListDropDown, this.tableRowsDropDown,
-            this.tableColumnsDropDown, this.tableCellDropDown, this.tableCellVerticalAlignDropDown
+            this.tableColumnsDropDown, this.tableCellVerticalAlignDropDown
         ];
         for (var i = 0; i < dropDownObj.length; i++) {
             this.updateCss(dropDownObj[i], e);
@@ -516,7 +512,7 @@ var DropDownButtons = /** @class */ (function () {
         this.parent.on(events.bindCssClass, this.setCssClass, this);
     };
     DropDownButtons.prototype.onIframeMouseDown = function () {
-        if (!isNullOrUndefined(this.parent.getToolbarElement()) && (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0 || this.parent.getToolbarElement().querySelectorAll('.e-dropdown-btn.e-rte-inline-dropdown[aria-expanded="true"]').length > 0)) {
+        if (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0) {
             dispatchEvent(document, 'mousedown');
         }
     };

package/src/rich-text-editor/actions/emoji-picker.js

@@ -61,10 +61,10 @@ var EmojiPicker = /** @class */ (function () {
         }
         this.popDiv = this.parent.createElement('div', { className: 'e-rte-emojipicker-popup', id: this.parent.getID() + '_emojiPicker' });
         if (!isNOU(this.parent.getToolbar()) && !this.parent.inlineMode.enable) {
-            this.parent.getToolbar().parentElement.appendChild(this.popDiv);
+            this.parent.getToolbar().appendChild(this.popDiv);
         }
         else if (this.parent.inlineMode.enable) {
-            this.parent.element.appendChild(this.popDiv);
+            this.parent.inputElement.appendChild(this.popDiv);
         }
         EventHandler.add(this.popDiv, 'keydown', this.onKeyDown, this);
         EventHandler.add(this.popDiv, 'keyup', this.searchFilter, this);
@@ -638,12 +638,12 @@ var EmojiPicker = /** @class */ (function () {
                     }
                 }
             }
-            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':' && value !== ': :')) {
+            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':')) {
                 noEmojiObj.innerHTML = '<span style="color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 16px;">' + this.i10n.getConstant('emojiPickerNoResultFound') + ' 😥 </span>' + '<br>' + '<span style="color: rgba(0, 0, 0, 0.75);"> ' + this.i10n.getConstant('emojiPickerTrySomethingElse') + ' ? </span>';
                 noEmojiObj.style.margin = '55px';
                 emojipickerAll.appendChild(noEmojiObj);
             }
-            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':') || (inputValue === '' && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'))) {
+            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':')) {
                 emojipickerAll.removeChild(this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'));
             }
             emojipickerAll.appendChild(emojiBtnDiv);

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

@@ -47,11 +47,10 @@ var EnterKeyAction = /** @class */ (function () {
                 curElement = curElement.parentElement;
                 blockElement = curElement;
             }
-            isTableEnter = blockElement.tagName === 'TH' || blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
+            isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
         if (e.args.which === 13 && !e.args.ctrlKey && (!Browser.isDevice ? e.args.code === 'Enter' : e.args.key === 'Enter')) {
-            if (isNOU(this.startNode.closest('LI, UL, OL')) && isNOU(this.endNode.closest('LI, UL, OL')) &&
-                isNOU(this.startNode.closest('.e-img-inner')) && isTableEnter &&
+            if (isNOU(this.startNode.closest('LI, UL, OL')) && isNOU(this.endNode.closest('LI, UL, OL')) && isTableEnter &&
                 isNOU(this.startNode.closest('PRE')) && isNOU(this.endNode.closest('PRE'))) {
                 var shiftKey_1 = e.args.shiftKey;
                 var actionBeginArgs = {
@@ -62,9 +61,6 @@ var EnterKeyAction = /** @class */ (function () {
                 };
                 this.parent.trigger(events.actionBegin, actionBeginArgs, function (actionBeginArgs) {
                     if (!actionBeginArgs.cancel) {
-                        if (_this.parent.formatter.getUndoRedoStack().length === 0) {
-                            _this.parent.formatter.saveData();
-                        }
                         if (!(_this.range.startOffset === _this.range.endOffset && _this.range.startContainer === _this.range.endContainer)) {
                             if (!(_this.range.startContainer.nodeName === 'SPAN' && (_this.range.startContainer.classList.contains('e-video-wrap') ||
                                 _this.range.startContainer.classList.contains('e-audio-wrap')))) {
@@ -489,10 +485,10 @@ var EnterKeyAction = /** @class */ (function () {
         }
         var previousBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].previousSibling;
         var nextBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].nextSibling;
-        if (!isNOU(previousBlockNode) && previousBlockNode.nodeName !== '#text' && previousBlockNode.hasAttribute('style') && previousBlockNode.nodeName !== 'TABLE') {
+        if (!isNOU(previousBlockNode) && previousBlockNode.hasAttribute('style')) {
             insertElem.setAttribute('style', previousBlockNode.getAttribute('style'));
         }
-        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.nodeName !== '#text' && nextBlockNode.hasAttribute('style') && nextBlockNode.nodeName !== 'TABLE') {
+        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.hasAttribute('style')) {
             insertElem.setAttribute('style', nextBlockNode.getAttribute('style'));
         }
         return insertElem;

package/src/rich-text-editor/actions/format-painter.js

@@ -1,4 +1,4 @@
-import { addClass, Browser, isNullOrUndefined as isNOU, removeClass } from '@syncfusion/ej2-base';
+import { addClass, isNullOrUndefined as isNOU, removeClass } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
 var FormatPainter = /** @class */ (function () {
     function FormatPainter(parent) {
@@ -43,9 +43,6 @@ var FormatPainter = /** @class */ (function () {
             if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
                 originalEvent.stopPropagation();
             }
-            if (Browser.userAgent.indexOf('Firefox') !== -1) {
-                originalEvent.preventDefault();
-            }
             this.actionHandler(event, 'keyBoard');
         }
     };

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

@@ -46,7 +46,7 @@ var FullScreen = /** @class */ (function () {
                     _this.parent.element.classList.add(classes.CLS_FULL_SCREEN);
                     _this.toggleParentOverflow(true);
                     var isExpand = _this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-                    _this.parent.setContentHeight('Maximize', isExpand);
+                    _this.parent.setContentHeight(null, isExpand);
                     if (_this.parent.toolbarModule) {
                         if (!_this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
                             _this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -98,7 +98,7 @@ var FullScreen = /** @class */ (function () {
                         removeClass([elem[i]], ['e-rte-overflow']);
                     }
                     var isExpand = _this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
-                    _this.parent.setContentHeight('Minimize', isExpand);
+                    _this.parent.setContentHeight(null, isExpand);
                     if (_this.parent.toolbarModule) {
                         if (!_this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
                             _this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -112,7 +112,6 @@ var FullScreen = /** @class */ (function () {
                             _this.parent.toolbarModule.addFixedTBarClass();
                         }
                     }
-                    _this.parent.refreshUI();
                     _this.parent.trigger(events.actionComplete, { requestType: 'Minimize', targetItem: 'Minimize', args: event });
                 }
             });

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

@@ -22,6 +22,7 @@ export declare class HtmlEditor {
     private saveSelection;
     xhtmlValidation: XhtmlValidation;
     private clickTimeout;
+    private tooltipTargetEle;
     constructor(parent?: IRichTextEditor, serviceLocator?: ServiceLocator);
     /**
      * Destroys the Markdown.
@@ -44,8 +45,6 @@ export declare class HtmlEditor {
     private onSelectionSave;
     private onSelectionRestore;
     private isTableClassAdded;
-    private onHandleFontsizeChange;
-    private convertFontSize;
     private onKeyUp;
     private onKeyDown;
     private isOrderedList;
@@ -58,6 +57,7 @@ export declare class HtmlEditor {
     private getRangeLiNode;
     private onPaste;
     private spaceLink;
+    private mouseOutHandler;
     private onToolbarClick;
     private renderColorPicker;
     private instantiateRenderer;