@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.7
+*  version : 24.1.41
 *  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@23.2.6",
+  "_id": "@syncfusion/ej2-richtexteditor@23.1.53",
   "_inBundle": false,
-  "_integrity": "sha512-yiMdrOTe/kK+B6CGHKyKTYE+XvhMVnznfPPgziZDZgT11BPn/mdRhpMyCtfjlTybpQ5ohE9WGNqpeWndalRhZA==",
+  "_integrity": "sha512-tB7WAmGNNbrQpGA3CqujRthIZdrsIWUwzNgUwtPIF0jcUlCRthnZbbPbV7SJ4pbfzwZJLoIE6qFsWt36HnVLNg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,10 +25,10 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.2.6.tgz",
-  "_shasum": "b567bbae22fa4e6718a8f076b6c14c4a16e2977b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.1.53.tgz",
+  "_shasum": "43db30cc27624e6357af8b3ae8d9fd955e04cef8",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.6",
-    "@syncfusion/ej2-buttons": "~23.2.7",
-    "@syncfusion/ej2-filemanager": "~23.2.6",
-    "@syncfusion/ej2-inputs": "~23.2.4",
-    "@syncfusion/ej2-navigations": "~23.2.7",
-    "@syncfusion/ej2-popups": "~23.2.4",
-    "@syncfusion/ej2-splitbuttons": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.1.41",
+    "@syncfusion/ej2-buttons": "~24.1.41",
+    "@syncfusion/ej2-filemanager": "~24.1.41",
+    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-navigations": "~24.1.41",
+    "@syncfusion/ej2-popups": "~24.1.41",
+    "@syncfusion/ej2-splitbuttons": "~24.1.41"
   },
   "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": "23.2.7",
+  "version": "24.1.41",
   "sideEffects": false
 }

package/src/common/config.js

@@ -41,7 +41,7 @@ export var htmlKeyConfig = {
     'insert-link': 'ctrl+k',
     'insert-image': 'ctrl+shift+i',
     'insert-audio': 'ctrl+shift+a',
-    'insert-video': 'ctrl+shift+v',
+    'insert-video': 'ctrl+alt+v',
     'insert-table': 'ctrl+shift+e',
     'undo': 'ctrl+z',
     'redo': 'ctrl+y',

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

@@ -113,9 +113,19 @@ var AudioCommand = /** @class */ (function () {
         if (!isNOU(e.item.url)) {
             sourceElement.setAttribute('src', e.item.url);
         }
-        sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
-            'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
-            e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+        var fileExtension = e.item.fileName ? e.item.fileName.split('.').pop().toLowerCase() :
+            e.item.url ? e.item.url.split('.').pop().toLowerCase() : '';
+        if (fileExtension === 'opus') {
+            sourceElement.type = 'audio/ogg';
+        }
+        else if (fileExtension === 'm4a') {
+            sourceElement.type = 'audio/mp4';
+        }
+        else {
+            sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
+                'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
+                e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+        }
     };
     AudioCommand.prototype.callBack = function (e) {
         if (e.callBack) {

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

@@ -451,19 +451,6 @@ var DOMNode = /** @class */ (function () {
         var end = this.parent.querySelector('.' + markerClassName.endSelection);
         var startTextNode;
         var endTextNode;
-        if (start.textContent === '' && isNOU(end) && action !== 'tab') {
-            // To Do Apply Heading and Back space press in empty content.
-            // if (isNOU(action) && save.range.startContainer.nodeType === 1 &&
-            //     (save.range.startContainer as HTMLElement).querySelectorAll('audio,video,image').length === 0)  {
-            //     start.innerHTML = '<br>';
-            // }
-            if (start.childNodes.length === 1 && start.childNodes[0].nodeName === 'BR') {
-                start.innerHTML = '&#65279;&#65279;<br>';
-            }
-            else {
-                start.innerHTML = '&#65279;&#65279;';
-            }
-        }
         if (this.hasClass(start, markerClassName.startSelection) && start.classList.length > 1) {
             var replace = this.createTagString(CONSTANT.DEFAULT_TAG, start, this.encode(start.textContent));
             this.replaceWith(start, replace);
@@ -586,7 +573,7 @@ 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.appendChild(start);
+            markerStart.parentElement.appendChild(start);
         }
         else {
             if (start.tagName === 'IMG') {

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

@@ -84,8 +84,8 @@ var ImageCommand = /** @class */ (function () {
         e.item.url = isNOU(e.item.url) || e.item.url === 'undefined' ? e.item.src : e.item.url;
         if (!isNOU(e.item.selectParent) && e.item.selectParent[0].tagName === 'IMG') {
             var imgEle = e.item.selectParent[0];
-            this.setStyle(imgEle, e);
             isReplaced = true;
+            this.setStyle(imgEle, e, isReplaced);
         }
         else {
             var imgElement = createElement('img');
@@ -121,12 +121,34 @@ var ImageCommand = /** @class */ (function () {
                 }
             });
         }
+        if (e.value === 'Replace') {
+            e.item.subCommand = 'Replace';
+            this.callBack(e);
+        }
     };
-    ImageCommand.prototype.setStyle = function (imgElement, e) {
+    ImageCommand.prototype.setStyle = function (imgElement, e, imgReplace) {
         if (!isNOU(e.item.url)) {
             imgElement.setAttribute('src', e.item.url);
         }
-        imgElement.setAttribute('class', 'e-rte-image' + (isNOU(e.item.cssClass) ? '' : ' ' + e.item.cssClass));
+        var alignClassName;
+        if (imgReplace) {
+            var alignClass = {
+                'e-imgcenter': 'e-imgcenter',
+                'e-imgright': 'e-imgright',
+                'e-imgleft': 'e-imgleft'
+            };
+            var imgClassList = imgElement.classList;
+            var classArray = [];
+            for (var i = 0; i < imgClassList.length; i++) {
+                // eslint-disable-next-line
+                if (!isNOU(alignClass[imgClassList[i]])) {
+                    // eslint-disable-next-line
+                    alignClassName = alignClass[imgClassList[i]];
+                }
+            }
+        }
+        imgElement.setAttribute('class', 'e-rte-image' + (isNOU(e.item.cssClass) ? '' : ' ' + e.item.cssClass)
+            + (isNOU(alignClassName) ? '' : ' ' + alignClassName));
         if (!isNOU(e.item.altText)) {
             imgElement.setAttribute('alt', e.item.altText);
         }
@@ -178,6 +200,9 @@ var ImageCommand = /** @class */ (function () {
         if (!isNOU(e.item.target)) {
             anchor.setAttribute('target', e.item.target);
         }
+        if (!isNOU(e.item.ariaLabel)) {
+            anchor.setAttribute('aria-label', e.item.ariaLabel);
+        }
         InsertHtml.Insert(this.parent.currentDocument, anchor, this.parent.editableElement);
         this.callBack(e);
     };
@@ -209,9 +234,11 @@ var ImageCommand = /** @class */ (function () {
         e.item.selectNode[0].parentElement.href = e.item.url;
         if (isNOU(e.item.target)) {
             e.item.selectNode[0].parentElement.removeAttribute('target');
+            e.item.selectNode[0].parentElement.removeAttribute('aria-label');
         }
         else {
             e.item.selectNode[0].parentElement.target = e.item.target;
+            e.item.selectNode[0].parentElement.ariaLabel = e.item.ariaLabel;
         }
         this.callBack(e);
     };

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

@@ -119,6 +119,9 @@ var InsertHtml = /** @class */ (function () {
                         InsertMethods.AppendBefore(node, parentNode.firstChild, false);
                     }
                 }
+                else if (isNOU(preNode.previousSibling) && insertNode.tagName === 'TABLE') {
+                    parentNode.prepend(node);
+                }
                 else {
                     parentNode.appendChild(node);
                 }
@@ -296,7 +299,7 @@ var InsertHtml = /** @class */ (function () {
                         (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
                         lastSelectionNode = node.firstChild;
                         if (isNOU(node.previousElementSibling)) {
-                            var firstParaElm = createElement('p');
+                            var firstParaElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                             node.parentElement.insertBefore(firstParaElm, node);
                         }
                         if (node.previousElementSibling.nodeName === 'BR') {
@@ -311,7 +314,7 @@ var InsertHtml = /** @class */ (function () {
                         if (node.firstChild.nodeName === '#text' ||
                             (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
                             if (!isPreviousInlineElem) {
-                                paraElm = createElement('p');
+                                paraElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                                 paraElm.appendChild(node.firstChild);
                                 fragment.appendChild(paraElm);
                             }

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

@@ -474,6 +474,9 @@ var MsWordPaste = /** @class */ (function () {
                     resultElem = elm.querySelectorAll(keys[i]);
                 }
                 for (var j = 0; j < resultElem.length; j++) {
+                    if (resultElem[j].closest('li') && keys[i] === 'p') {
+                        continue;
+                    }
                     var styleProperty = resultElem[j].getAttribute('style');
                     if (!isNOU(styleProperty) && styleProperty.trim() !== '') {
                         var valueSplit = values[i].split(';');
@@ -772,7 +775,7 @@ var MsWordPaste = /** @class */ (function () {
                 !isNormalList) {
                 prevList = null;
             }
-            var pElement = createElement('p');
+            var pElement = createElement('p', { className: 'MsoNormal' });
             pElement.innerHTML = collection[index].content.join(' ');
             if ((collection[index].nestedLevel === 1) && listCount === 0 && collection[index].content) {
                 root.appendChild(temp = createElement(collection[index].listType, { className: collection[index].class }));

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

@@ -171,7 +171,7 @@ var NodeCutter = /** @class */ (function () {
         if ((indexes.indexOf(range.startOffset) >= 0)
             || ((indexes.indexOf(range.startOffset - 1) >= 0) && (range.startOffset !== 1
                 || (range.startOffset === 1 && new RegExp('\\s').test(str[0])))
-                || ((indexes[indexes.length - 1] - 1) === range.startOffset))) {
+                || (((indexes[indexes.length - 1] - 1) === range.startOffset) && !new RegExp('\\s').test(str[0])))) {
             cursorRange = range;
             this.position = 1;
         }

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

@@ -295,6 +295,19 @@ var SelectionCommands = /** @class */ (function () {
         }
         else {
             child = InsertMethods.unwrap(formatNode);
+            var liElement = nodes[index].parentElement;
+            if (!isNOU(liElement) && liElement.tagName.toLowerCase() !== 'li') {
+                liElement = closest(liElement, 'li');
+            }
+            if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                if (format === 'bold') {
+                    liElement.style.fontWeight = 'normal';
+                }
+                else if (format === "italic") {
+                    liElement.style.fontStyle = 'normal';
+                }
+            }
         }
         if (child[0] && !isFontStyle) {
             var nodeTraverse = child[index] ? child[index] : child[0];
@@ -343,6 +356,16 @@ var SelectionCommands = /** @class */ (function () {
                 if (child[num].nodeType !== 3 || (child[num].textContent &&
                     child[num].textContent.trim().length > 0)) {
                     child[num] = InsertMethods.Wrap(child[num], this.GetFormatNode(format, value, formatNodeTagName, formatNodeStyles));
+                    var liElement = nodes[index].parentElement;
+                    if (!isNOU(liElement) && liElement.tagName.toLowerCase() !== 'li') {
+                        liElement = closest(liElement, 'li');
+                    }
+                    if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                        liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                        if (format === 'fontname') {
+                            liElement.style.fontFamily = value;
+                        }
+                    }
                     if (child[num].textContent === startText) {
                         if (num === 0) {
                             range.setStartBefore(child[num]);
@@ -456,6 +479,9 @@ var SelectionCommands = /** @class */ (function () {
                                 liElement.style.color = value;
                                 liElement.style.textDecoration = 'inherit';
                             }
+                            else if (format === 'fontname') {
+                                liElement.style.fontFamily = value;
+                            }
                         }
                         if (value === 'formatPainter') {
                             return this.insertFormatPainterElem(nodes, index, range, nodeCutter, painterValues, domNode);
@@ -503,6 +529,19 @@ var SelectionCommands = /** @class */ (function () {
                     }
                     else {
                         nodes[index] = this.applyStyles(nodes, index, element);
+                        var liElement = nodes[index].parentElement;
+                        if (!isNOU(liElement) && liElement.tagName.toLowerCase() !== 'li') {
+                            liElement = closest(liElement, 'li');
+                        }
+                        if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' &&
+                            liElement.textContent.trim() === nodes[index].textContent.trim()) {
+                            if (format === 'bold') {
+                                liElement.style.fontWeight = 'bold';
+                            }
+                            else if (format === "italic") {
+                                liElement.style.fontStyle = 'italic';
+                            }
+                        }
                     }
                 }
             }

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

@@ -24,6 +24,9 @@ var BaseQuickToolbar = /** @class */ (function () {
     }
     BaseQuickToolbar.prototype.appendPopupContent = function () {
         this.toolbarElement = this.parent.createElement('div', { className: classes.CLS_QUICK_TB });
+        if (this.element.classList.contains(classes.CLS_TEXT_POP)) {
+            this.toolbarElement.classList.add(classes.CLS_TEXT_QUICK_TB);
+        }
         this.element.appendChild(this.toolbarElement);
     };
     /**
@@ -216,7 +219,7 @@ var BaseQuickToolbar = /** @class */ (function () {
                     editPanelTop = (cntEle) ? cntEle.scrollTop : 0;
                     editPanelHeight = (cntEle) ? cntEle.offsetHeight : 0;
                 }
-                if (!_this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text') {
+                if ((!_this.parent.inlineMode.enable && !closest(target, 'table') && type !== 'text' && type !== 'link') || target.tagName === 'IMG') {
                     _this.parent.disableToolbarItem(_this.parent.toolbarSettings.items);
                     _this.parent.enableToolbarItem(['Undo', 'Redo']);
                 }
@@ -359,7 +362,18 @@ var BaseQuickToolbar = /** @class */ (function () {
             tbItems: this.quickTBarObj.toolbarObj.items
         };
         setToolbarStatus(options, true, this.parent);
-        if (!select('.e-rte-srctextarea', this.parent.element)) {
+        if (this.parent.quickToolbarSettings.text && this.parent.quickToolbarModule.textQTBar) {
+            var options_1 = {
+                args: args,
+                dropDownModule: this.parent.quickToolbarModule.textQTBar.dropDownButtons,
+                parent: this.parent,
+                tbElements: selectAll('.' + classes.CLS_TB_ITEM, this.parent.quickToolbarModule.textQTBar.element),
+                tbItems: this.parent.quickToolbarModule.textQTBar.quickTBarObj.toolbarObj.items
+            };
+            setToolbarStatus(options_1, true, this.parent);
+            updateUndoRedoStatus(this.parent.quickToolbarModule.textQTBar.quickTBarObj, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
+        }
+        if (!select('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element)) {
             updateUndoRedoStatus(this.parent.getBaseToolbarObject(), this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
         }
     };
@@ -391,7 +405,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         this.parent.on(events.destroy, this.destroy, this);
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);
-        if (this.parent.inlineMode.enable) {
+        if (this.parent.inlineMode.enable || this.parent.quickToolbarSettings.text) {
             this.parent.on(events.toolbarUpdated, this.updateStatus, this);
         }
     };
@@ -433,7 +447,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         this.parent.off(events.destroy, this.destroy);
         this.parent.off(events.modelChanged, this.onPropertyChanged);
-        if (this.parent.inlineMode.enable) {
+        if (this.parent.inlineMode.enable || this.parent.quickToolbarSettings.text) {
             this.parent.off(events.toolbarUpdated, this.updateStatus);
         }
     };

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

@@ -58,7 +58,7 @@ var ColorPickerInput = /** @class */ (function () {
                         document.body.appendChild(fontNode);
                         options = {
                             cssClass: _this.tools[item.toLocaleLowerCase()].icon
-                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + ' ' + _this.parent.cssClass,
+                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + _this.parent.getCssClass(true),
                             value: _this.tools[item.toLocaleLowerCase()].value,
                             command: _this.tools[item.toLocaleLowerCase()].command,
                             subCommand: _this.tools[item.toLocaleLowerCase()].subCommand,
@@ -85,7 +85,7 @@ var ColorPickerInput = /** @class */ (function () {
                         document.body.appendChild(backNode);
                         options = {
                             cssClass: _this.tools[item.toLocaleLowerCase()].icon
-                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + ' ' + _this.parent.cssClass,
+                                + ' ' + classes.CLS_RTE_ELEMENTS + ' ' + classes.CLS_ICONS + _this.parent.getCssClass(true),
                             value: _this.tools[item.toLocaleLowerCase()].value,
                             command: _this.tools[item.toLocaleLowerCase()].command,
                             subCommand: _this.tools[item.toLocaleLowerCase()].subCommand,
@@ -100,7 +100,7 @@ var ColorPickerInput = /** @class */ (function () {
             }
         });
         if (this.parent.inlineMode.enable) {
-            this.setCssClass({ cssClass: this.parent.cssClass });
+            this.setCssClass({ cssClass: this.parent.getCssClass() });
         }
     };
     ColorPickerInput.prototype.destroy = function () {

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

@@ -191,7 +191,7 @@ var DropDownButtons = /** @class */ (function () {
             }
         });
         if (this.parent.inlineMode.enable) {
-            this.setCssClass({ cssClass: this.parent.cssClass });
+            this.setCssClass({ cssClass: this.parent.getCssClass() });
         }
     };
     DropDownButtons.prototype.getUpdateItems = function (items, value) {
@@ -512,7 +512,9 @@ var DropDownButtons = /** @class */ (function () {
         this.parent.on(events.bindCssClass, this.setCssClass, this);
     };
     DropDownButtons.prototype.onIframeMouseDown = function () {
-        dispatchEvent(document, 'mousedown');
+        if (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0) {
+            dispatchEvent(document, 'mousedown');
+        }
     };
     DropDownButtons.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {

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

@@ -44,6 +44,9 @@ var EmojiPicker = /** @class */ (function () {
             spanElement = this.parent.element.ownerDocument.querySelector('.e-emoji');
         }
         this.divElement = spanElement.closest('div');
+        if (!(this.parent.inputElement.contains(this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument()).startContainer))) {
+            this.parent.contentModule.getEditPanel().focus();
+        }
         var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
         this.save = this.parent.formatter.editorManager.nodeSelection.save(range, this.parent.contentModule.getDocument());
         this.clickEvent = args.args;
@@ -683,7 +686,8 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.onkeyPress = function (e) {
         var originalEvent = e.args;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() :
+            this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -703,6 +707,10 @@ var EmojiPicker = /** @class */ (function () {
         }
         if (originalEvent.keyCode === 32 && isPrevColon && this.popupObj) {
             removeClass([this.divElement], 'e-active');
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument : this.parent.contentModule.getDocument();
+            if (this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
+                this.parent.notify(events.destroyTooltip, { args: event });
+            }
             this.popupObj.hide();
         }
         if (this.popupObj && (originalEvent.keyCode === 37 || originalEvent.keyCode === 38 || originalEvent.keyCode === 39
@@ -713,7 +721,8 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.onkeyUp = function (e) {
         var originalEvent = e.args;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() :
+            this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -739,7 +748,7 @@ var EmojiPicker = /** @class */ (function () {
     };
     EmojiPicker.prototype.getCoordinates = function () {
         var coordinates;
-        var selection = this.parent.contentModule.getDocument().getSelection();
+        var selection = (this.parent.iframeSettings.enable) ? this.parent.contentModule.getPanel().contentWindow.getSelection() : window.getSelection();
         var range = selection.getRangeAt(0);
         var firstChild;
         if (range.startContainer.nodeName === 'P' || range.startContainer.nodeName === 'DIV') {

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

@@ -236,7 +236,8 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                     _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), insertElem.nextElementSibling, 0);
                                 }
-                                else if (nearBlockNode.textContent.length === 0 && !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') && !(nearBlockNode.querySelectorAll('img').length > 0)) {
+                                else if (nearBlockNode.textContent.length === 0 && !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                    (nearBlockNode.querySelectorAll('video').length > 0) || (nearBlockNode.querySelectorAll('audio').length > 0) || (nearBlockNode.querySelectorAll('img').length > 0))) {
                                     if (!isNOU(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
                                         var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         _this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);

package/src/rich-text-editor/actions/file-manager.js

@@ -78,7 +78,7 @@ var FileManager = /** @class */ (function () {
         this.dialogObj.createElement = this.parent.createElement;
         this.dialogObj.appendTo(dlgTarget);
         this.dialogObj.show(Browser.isDevice ? true : false);
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     // eslint-disable-next-line @typescript-eslint/tslint/config
     FileManager.prototype.setCssClass = function (e) {

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

@@ -38,7 +38,7 @@ var FormatPainter = /** @class */ (function () {
     };
     FormatPainter.prototype.onKeyDown = function (event) {
         var originalEvent = event.args;
-        if ((originalEvent.altKey && originalEvent.shiftKey && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste'))
+        if (!isNOU(originalEvent) && !isNOU(originalEvent.action) && (originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')
             || (originalEvent.action === 'escape' && (this.previousAction === 'format-copy' || this.previousAction === 'format-paste'))) {
             if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
                 originalEvent.stopPropagation();

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

@@ -26,7 +26,7 @@ var FullScreen = /** @class */ (function () {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.maximizeMinimizeClick, { args: event });
+            this.parent.notify(events.destroyTooltip, { args: event });
         }
         this.scrollableParent = getScrollableParent(this.parent.element);
         if (!this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
@@ -81,7 +81,7 @@ var FullScreen = /** @class */ (function () {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.maximizeMinimizeClick, { args: event });
+            this.parent.notify(events.destroyTooltip, { args: event });
         }
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
             var evenArgs = {

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.
@@ -56,6 +57,7 @@ export declare class HtmlEditor {
     private getRangeLiNode;
     private onPaste;
     private spaceLink;
+    private mouseOutHandler;
     private onToolbarClick;
     private renderColorPicker;
     private instantiateRenderer;

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

@@ -1,5 +1,5 @@
 import * as events from '../base/constant';
-import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach, EventHandler } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { HTMLFormatter } from '../formatter/html-formatter';
 import { RenderType } from '../base/enum';
@@ -222,7 +222,7 @@ var HtmlEditor = /** @class */ (function () {
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
             if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
-                var currentLength = this.parent.getText().trim().length;
+                var currentLength = this.parent.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length;
                 var selectionLength = this.parent.getSelection().length;
                 var totalLength = (currentLength - selectionLength) + 1;
                 if (!(this.parent.maxLength === -1 || totalLength <= this.parent.maxLength) &&
@@ -232,6 +232,10 @@ var HtmlEditor = /** @class */ (function () {
                 }
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
+                    var newRange = this.parent.getRange();
+                    if (!isNOU(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text') {
+                        newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
+                    }
                 }
             }
         }
@@ -380,7 +384,7 @@ var HtmlEditor = /** @class */ (function () {
         var liElement;
         var rootElement;
         if (e.args.code === 'Delete' && e.args.keyCode === 46 &&
-            this.parent.contentModule.getText().trim().length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
+            this.parent.contentModule.getText().trim().replace(/(\r\n|\n|\r)/gm, '').replace(/\u200B/g, '').length !== 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.parentElement.tagName !== 'TD' &&
             currentRange.startContainer.parentElement.tagName !== 'TH') {
             this.deleteRangeElement = rootElement = this.getRootBlockNode(currentRange.startContainer);
             if (this.deleteRangeElement.tagName === 'OL' || this.deleteRangeElement.tagName === 'UL') {
@@ -428,8 +432,13 @@ var HtmlEditor = /** @class */ (function () {
                         this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), this.deleteRangeElement, this.deleteRangeElement.childNodes.length);
                         this.isImageDelete = false;
                     }
-                    if (this.deleteRangeElement.querySelector('BR')) {
-                        detach(this.deleteRangeElement.querySelector('BR'));
+                    var brNode = this.deleteRangeElement.querySelector('BR');
+                    if (brNode && brNode.classList.contains('e-rte-image-remove-focus')) {
+                        removeClass([brNode], ['e-rte-image-focus']);
+                        return;
+                    }
+                    else if (brNode) {
+                        detach(brNode);
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')
                         && this.deleteOldRangeElement !== this.deleteRangeElement) {
@@ -590,6 +599,19 @@ var HtmlEditor = /** @class */ (function () {
             }, e, value);
         }
     };
+    HtmlEditor.prototype.mouseOutHandler = function () {
+        if (!isNOU(this.tooltipTargetEle)) {
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        else {
+            var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+                this.parent.contentModule.getDocument();
+            this.tooltipTargetEle = currentDocument.querySelector('[data-title]');
+            this.tooltipTargetEle.setAttribute('title', this.tooltipTargetEle.getAttribute('data-title'));
+        }
+        this.tooltipTargetEle.removeAttribute('data-title');
+        EventHandler.remove(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler);
+    };
     HtmlEditor.prototype.onToolbarClick = function (args) {
         var _this = this;
         var save;
@@ -597,6 +619,15 @@ var HtmlEditor = /** @class */ (function () {
         var selectParentEle;
         var item = args.item;
         var closestElement = closest(args.originalEvent.target, '.e-rte-quick-popup');
+        var currentDocument = this.parent.iframeSettings.enable ? this.parent.contentModule.getPanel().ownerDocument :
+            this.parent.contentModule.getDocument();
+        this.tooltipTargetEle = closest(args.originalEvent.target, '[data-tooltip-id]');
+        if (!isNOU(this.tooltipTargetEle) && this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
+            this.parent.notify(events.destroyTooltip, { args: event });
+            this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+            this.tooltipTargetEle.removeAttribute('title');
+            EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+        }
         if (item.command !== 'FormatPainter') {
             if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {
                 if (!(item.subCommand === 'SourceCode' || item.subCommand === 'Preview' ||