@syncfusion/ej2-richtexteditor 18.4.34 → 18.4.42-70943

package/helpers/e2e/index.js

@@ -1,6 +1,6 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
 Object.defineProperty(exports, "__esModule", { value: true });
 __export(require("./rte-helper"));

package/license

@@ -1,10 +1,10 @@
-Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
-
-To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
-
-Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
-
-Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
-
-The Syncfusion license that contains the terms and conditions can be found at 
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
 https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,53 +1,76 @@
-{
-	"name": "@syncfusion/ej2-richtexteditor",
-	"version": "18.4.34",
-	"description": "Essential JS 2 RichTextEditor component",
-	"author": "Syncfusion Inc.",
-	"license": "SEE LICENSE IN license",
-	"main": "./dist/ej2-richtexteditor.umd.min.js",
-	"module": "./index.js",
-	"es2015": "./dist/es6/ej2-richtexteditor.es2015.js",
-	"dependencies": {
-		"@syncfusion/ej2-base": "~18.4.34",
-		"@syncfusion/ej2-navigations": "~18.4.34",
-		"@syncfusion/ej2-popups": "~18.4.34",
-		"@syncfusion/ej2-splitbuttons": "~18.4.31",
-		"@syncfusion/ej2-inputs": "~18.4.33",
-		"@syncfusion/ej2-buttons": "~18.4.33",
-		"@syncfusion/ej2-filemanager": "~18.4.30"
-	},
-	"devDependencies": {
-		"@syncfusion/ej2-build": "*",
-		"@types/chai": "^3.4.28",
-		"@types/jasmine": "2.8.9",
-		"@types/jasmine-ajax": "^3.1.27",
-		"@types/requirejs": "^2.1.26"
-	},
-	"keywords": [
-		"ej2",
-		"syncfusion",
-		"ej2-richtexteditor",
-		"richtexteditor",
-		"rich-text-editor",
-		"markdowneditor",
-		"markdown-editor",
-		"editor"
-	],
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
-	},
-	"scripts": {
-		"test": "gulp ci-test",
-		"compile": "gulp ci-compile",
-		"ci-publish": "gulp ci-publish"
-	},
-	"config": {
-		"ghooks": {
-			"pre-commit": "gulp pre-commit",
-			"pre-push": "gulp pre-push",
-			"commit-msg": "gulp commit-msg"
-		}
-	},
-	"typings": "index.d.ts"
-}
+{
+    "_from": "@syncfusion/ej2-richtexteditor@*",
+    "_id": "@syncfusion/ej2-richtexteditor@18.4.39",
+    "_inBundle": false,
+    "_integrity": "sha512-zQHQfwpxLkp6Ywsv7i9qBAUoy9KTFpzuJcGacCbyRkc1rG5jJMWPlKQRJPl/x+OwsMLB/oa7g33B4fYwC09KlA==",
+    "_location": "/@syncfusion/ej2-richtexteditor",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-richtexteditor@*",
+      "name": "@syncfusion/ej2-richtexteditor",
+      "escapedName": "@syncfusion%2fej2-richtexteditor",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/",
+      "/@syncfusion/ej2",
+      "/@syncfusion/ej2-angular-richtexteditor",
+      "/@syncfusion/ej2-gantt",
+      "/@syncfusion/ej2-inplace-editor",
+      "/@syncfusion/ej2-pdfviewer",
+      "/@syncfusion/ej2-react-richtexteditor",
+      "/@syncfusion/ej2-vue-richtexteditor"
+    ],
+    "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-18.4.39.tgz",
+    "_shasum": "e1873daf7b0bb36340b1a545b2c05aab37501994",
+    "_spec": "@syncfusion/ej2-richtexteditor@*",
+    "_where": "/jenkins/workspace/automation_release_18.4.0.1-WOJ6QVY6EU5ONBWOYGQFKS2VU2UW7E67MOXUPKCE5AX7QQX7M5JQ/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bugs": {
+      "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~18.4.42",
+      "@syncfusion/ej2-buttons": "~18.4.41",
+      "@syncfusion/ej2-filemanager": "~18.4.41",
+      "@syncfusion/ej2-inputs": "~18.4.41",
+      "@syncfusion/ej2-navigations": "~18.4.42",
+      "@syncfusion/ej2-popups": "~18.4.41",
+      "@syncfusion/ej2-splitbuttons": "~18.4.41"
+    },
+    "deprecated": false,
+    "description": "Essential JS 2 RichTextEditor component",
+    "devDependencies": {},
+    "es2015": "./dist/es6/ej2-richtexteditor.es2015.js",
+    "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "ej2-richtexteditor",
+      "richtexteditor",
+      "rich-text-editor",
+      "markdowneditor",
+      "markdown-editor",
+      "editor"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-richtexteditor.umd.min.js",
+    "module": "./index.js",
+    "name": "@syncfusion/ej2-richtexteditor",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    },
+    "typings": "index.d.ts",
+    "version": "18.4.42-70943",
+    "sideEffects": false
+  }
+  

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

@@ -98,8 +98,9 @@ var ImageCommand = /** @class */ (function () {
             }
         }
         if (e.callBack && (isNOU(e.selector) || !isNOU(e.selector) && e.selector !== 'pasteCleanupModule')) {
+            var selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
             var imgElm_1 = e.value === 'Replace' ? e.item.selectParent[0] :
-                this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0].previousElementSibling;
+                (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             imgElm_1.addEventListener('load', function () {
                 e.callBack({
                     requestType: 'Image',

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

@@ -36,7 +36,7 @@ var InsertHtml = /** @class */ (function () {
         var isCursor = range.startOffset === range.endOffset && range.startOffset === 0 &&
             range.startContainer === range.endContainer;
         var isCollapsed = range.collapsed;
-        var nodes = this.getNodeCollection(range, nodeSelection);
+        var nodes = this.getNodeCollection(range, nodeSelection, node);
         var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
         if (isExternal || (!isNOU(node) && !isNOU(node.classList) &&
             node.classList.contains('pasteContent'))) {
@@ -261,9 +261,10 @@ var InsertHtml = /** @class */ (function () {
         }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
-        lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? lastSelectionNode.previousSibling : lastSelectionNode;
+        lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNOU(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
+            : lastSelectionNode.previousSibling) : lastSelectionNode;
         while (!isNOU(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
-            lastSelectionNode.nodeName !== 'BR') {
+            lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
             lastSelectionNode = lastSelectionNode.lastChild;
         }
         lastSelectionNode = isNOU(lastSelectionNode) ? node : lastSelectionNode;
@@ -275,10 +276,11 @@ var InsertHtml = /** @class */ (function () {
         }
         this.removeEmptyElements(editNode);
     };
-    InsertHtml.getNodeCollection = function (range, nodeSelection) {
+    InsertHtml.getNodeCollection = function (range, nodeSelection, node) {
         var nodes = [];
-        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
-            range.startContainer.nodeName === 'TD') {
+        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer
+            && (range.startContainer.nodeName === 'TD' || (range.startContainer.nodeType !== 3 &&
+                node.classList && node.classList.contains('pasteContent')))) {
             nodes.push(range.startContainer.childNodes[range.endOffset]);
         }
         else {
@@ -317,10 +319,12 @@ var InsertHtml = /** @class */ (function () {
         lastSelectionNode.classList.add('lastNode');
         editNode.innerHTML = updateTextNode(editNode.innerHTML);
         lastSelectionNode = editNode.querySelector('.lastNode');
-        this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
-        lastSelectionNode.classList.remove('lastNode');
-        if (lastSelectionNode.classList.length === 0) {
-            lastSelectionNode.removeAttribute('class');
+        if (!isNOU(lastSelectionNode)) {
+            this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
+            lastSelectionNode.classList.remove('lastNode');
+            if (lastSelectionNode.classList.length === 0) {
+                lastSelectionNode.removeAttribute('class');
+            }
         }
     };
     InsertHtml.imageFocus = function (node, nodeSelection, docElement) {

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

@@ -125,17 +125,17 @@ var LinkCommand = /** @class */ (function () {
             var check = true;
             currentNode = txtArray[i];
             while (check === true) {
-                if (currentNode.parentElement.nodeName === 'A') {
-                    var anchorEle = currentNode.parentElement;
-                    currentNode.parentElement.parentElement.insertBefore(anchorEle.firstChild, anchorEle);
-                    currentNode.parentElement.removeChild(anchorEle);
+                if (currentNode.parentNode.nodeName === 'A') {
+                    var anchorEle = currentNode.parentNode;
+                    currentNode.parentNode.parentNode.insertBefore(anchorEle.firstChild, anchorEle);
+                    currentNode.parentNode.removeChild(anchorEle);
                 }
-                if (this.isBlockNode(currentNode.parentElement) || txtArray.length === 0 || i === 0 || i === txtArray.length - 1) {
+                if (this.isBlockNode(currentNode.parentNode) || txtArray.length === 0 || i === 0 || i === txtArray.length - 1) {
                     inlineNodes[i] = currentNode;
                     check = false;
                 }
                 else {
-                    currentNode = currentNode.parentElement;
+                    currentNode = currentNode.parentNode;
                 }
             }
         }

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

@@ -93,11 +93,15 @@ var Lists = /** @class */ (function () {
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         if (startNode === endNode && !isNullOrUndefined(closest(startNode, 'li')) &&
-            startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) {
+            ((startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) ||
+                (startNode.textContent.length === 1 && startNode.textContent.charCodeAt(0) === 8203))) {
             startNode.textContent = '';
         }
         if (startNode === endNode && startNode.textContent === '') {
-            if (startNode.closest('ul') || startNode.closest('ol')) {
+            if (startNode.parentElement.tagName === 'LI' && endNode.parentElement.tagName === 'LI') {
+                detach(startNode);
+            }
+            else if (startNode.closest('ul') || startNode.closest('ol')) {
                 var parentList = !isNOU(startNode.closest('ul')) ? startNode.closest('ul') : startNode.closest('ol');
                 if (parentList.firstElementChild === startNode && !isNOU(parentList.children[1]) &&
                     (parentList.children[1].tagName === 'OL' || parentList.children[1].tagName === 'UL')) {

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

@@ -575,18 +575,34 @@ var MsWordPaste = /** @class */ (function () {
     };
     MsWordPaste.prototype.getListContent = function (elem) {
         var pushContent = '';
-        if (elem.firstElementChild.textContent.trim() === '' &&
-            !isNOU(elem.firstElementChild.firstElementChild) &&
-            elem.firstElementChild.firstElementChild.nodeName === 'IMG') {
+        var firstChild = elem.firstElementChild;
+        if (firstChild.textContent.trim() === '' && !isNOU(firstChild.firstElementChild) &&
+            firstChild.firstElementChild.nodeName === 'IMG') {
             pushContent = elem.innerHTML.trim();
             this.listContents.push('');
             this.listContents.push(pushContent);
         }
         else {
-            pushContent = elem.firstElementChild.textContent.trim();
-            this.listContents.push(pushContent);
+            var styleNodes = ['b', 'em'];
+            if (firstChild.childNodes.length > 0 && (firstChild.querySelectorAll('b').length > 0
+                || firstChild.querySelectorAll('em').length > 0)) {
+                for (var i = 0; i < firstChild.childNodes.length; i++) {
+                    var nodeName = firstChild.childNodes[i].nodeName.toLowerCase();
+                    if (firstChild.childNodes[i].textContent.trim().length > 1 && styleNodes.indexOf(nodeName) !== -1) {
+                        pushContent = '<' + nodeName + '>' + firstChild.childNodes[i].textContent + '</' + nodeName + '>';
+                        this.listContents.push(pushContent);
+                    }
+                    else if (firstChild.childNodes[i].textContent.trim().length === 1) {
+                        this.listContents.push(firstChild.childNodes[i].textContent.trim());
+                    }
+                }
+            }
+            else {
+                pushContent = firstChild.textContent.trim();
+                this.listContents.push(pushContent);
+            }
         }
-        detach(elem.firstElementChild);
+        detach(firstChild);
         this.listContents.push(elem.innerHTML);
     };
     return MsWordPaste;

package/src/editor-manager/plugin/selection-commands.d.ts

@@ -6,6 +6,7 @@ export declare class SelectionCommands {
      */
     static applyFormat(docElement: Document, format: string, endNode: Node, value?: string, selector?: string): void;
     private static insertCursorNode;
+    private static getCursorFormat;
     private static removeFormat;
     private static insertFormat;
     private static applyStyles;

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

@@ -22,6 +22,7 @@ var SelectionCommands = /** @class */ (function () {
             if (format === 'backgroundcolor' && value === '') {
                 value = 'transparent';
             }
+            var preventRestore = false;
             var domSelection = new NodeSelection();
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
@@ -38,10 +39,23 @@ var SelectionCommands = /** @class */ (function () {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, nodes[0]);
                 }
+                else if (range.startContainer.nodeType === 3 && range.startContainer.parentElement.childElementCount > 0 &&
+                    range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') {
+                    isCollapsed = true;
+                    range = nodeCutter.GetCursorRange(docElement, range, range.startContainer);
+                    nodes.push(range.startContainer);
+                }
                 else if (range.startContainer.nodeName.toLowerCase() !== 'td') {
                     var cursorNode = this.insertCursorNode(docElement, domSelection, range, isFormatted, nodeCutter, format, value, endNode);
                     domSelection.endContainer = domSelection.startContainer = domSelection.getNodeArray(cursorNode, true);
-                    domSelection.endOffset = domSelection.startOffset = 1;
+                    var childNodes = cursorNode.nodeName === 'BR' && cursorNode.parentNode.childNodes;
+                    if (!isNOU(childNodes) && childNodes.length === 1 && childNodes[0].nodeName === 'BR' && nodes.length === 0) {
+                        domSelection.setSelectionText(docElement, range.startContainer, range.endContainer, 0, 0);
+                        preventRestore = true;
+                    }
+                    else {
+                        domSelection.endOffset = domSelection.startOffset = 1;
+                    }
                 }
             }
             isCursor = range.collapsed;
@@ -72,7 +86,9 @@ var SelectionCommands = /** @class */ (function () {
             if (isIDevice()) {
                 setEditFrameFocus(endNode, selector);
             }
-            save.restore();
+            if (!preventRestore) {
+                save.restore();
+            }
             if (isSubSup) {
                 this.applyFormat(docElement, format, endNode);
             }
@@ -80,17 +96,32 @@ var SelectionCommands = /** @class */ (function () {
     };
     SelectionCommands.insertCursorNode = function (docElement, domSelection, range, isFormatted, nodeCutter, format, value, endNode) {
         var cursorNodes = domSelection.getNodeCollection(range);
-        var cursorFormat = (cursorNodes.length > 0) ? isFormatted.getFormattedNode(cursorNodes[0], format, endNode) : null;
+        var cursorFormat = (cursorNodes.length > 0) ?
+            (cursorNodes.length > 1 && range.startContainer === range.endContainer) ?
+                this.getCursorFormat(isFormatted, cursorNodes, format, endNode) :
+                isFormatted.getFormattedNode(cursorNodes[0], format, endNode) : null;
         var cursorNode = null;
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
             InsertMethods.unwrap(cursorFormat);
         }
         else {
+            if (cursorNodes.length > 1 && range.startOffset > 0 && (cursorNodes[0].firstElementChild &&
+                cursorNodes[0].firstElementChild.tagName.toLowerCase() === 'br')) {
+                cursorNodes[0].innerHTML = '';
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;
     };
+    SelectionCommands.getCursorFormat = function (isFormatted, cursorNodes, format, endNode) {
+        var currentNode;
+        for (var index = 0; index < cursorNodes.length; index++) {
+            currentNode = cursorNodes[index].lastElementChild ?
+                cursorNodes[index].lastElementChild : cursorNodes[index];
+        }
+        return isFormatted.getFormattedNode(currentNode, format, endNode);
+    };
     SelectionCommands.removeFormat = function (nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domSelection) {
         var splitNode = null;
         if (!(range.startContainer === range.endContainer && range.startOffset === 0

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

@@ -38,7 +38,8 @@ var TableCommand = /** @class */ (function () {
         if (!isNOU(e.item.width.maxWidth)) {
             table.style.maxWidth = this.calculateStyleValue(e.item.width.maxWidth);
         }
-        var tdWid = parseInt(e.item.width.width, 10) / e.item.columns;
+        var tdWid = parseInt(e.item.width.width, 10) > 100 ?
+            100 / e.item.columns : parseInt(e.item.width.width, 10) / e.item.columns;
         for (var i = 0; i < e.item.row; i++) {
             var row = createElement('tr');
             for (var j = 0; j < e.item.columns; j++) {

package/src/global.d.ts

@@ -0,0 +1 @@
+export * from './index';

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

@@ -4,7 +4,6 @@ import { IRichTextEditor } from '../base/interface';
  * `FullScreen` module is used to maximize and minimize screen
  */
 export declare class FullScreen {
-    private overflowData;
     protected parent: IRichTextEditor;
     private scrollableParent;
     constructor(parent?: IRichTextEditor);

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

@@ -1,4 +1,4 @@
-import { Browser, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { Browser, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { getScrollableParent } from '@syncfusion/ej2-popups';
 import * as events from '../base/constant';
 import * as classes from '../base/classes';
@@ -17,7 +17,8 @@ var FullScreen = /** @class */ (function () {
      * @deprecated
      */
     FullScreen.prototype.showFullScreen = function (event) {
-        if (this.parent.toolbarSettings.enable === true && this.parent.editorMode !== 'Markdown') {
+        if (this.parent.toolbarSettings.enable === true && this.parent.editorMode !== 'Markdown'
+            && !isNOU(this.parent.quickToolbarModule)) {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         this.scrollableParent = getScrollableParent(this.parent.element);
@@ -53,7 +54,8 @@ var FullScreen = /** @class */ (function () {
      * @deprecated
      */
     FullScreen.prototype.hideFullScreen = function (event) {
-        if (this.parent.toolbarSettings.enable === true && this.parent.editorMode !== 'Markdown') {
+        if (this.parent.toolbarSettings.enable === true && this.parent.editorMode !== 'Markdown'
+            && !isNOU(this.parent.quickToolbarModule)) {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
@@ -81,7 +83,7 @@ var FullScreen = /** @class */ (function () {
         }
     };
     FullScreen.prototype.toggleParentOverflow = function (isAdd) {
-        if (isNullOrUndefined(this.scrollableParent)) {
+        if (isNOU(this.scrollableParent)) {
             return;
         }
         for (var i = 0; i < this.scrollableParent.length; i++) {

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

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

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

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, NotifyPropertyChanges, Event } from '@syncfusion/ej2-base';
 import { Base } from '@syncfusion/ej2-base';
 var keyCode = {
@@ -101,6 +101,7 @@ var KeyboardEvents = /** @class */ (function (_super) {
             var isAltKey = e.altKey;
             var isCtrlKey = e.ctrlKey;
             var isShiftKey = e.shiftKey;
+            var isMetaKey = e.metaKey;
             var curkeyCode = e.which;
             var keys = Object.keys(_this.keyConfigs);
             for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
@@ -109,7 +110,7 @@ var KeyboardEvents = /** @class */ (function (_super) {
                 for (var _a = 0, configCollection_1 = configCollection; _a < configCollection_1.length; _a++) {
                     var rconfig = configCollection_1[_a];
                     var rKeyObj = KeyboardEvents_1.getKeyConfigData(rconfig.trim());
-                    if (isAltKey === rKeyObj.altKey && isCtrlKey === rKeyObj.ctrlKey &&
+                    if (isAltKey === rKeyObj.altKey && (isCtrlKey === rKeyObj.ctrlKey || isMetaKey) &&
                         isShiftKey === rKeyObj.shiftKey && curkeyCode === rKeyObj.keyCode) {
                         e.action = key;
                     }

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

@@ -59,6 +59,9 @@ var Resize = /** @class */ (function () {
             this.parent.element.style.height = eventType.clientY - boundRect.top + 'px';
             this.parent.element.style.width = eventType.clientX - boundRect.left + 'px';
         }
+        if (!this.parent.toolbarSettings.enable) {
+            this.parent.setContentHeight('', false);
+        }
         this.parent.refreshUI();
     };
     Resize.prototype.stopResize = function (e) {

package/src/rich-text-editor/base/constant.d.ts

@@ -151,6 +151,11 @@ export declare const imageToolbarAction: string;
  * @deprecated
  */
 export declare const linkToolbarAction: string;
+/**
+ * @hidden
+ * @deprecated
+ */
+export declare const windowResize: string;
 /**
  * @hidden
  * @deprecated

package/src/rich-text-editor/base/constant.js

@@ -151,6 +151,11 @@ export var imageToolbarAction = 'image-toolbar-action';
  * @deprecated
  */
 export var linkToolbarAction = 'link-toolbar-action';
+/**
+ * @hidden
+ * @deprecated
+ */
+export var windowResize = 'resize';
 /**
  * @hidden
  * @deprecated