@syncfusion/ej2-richtexteditor 24.1.46 → 24.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.46
+*  version : 24.2.3
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@24.1.45",
+  "_id": "@syncfusion/ej2-richtexteditor@24.1.47",
   "_inBundle": false,
-  "_integrity": "sha512-639ZpTHnu5BdfPiBTllfJndDTien1yXWHPyQDGWulZXC92dAMtipXgiuEcsVLtVVJv0FbVgg5X9zX4T8PBq/4Q==",
+  "_integrity": "sha512-ITHuJcI8Vi0NzcpJ2//FUUah+iuPTk39qOb4jZQCJaLsoDlUsu/m2fzybDOdR6X84st4zXZb2oxvL6ANoz1G3Q==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.1.45.tgz",
-  "_shasum": "1fe5762cdca0998b044c81caa60c22dd0e47df75",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.1.47.tgz",
+  "_shasum": "93709601606f02a03d67372a08a4f34792d6087e",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.46",
-    "@syncfusion/ej2-buttons": "~24.1.46",
-    "@syncfusion/ej2-filemanager": "~24.1.45",
-    "@syncfusion/ej2-inputs": "~24.1.45",
-    "@syncfusion/ej2-navigations": "~24.1.46",
-    "@syncfusion/ej2-popups": "~24.1.46",
-    "@syncfusion/ej2-splitbuttons": "~24.1.46"
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-buttons": "~24.2.3",
+    "@syncfusion/ej2-filemanager": "~24.2.3",
+    "@syncfusion/ej2-inputs": "~24.2.3",
+    "@syncfusion/ej2-navigations": "~24.2.3",
+    "@syncfusion/ej2-popups": "~24.2.3",
+    "@syncfusion/ej2-splitbuttons": "~24.2.3"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.1.46",
+  "version": "24.2.3",
   "sideEffects": false
 }

package/src/common/constant.d.ts

@@ -91,3 +91,9 @@ export declare const FORMAT_PAINTER_ACTIONS: string;
  * @hidden
  */
 export declare const EMOJI_PICKER_ACTIONS: string;
+/**
+ * Mouse down event constant
+ *
+ * @hidden
+ */
+export declare const MOUSE_DOWN: string;

package/src/common/constant.js

@@ -91,3 +91,9 @@ export var FORMAT_PAINTER_ACTIONS = 'format_painter_actions';
  * @hidden
  */
 export var EMOJI_PICKER_ACTIONS = 'emoji_picker_actions';
+/**
+ * Mouse down event constant
+ *
+ * @hidden
+ */
+export var MOUSE_DOWN = 'mouseDown';

package/src/common/util.js

@@ -82,30 +82,41 @@ export function updateTextNode(value, enterAction) {
         }
         var tableElm = resultElm.querySelectorAll('table');
         for (var i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].getAttribute('border') === '0') {
-                tableElm[i].removeAttribute('border');
-            }
-            var tdElm = tableElm[i].querySelectorAll('td');
-            for (var j = 0; j < tdElm.length; j++) {
-                if (tdElm[j].style.borderLeft === 'none') {
-                    tdElm[j].style.removeProperty('border-left');
-                }
-                if (tdElm[j].style.borderRight === 'none') {
-                    tdElm[j].style.removeProperty('border-right');
-                }
-                if (tdElm[j].style.borderBottom === 'none') {
-                    tdElm[j].style.removeProperty('border-bottom');
+            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
+                tableElm[i].classList.add('e-rte-paste-table');
+                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-word-table');
+                    continue; // Sking the removal of the border if the source is from word.
                 }
-                if (tdElm[j].style.borderTop === 'none') {
-                    tdElm[j].style.removeProperty('border-top');
+                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-excel-table');
+                    if (tableElm[i].getAttribute('border') === '0') {
+                        tableElm[i].removeAttribute('border');
+                    }
+                    var tdElm = tableElm[i].querySelectorAll('td');
+                    for (var j = 0; j < tdElm.length; j++) {
+                        if (tdElm[j].style.borderLeft === 'none') {
+                            tdElm[j].style.removeProperty('border-left');
+                        }
+                        if (tdElm[j].style.borderRight === 'none') {
+                            tdElm[j].style.removeProperty('border-right');
+                        }
+                        if (tdElm[j].style.borderBottom === 'none') {
+                            tdElm[j].style.removeProperty('border-bottom');
+                        }
+                        if (tdElm[j].style.borderTop === 'none') {
+                            tdElm[j].style.removeProperty('border-top');
+                        }
+                        if (tdElm[j].style.border === 'none') {
+                            tdElm[j].style.removeProperty('border');
+                        }
+                    }
                 }
-                if (tdElm[j].style.border === 'none') {
-                    tdElm[j].style.removeProperty('border');
+                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                    continue;
                 }
             }
-            if (!tableElm[i].classList.contains('e-rte-table')) {
-                tableElm[i].classList.add('e-rte-table');
-            }
         }
         var imageElm = resultElm.querySelectorAll('img');
         for (var i = 0; i < imageElm.length; i++) {

package/src/editor-manager/base/constant.d.ts

@@ -82,3 +82,9 @@ export declare const CLEAR_TYPE: string;
  * @hidden
  */
 export declare const SELF_CLOSING_TAGS: string[];
+/**
+ * Source
+ *
+ * @hidden
+ */
+export declare const PASTE_SOURCE: string[];

package/src/editor-manager/base/constant.js

@@ -87,3 +87,9 @@ export var CLEAR_TYPE = 'clear-type';
  * @hidden
  */
 export var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
+/**
+ * Source
+ *
+ * @hidden
+ */
+export var PASTE_SOURCE = ['word', 'excel', 'onenote'];

package/src/editor-manager/base/editor-manager.d.ts

@@ -79,4 +79,9 @@ export declare class EditorManager {
 
      */
     execCommand<T>(command: ExecCommand, value: T, event?: Event, callBack?: Function, text?: string | Node, exeValue?: T, selector?: string, enterAction?: string): void;
+    private editorMouseDown;
+    private tripleClickSelection;
+    private getParentBlockNode;
+    private getLastTextNode;
+    private getFirstTextNode;
 }

package/src/editor-manager/base/editor-manager.js

@@ -68,6 +68,7 @@ var EditorManager = /** @class */ (function () {
         this.observer.on(EVENTS.MODEL_CHANGED, this.onPropertyChanged, this);
         this.observer.on(EVENTS.MS_WORD_CLEANUP, this.onWordPaste, this);
         this.observer.on(EVENTS.ON_BEGIN, this.onBegin, this);
+        this.observer.on(EVENTS.MOUSE_DOWN, this.editorMouseDown, this);
     };
     EditorManager.prototype.onWordPaste = function (e) {
         this.observer.notify(EVENTS.MS_WORD_CLEANUP_PLUGIN, e);
@@ -211,6 +212,64 @@ var EditorManager = /** @class */ (function () {
                     event: event, callBack: callBack });
         }
     };
+    EditorManager.prototype.editorMouseDown = function (e) {
+        if (e.args.detail === 3) {
+            this.tripleClickSelection(e.args);
+        }
+    };
+    EditorManager.prototype.tripleClickSelection = function (e) {
+        var range = this.nodeSelection.getRange(this.currentDocument);
+        var selection = this.nodeSelection.get(this.currentDocument);
+        if (selection.rangeCount > 0 && selection.toString() !== '') {
+            var startBlockNode = this.getParentBlockNode(range.startContainer);
+            var endBlockNode = this.getParentBlockNode(range.endContainer);
+            if (startBlockNode && endBlockNode && startBlockNode === endBlockNode) {
+                var newRange = this.currentDocument.createRange();
+                var startTextNode = this.getFirstTextNode(startBlockNode);
+                var endTextNode = this.getLastTextNode(endBlockNode);
+                if (startTextNode && endTextNode) {
+                    newRange.setStart(startTextNode, 0);
+                    newRange.setEnd(endTextNode, endTextNode.textContent.length);
+                    this.nodeSelection.setRange(this.currentDocument, newRange);
+                    e.preventDefault();
+                }
+            }
+        }
+    };
+    EditorManager.prototype.getParentBlockNode = function (node) {
+        var treeWalker = this.currentDocument.createTreeWalker(this.editableElement, // root
+        NodeFilter.SHOW_ELEMENT, // whatToShow
+        {
+            acceptNode: function (currentNode) {
+                // Check if the node is a block element
+                var displayStyle = window.getComputedStyle(currentNode).display;
+                if (displayStyle.indexOf('inline') < 0) {
+                    return NodeFilter.FILTER_ACCEPT;
+                }
+                else {
+                    return NodeFilter.FILTER_SKIP;
+                }
+            }
+        });
+        treeWalker.currentNode = node;
+        var blockParent = treeWalker.parentNode();
+        return blockParent;
+    };
+    EditorManager.prototype.getLastTextNode = function (node) {
+        var treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        var lastTextNode = null;
+        var currentNode = treeWalker.nextNode();
+        while (currentNode) {
+            lastTextNode = currentNode;
+            currentNode = treeWalker.nextNode();
+        }
+        return lastTextNode;
+    };
+    EditorManager.prototype.getFirstTextNode = function (node) {
+        var treeWalker = this.currentDocument.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
+        var firstTextNode = treeWalker.nextNode();
+        return firstTextNode;
+    };
     return EditorManager;
 }());
 export { EditorManager };

package/src/editor-manager/base/interface.d.ts

@@ -227,3 +227,11 @@ export interface CSSPropCollection {
     value: string;
     priority: string;
 }
+/**
+ * @private
+ * @hidden
+ */
+export interface IHTMLMouseEventArgs {
+    name: string;
+    args: MouseEvent;
+}

package/src/editor-manager/plugin/dom-node.js

@@ -573,7 +573,9 @@ var DOMNode = /** @class */ (function () {
         else if (start.tagName === 'BR') {
             this.replaceWith(start, this.marker(className, this.encode(start.textContent)));
             var markerStart = range.startContainer.querySelector('.' + className);
-            markerStart.parentElement.appendChild(start);
+            if (markerStart) {
+                markerStart.parentElement.appendChild(start);
+            }
         }
         else {
             if (start.tagName === 'IMG') {

package/src/editor-manager/plugin/format-painter-actions.js

@@ -174,7 +174,7 @@ var FormatPainterActions = /** @class */ (function () {
     };
     FormatPainterActions.prototype.copyAction = function () {
         var copyCollection = [];
-        var range = this.parent.nodeSelection.getRange(document);
+        var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
         var domSelection = this.parent.nodeSelection;
         var nodes = range.collapsed ? domSelection.getSelectionNodeCollection(range) :
             domSelection.getSelectionNodeCollectionBr(range);

package/src/editor-manager/plugin/ms-word-clean-up.d.ts

@@ -50,5 +50,7 @@ export declare class MsWordPaste {
     private getlistStyleType;
     private makeConversion;
     private getListContent;
+    private processMargin;
     private removeEmptyAnchorTag;
+    private findSource;
 }

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -1,5 +1,6 @@
 import * as EVENTS from '../../common/constant';
 import { createElement, isNullOrUndefined as isNOU, detach } from '@syncfusion/ej2-base';
+import { PASTE_SOURCE } from '../base/constant';
 /**
  * PasteCleanup for MsWord content
  *
@@ -66,6 +67,7 @@ var MsWordPaste = /** @class */ (function () {
         var pattern4 = /style='mso-width-source:/i;
         if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
             pattern4.test(tempHTMLContent)) {
+            var source = this.findSource(elm);
             this.imageConversion(elm, rtfData);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
             this.addListClass(elm);
@@ -86,16 +88,8 @@ var MsWordPaste = /** @class */ (function () {
             if (pattern4.test(tempHTMLContent)) {
                 this.addTableBorderClass(elm);
             }
-            // Removing the margin for list items
-            var liChildren = elm.querySelectorAll('li');
-            if (liChildren.length > 0) {
-                for (var i = 0; i < liChildren.length; i++) {
-                    if (!isNOU(liChildren[i].style.marginLeft)) {
-                        liChildren[i].style.marginLeft = '';
-                    }
-                }
-            }
-            e.callBack(elm.innerHTML, this.cropImageDimensions);
+            this.processMargin(elm);
+            e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
             e.callBack(elm.innerHTML);
@@ -929,6 +923,25 @@ var MsWordPaste = /** @class */ (function () {
         }
         this.listContents.push(elem.innerHTML);
     };
+    MsWordPaste.prototype.processMargin = function (element) {
+        var liChildren = element.querySelectorAll('li');
+        if (liChildren.length > 0) {
+            for (var i = 0; i < liChildren.length; i++) {
+                if (!isNOU((liChildren[i]).style.marginLeft)) {
+                    (liChildren[i]).style.marginLeft = '';
+                }
+            }
+        }
+        var tableChildren = element.querySelectorAll('table');
+        if (tableChildren.length > 0) {
+            for (var i = 0; i < tableChildren.length; i++) {
+                if (!isNOU((tableChildren[i]).style.marginLeft) &&
+                    (tableChildren[i]).style.marginLeft.indexOf('-') >= 0) {
+                    (tableChildren[i]).style.marginLeft = '';
+                }
+            }
+        }
+    };
     MsWordPaste.prototype.removeEmptyAnchorTag = function (element) {
         var removableElement = element.querySelectorAll('a:not([href])');
         for (var j = removableElement.length - 1; j >= 0; j--) {
@@ -939,6 +952,22 @@ var MsWordPaste = /** @class */ (function () {
             parentElem.removeChild(removableElement[j]);
         }
     };
+    MsWordPaste.prototype.findSource = function (element) {
+        var metaNodes = element.querySelectorAll('meta');
+        for (var i = 0; i < metaNodes.length; i++) {
+            var metaNode = metaNodes[i];
+            var content = metaNode.getAttribute('content');
+            var name_1 = metaNode.getAttribute('name');
+            if (name_1 && name_1.toLowerCase().indexOf('generator') >= 0 && content && content.toLowerCase().indexOf('microsoft') >= 0) {
+                for (var j = 0; j < PASTE_SOURCE.length; j++) {
+                    if (content.toLowerCase().indexOf(PASTE_SOURCE[j]) >= 0) {
+                        return PASTE_SOURCE[j];
+                    }
+                }
+            }
+        }
+        return 'html';
+    };
     return MsWordPaste;
 }());
 export { MsWordPaste };

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

@@ -38,6 +38,22 @@ var SelectionCommands = /** @class */ (function () {
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
             var range = domSelection.getRange(docElement);
+            if (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer === range.endContainer && !isNOU(endNode) && range.startContainer === endNode) {
+                var startChildNodes = range.startContainer.childNodes;
+                var startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) :
+                    range.startOffset]) || range.startContainer);
+                var endNode_1 = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) :
+                    range.endOffset] || range.endContainer);
+                var lastSelectionNode = (endNode_1.lastChild.nodeName === 'BR' ? (isNOU(endNode_1.lastChild.previousSibling) ? endNode_1
+                    : endNode_1.lastChild.previousSibling) : endNode_1.firstChild);
+                while (!isNOU(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
+                    lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
+                    lastSelectionNode = lastSelectionNode.lastChild;
+                }
+                ;
+                domSelection.setSelectionText(docElement, startNode, lastSelectionNode, 0, 0);
+                range = domSelection.getRange(docElement);
+            }
             var save = domSelection.save(range, docElement);
             var nodes = range.collapsed ? domSelection.getSelectionNodeCollection(range) :
                 domSelection.getSelectionNodeCollectionBr(range);

package/src/editor-manager/plugin/table.d.ts

@@ -20,7 +20,6 @@ export declare class TableCommand {
     private addEventListener;
     private createTable;
     private calculateStyleValue;
-    private removeEmptyNode;
     private insertAfter;
     private getSelectedCellMinMaxIndex;
     private insertRow;

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

@@ -60,7 +60,6 @@ var TableCommand = /** @class */ (function () {
         table.appendChild(tblBody);
         e.item.selection.restore();
         InsertHtml.Insert(this.parent.currentDocument, table, this.parent.editableElement);
-        this.removeEmptyNode();
         e.item.selection.setSelectionText(this.parent.currentDocument, table.querySelector('td'), table.querySelector('td'), 0, 0);
         if (table.nextElementSibling === null) {
             var insertElem = void 0;
@@ -104,24 +103,6 @@ var TableCommand = /** @class */ (function () {
         }
         return styleValue;
     };
-    TableCommand.prototype.removeEmptyNode = function () {
-        var emptyUl = this.parent.editableElement.querySelectorAll('ul:empty, ol:empty');
-        for (var i = 0; i < emptyUl.length; i++) {
-            detach(emptyUl[i]);
-        }
-        var emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
-        for (var i = 0; i < emptyLiChild.length; i++) {
-            detach(emptyLiChild[i]);
-            if (emptyLiChild.length === i + 1) {
-                emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
-                i = -1;
-            }
-        }
-        var emptyLi = this.parent.editableElement.querySelectorAll('li:empty');
-        for (var i = 0; i < emptyLi.length; i++) {
-            detach(emptyLi[i]);
-        }
-    };
     TableCommand.prototype.insertAfter = function (newNode, referenceNode) {
         referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
     };
@@ -472,14 +453,21 @@ var TableCommand = /** @class */ (function () {
         }
     };
     TableCommand.prototype.tableVerticalAlign = function (e) {
-        if (e.item.subCommand === 'AlignTop') {
-            e.item.tableCell.style.verticalAlign = 'top';
-        }
-        else if (e.item.subCommand === 'AlignMiddle') {
-            e.item.tableCell.style.verticalAlign = 'middle';
+        var value = '';
+        switch (e.item.subCommand) {
+            case 'AlignTop':
+                value = 'top';
+                break;
+            case 'AlignMiddle':
+                value = 'middle';
+                break;
+            case 'AlignBottom':
+                value = 'bottom';
+                break;
         }
-        else {
-            e.item.tableCell.style.verticalAlign = 'bottom';
+        e.item.tableCell.style.verticalAlign = value;
+        if (value && value !== '' && e.item.tableCell.getAttribute('valign')) {
+            e.item.tableCell.removeAttribute('valign');
         }
         if (e.callBack) {
             e.callBack({

package/src/editor-manager/plugin/undo.d.ts

@@ -39,6 +39,7 @@ export declare class UndoRedoManager {
     private keyDown;
     private keyUp;
     private getTextContentFromFragment;
+    private isElementStructureEqual;
     /**
      * RTE collection stored html format.
      *

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

@@ -98,6 +98,25 @@ 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.
      *
@@ -134,7 +153,8 @@ 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.getTextContentFromFragment(changEle.text).trim()) &&
+            this.isElementStructureEqual(this.undoRedoStack[this.undoRedoStack.length - 1].text, changEle.text)) {
             return;
         }
         this.undoRedoStack.push(changEle);

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

@@ -320,6 +320,9 @@ var BaseQuickToolbar = /** @class */ (function () {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);
             }
         }
+        if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(events.destroyTooltip, { args: event });
+        }
         this.removeEleFromDOM();
         this.isDOMElement = false;
     };

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

@@ -154,10 +154,14 @@ var BaseToolbar = /** @class */ (function () {
                                 _this.parent.formatter.saveData();
                             }
                             callback_1.call(_this);
-                            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 (_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;
+                                }
                             }
                             if (proxy_1.undo) {
                                 _this.parent.formatter.saveData();

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.editPanel.textContent;
+            (this.parent.getText().replace(/(\r\n|\n|\r|\t)/gm, ''));
         if (this.parent.editorMode !== 'Markdown' && htmlText.indexOf('\u200B') !== -1) {
             this.htmlLength = htmlText.replace(/\u200B/g, '').length;
         }

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

@@ -3,7 +3,8 @@ import { RenderType } from '../base/enum';
 import { getIndex } from '../base/util';
 import * as events from '../base/constant';
 import * as classes from '../base/classes';
-import { getDropDownValue, getFormattedFontSize, getTooltipText } from '../base/util';
+import { getDropDownValue, getFormattedFontSize, getTooltipText, getTooltipTextDropdownItems, getQuickToolbarTooltipText } from '../base/util';
+import { fontNameLocale, formatsLocale, numberFormatListLocale, bulletFormatListLocale } from '../models/default-locale';
 import * as model from '../models/items';
 import { dispatchEvent } from '../base/util';
 /**
@@ -24,10 +25,28 @@ var DropDownButtons = /** @class */ (function () {
         if (item.cssClass) {
             addClass([args.element], item.cssClass);
         }
+        if (item.command === 'Images' || item.command === 'Videos' || item.command === 'Audios' || item.command === 'Table') {
+            args.element.setAttribute('title', getQuickToolbarTooltipText(item.text));
+        }
         if (item.command === 'Alignments' || item.subCommand === 'JustifyLeft'
             || item.subCommand === 'JustifyRight' || item.subCommand === 'JustifyCenter') {
             args.element.setAttribute('title', getTooltipText(item.subCommand.toLocaleLowerCase(), this.locator));
         }
+        if (item.command === 'Formats') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.subCommand.toLocaleLowerCase(), this.locator, formatsLocale));
+        }
+        if (item.command === 'Font') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), this.locator, fontNameLocale));
+        }
+        if (item.subCommand === 'BulletFormatList') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), this.locator, bulletFormatListLocale));
+        }
+        if (item.subCommand === 'NumberFormatList') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.replace(/\s/g, '').toLocaleLowerCase(), this.locator, numberFormatListLocale));
+        }
+        if (item.subCommand === 'FontSize') {
+            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), null, null, this.parent));
+        }
     };
     DropDownButtons.prototype.dropdownContent = function (width, type, content) {
         return ('<span style="display: inline-flex;' + 'width:' + ((type === 'quick') ? 'auto' : width) + '" >' +
@@ -134,7 +153,7 @@ var DropDownButtons = /** @class */ (function () {
                         if (isNullOrUndefined(targetElement) || targetElement.classList.contains(classes.CLS_DROPDOWN_BTN)) {
                             return;
                         }
-                        var fontsize = _this.parent.fontSize.items.slice();
+                        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()));
                         fontsize.forEach(function (item) {
                             Object.defineProperties(item, {
                                 command: { value: 'Font', enumerable: true }, subCommand: { value: 'FontSize', enumerable: true }

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

@@ -643,7 +643,7 @@ var EmojiPicker = /** @class */ (function () {
                 noEmojiObj.style.margin = '55px';
                 emojipickerAll.appendChild(noEmojiObj);
             }
-            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':')) {
+            else if (!noEMoji && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') || (inputValue === '' && value === ':') || (inputValue === '' && this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'))) {
                 emojipickerAll.removeChild(this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji'));
             }
             emojipickerAll.appendChild(emojiBtnDiv);

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

@@ -112,6 +112,7 @@ 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

@@ -45,6 +45,8 @@ export declare class HtmlEditor {
     private onSelectionSave;
     private onSelectionRestore;
     private isTableClassAdded;
+    private onHandleFontsizeChange;
+    private convertFontSize;
     private onKeyUp;
     private onKeyDown;
     private isOrderedList;