@syncfusion/ej2-richtexteditor 20.3.61 → 20.4.38

package/dist/es6/ej2-richtexteditor.es5.js

@@ -580,24 +580,24 @@ var imageRemoving = 'imageRemoving';
  */
 var fileSelected = 'fileSelected';
 /**
-  * @hidden
-  * @deprecated
-  */
+ * @hidden
+ * @deprecated
+ */
 var fileUploading = 'fileUploading';
 /**
-  * @hidden
-  * @deprecated
-  */
+ * @hidden
+ * @deprecated
+ */
 var fileUploadSuccess = 'fileUploadSuccess';
 /**
-  * @hidden
-  * @deprecated
-  */
+ * @hidden
+ * @deprecated
+ */
 var fileUploadFailed = 'fileUploadFailed';
 /**
-  * @hidden
-  * @deprecated
-  */
+ * @hidden
+ * @deprecated
+ */
 var fileRemoving = 'fileRemoving';
 /**
  * @hidden
@@ -2577,7 +2577,7 @@ function pageYOffset(e, parentElement, isIFrame) {
  */
 function getTooltipText(item, serviceLocator) {
     var i10n = serviceLocator.getService('rteLocale');
-    var itemLocale = toolsLocale[item];
+    var itemLocale = toolsLocale["" + item];
     var tooltipText = i10n.getConstant(itemLocale);
     return tooltipText;
 }
@@ -2600,17 +2600,17 @@ function setToolbarStatus(e, isPopToolbar, self) {
             var itemStr = item && item.toLocaleLowerCase();
             if (item && (itemStr === key) || (item === 'UL' && key === 'unorderedlist') || (item === 'OL' && key === 'orderedlist') ||
                 (itemStr === 'pre' && key === 'insertcode')) {
-                if (typeof data[key] === 'boolean') {
-                    if (data[key] === true) {
+                if (typeof data["" + key] === 'boolean') {
+                    if (data["" + key] === true) {
                         addClass([e.tbElements[j]], [CLS_ACTIVE]);
                     }
                     else {
                         removeClass([e.tbElements[j]], [CLS_ACTIVE]);
                     }
                 }
-                else if ((typeof data[key] === 'string' || data[key] === null) &&
+                else if ((typeof data["" + key] === 'string' || data["" + key] === null) &&
                     getIndex(key, e.parent.toolbarSettings.items) > -1) {
-                    var value = ((data[key]) ? data[key] : '');
+                    var value = ((data["" + key]) ? data["" + key] : '');
                     var result = '';
                     switch (key) {
                         case 'formats': {
@@ -2624,7 +2624,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             result = getDropDownValue(formatItems$$1, value, 'subCommand', 'text');
                             dropDown.formatDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.format.width + '" >' +
-                                '<span class="e-rte-dropdown-btn-text' + ' ' + e.parent.cssClass + '">'
+                                '<span class="e-rte-dropdown-btn-text' + (isNullOrUndefined(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
                                 + (isNullOrUndefined(result) ? formatContent : result) +
                                 '</span></span>');
                             dropDown.formatDropDown.dataBind();
@@ -2654,7 +2654,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             e.tbElements[j].title = name_1;
                             dropDown.fontNameDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.fontFamily.width + '" >' +
-                                '<span class="e-rte-dropdown-btn-text' + ' ' + e.parent.cssClass + '">'
+                                '<span class="e-rte-dropdown-btn-text' + (isNullOrUndefined(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
                                 + name_1 + '</span></span>');
                             dropDown.fontNameDropDown.dataBind();
                             break;
@@ -2670,7 +2670,7 @@ function setToolbarStatus(e, isPopToolbar, self) {
                             result = getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), 'value', 'text');
                             dropDown.fontSizeDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.fontSize.width + '" >' +
-                                '<span class="e-rte-dropdown-btn-text' + ' ' + e.parent.cssClass + '">'
+                                '<span class="e-rte-dropdown-btn-text' + (isNullOrUndefined(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
                                 + getFormattedFontSize(result) + '</span></span>');
                             dropDown.fontSizeDropDown.dataBind();
                             break;
@@ -2752,7 +2752,7 @@ function updateUndoRedoStatus(baseToolbar, undoRedoStatus) {
         var key = keys_2[_i];
         var target = tbItems[trgItems[i]];
         if (target) {
-            baseToolbar.toolbarObj.enableItems(target, undoRedoStatus[key]);
+            baseToolbar.toolbarObj.enableItems(target, undoRedoStatus["" + key]);
         }
         i++;
     }
@@ -3304,6 +3304,7 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
      * @param {IColorPickerModel} args - specifies the arguments.
      * @param {string} item - specifies the item.
      * @param {ColorPicker} colorPicker - specifies the colorpicker.
+     * @param {string} defaultColor -specifies the defaultColor.
      * @returns {void}
      * @hidden
      * @deprecated
@@ -4316,8 +4317,8 @@ var ServiceLocator = /** @__PURE__ @class */ (function () {
      */
     /* eslint-enable */
     ServiceLocator.prototype.register = function (name, type) {
-        if (isNullOrUndefined(this.services[name])) {
-            this.services[name] = type;
+        if (isNullOrUndefined(this.services["" + name])) {
+            this.services["" + name] = type;
         }
     };
     /**
@@ -4329,11 +4330,11 @@ var ServiceLocator = /** @__PURE__ @class */ (function () {
      * @deprecated
      */
     ServiceLocator.prototype.getService = function (name) {
-        if (isNullOrUndefined(this.services[name])) {
+        if (isNullOrUndefined(this.services["" + name])) {
             // eslint-disable-next-line
             throw "The service " + name + " is not registered";
         }
-        return this.services[name];
+        return this.services["" + name];
     };
     return ServiceLocator;
 }());
@@ -4359,8 +4360,8 @@ var RendererFactory = /** @__PURE__ @class */ (function () {
      */
     RendererFactory.prototype.addRenderer = function (name, type) {
         var rName = getEnumValue(RenderType, name);
-        if (isNullOrUndefined(this.rendererMap[rName])) {
-            this.rendererMap[rName] = type;
+        if (isNullOrUndefined(this.rendererMap["" + rName])) {
+            this.rendererMap["" + rName] = type;
         }
     };
     /**
@@ -4373,12 +4374,12 @@ var RendererFactory = /** @__PURE__ @class */ (function () {
      */
     RendererFactory.prototype.getRenderer = function (name) {
         var rName = getEnumValue(RenderType, name);
-        if (isNullOrUndefined(this.rendererMap[rName])) {
+        if (isNullOrUndefined(this.rendererMap["" + rName])) {
             // eslint-disable-next-line
             throw "The renderer " + rName + " is not found";
         }
         else {
-            return this.rendererMap[rName];
+            return this.rendererMap["" + rName];
         }
     };
     return RendererFactory;
@@ -4581,6 +4582,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
         this.isTransformChild = false;
         var transformElements = selectAll('[style*="transform"]', document);
         for (var i = 0; i < transformElements.length; i++) {
+            // eslint-disable-next-line max-len
             if (!isNullOrUndefined(transformElements[i].contains) && transformElements[i].contains(this.parent.element)) {
                 this.isTransformChild = true;
                 break;
@@ -5079,6 +5081,7 @@ var Toolbar$2 = /** @__PURE__ @class */ (function () {
             this.parent.off(toolbarClick, this.toolbarClickHandler);
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     Toolbar$$1.prototype.setCssClass = function (e) {
         if (this.toolbarObj && e.cssClass) {
             if (isNullOrUndefined(e.oldCssClass)) {
@@ -5263,7 +5266,7 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
             var keys = Object.keys(_this.keyConfigs);
             for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
                 var key = keys_1[_i];
-                var configCollection = _this.keyConfigs[key].split(',');
+                var configCollection = _this.keyConfigs["" + key].split(',');
                 for (var _a = 0, configCollection_1 = configCollection; _a < configCollection_1.length; _a++) {
                     var rconfig = configCollection_1[_a];
                     var rKeyObj = KeyboardEvents_1.getKeyConfigData(rconfig.trim());
@@ -5337,7 +5340,7 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
      */
     KeyboardEvents$$1.getKeyConfigData = function (config) {
         if (config in this.configCache) {
-            return this.configCache[config];
+            return this.configCache["" + config];
         }
         var keys = config.toLowerCase().split('+');
         var keyData = {
@@ -5352,12 +5355,12 @@ var KeyboardEvents$1 = /** @__PURE__ @class */ (function (_super) {
         else {
             keyData.keyCode = KeyboardEvents_1.getKeyCode(keys[keys.length - 1]);
         }
-        KeyboardEvents_1.configCache[config] = keyData;
+        KeyboardEvents_1.configCache["" + config] = keyData;
         return keyData;
     };
     // Return the keycode value as string
     KeyboardEvents$$1.getKeyCode = function (keyVal) {
-        return keyCode[keyVal] || keyVal.toUpperCase().charCodeAt(0);
+        return keyCode["" + keyVal] || keyVal.toUpperCase().charCodeAt(0);
     };
     var KeyboardEvents_1;
     KeyboardEvents$$1.configCache = {};
@@ -6904,7 +6907,9 @@ var MarkdownSelection = /** @__PURE__ @class */ (function () {
         var isStart = false;
         if (line) {
             var reg = line.trim() === command.trim() ?
+                // eslint-disable-next-line
                 new RegExp('^(' + this.replaceSpecialChar(command.trim()) + ')', 'gim') :
+                // eslint-disable-next-line
                 new RegExp('^(' + this.replaceSpecialChar(command) + ')', 'gim');
             isStart = reg.test(line.trim());
         }
@@ -6934,6 +6939,7 @@ var MarkdownSelection = /** @__PURE__ @class */ (function () {
     MarkdownSelection.prototype.isClear = function (parents, regex) {
         var isClear = false;
         for (var i = 0; i < parents.length; i++) {
+            // eslint-disable-next-line
             if (new RegExp(regex, 'gim').test(parents[i].text)) {
                 return true;
             }
@@ -7184,7 +7190,7 @@ var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
         }
         else {
             for (var i = 0; i < lines.length; i++) {
-                if (!this.selection.isStartWith(lines[i].text, this.parent.formatter.listTags[type])) {
+                if (!this.selection.isStartWith(lines[i].text, this.parent.formatter.listTags["" + type])) {
                     isApply = false;
                     break;
                 }
@@ -7244,6 +7250,7 @@ var MarkdownToolbarStatus = /** @__PURE__ @class */ (function () {
         return text.search('\\' + cmd + '') !== -1;
     };
     MarkdownToolbarStatus.prototype.multiCharRegx = function (cmd) {
+        // eslint-disable-next-line
         return new RegExp('(\\' + cmd + ')', 'g');
     };
     return MarkdownToolbarStatus;
@@ -7703,6 +7710,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
         var regex = this.getListRegex();
         this.currentAction = this.getAction(parents[0].text);
         for (var i = 0; i < parents.length; i++) {
+            // eslint-disable-next-line max-len
             var prevIndex = event.event.shiftKey ? parents[i].line - 1 : parents[i].line - 1;
             var prevLine = this.selection.getLine(textArea, prevIndex);
             if (prevLine && (!event.event.shiftKey && isNotFirst || (event.event.shiftKey))) {
@@ -7750,6 +7758,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
                 addedLength += tabSpaceLength;
                 if (parents.length !== 1) {
                     for (var j = i; j < parents.length; j++) {
+                        // eslint-disable-next-line max-len
                         parents[j].start = j !== 0 ? parents[j].start + tabSpaceLength : parents[j].start;
                         parents[j].end = parents[j].end + tabSpaceLength;
                     }
@@ -7880,6 +7889,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
         var ol = line.split('. ')[0];
         // eslint-disable-next-line
         var currentState = /^\d+$/.test(ol.trim());
+        // eslint-disable-next-line
         var ul = line.trim().split(new RegExp('^(' + this.selection.replaceSpecialChar(this.syntax.UL).trim() + ')'))[1];
         return (currentState ? 'OL' : ul ? 'UL' : 'NOTLIST');
     };
@@ -8039,6 +8049,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
     };
     MDLists.prototype.appliedLine = function (line, prefixPattern, perfixObj, preTabSpaceLength) {
         var points = {};
+        // eslint-disable-next-line
         var regex = new RegExp('^[' + this.syntax.UL.trim() + ']');
         var lineSplit = line.split('. ');
         var currentPrefix = lineSplit[0] + '. ';
@@ -8101,6 +8112,7 @@ var MDLists = /** @__PURE__ @class */ (function () {
             regex += regex === '' ? '^(' + syntax + ')|^(' + syntax.trim() + ')' :
                 '|^(' + syntax + ')|^(' + syntax.trim() + ')';
         }
+        // eslint-disable-next-line
         return new RegExp(regex);
     };
     return MDLists;
@@ -8226,6 +8238,7 @@ var MDFormats = /** @__PURE__ @class */ (function () {
                     if (configKey[j] === command) {
                         continue;
                     }
+                    // eslint-disable-next-line
                     var regex = new RegExp('^(' + this.selection.replaceSpecialChar(removeText) + ')', 'gim');
                     if (regex.test(parents[i].text)) {
                         parents[i].text = parents[i].text.replace(regex, '');
@@ -8268,14 +8281,14 @@ var MDFormats = /** @__PURE__ @class */ (function () {
             !this.selection.isStartWith(lastNextText, this.syntax.pre.split('\n')[0])) {
             var lines = textArea.value.substring(start, end).split('\n');
             var lastLine = lines[lines.length - 1] === '' ? '' : '\n';
-            textArea.value = textArea.value.substr(0, start) + this.syntax[command] + textArea.value.substring(start, end) +
-                lastLine + this.syntax[command] +
+            textArea.value = textArea.value.substr(0, start) + this.syntax["" + command] + textArea.value.substring(start, end) +
+                lastLine + this.syntax["" + command] +
                 textArea.value.substr(end, textArea.value.length);
-            start = this.selection.selectionStart + this.syntax[command].length;
-            end = this.selection.selectionEnd + this.syntax[command].length - 1;
+            start = this.selection.selectionStart + this.syntax["" + command].length;
+            end = this.selection.selectionEnd + this.syntax["" + command].length - 1;
         }
         else {
-            var cmd = this.syntax[command];
+            var cmd = this.syntax["" + command];
             var selection = this.parent.markdownSelection.getSelectedInlinePoints(textArea);
             var startNo = textArea.value.substr(0, textArea.selectionStart).lastIndexOf(cmd);
             var endNo = textArea.value.substr(textArea.selectionEnd, textArea.selectionEnd).indexOf(cmd);
@@ -8403,9 +8416,11 @@ var MDSelectionFormats = /** @__PURE__ @class */ (function () {
         return matchText;
     };
     MDSelectionFormats.prototype.multiCharRegx = function (cmd) {
+        // eslint-disable-next-line
         return new RegExp('(\\' + cmd + '\\' + cmd + ')', 'g');
     };
     MDSelectionFormats.prototype.singleCharRegx = function (cmd) {
+        // eslint-disable-next-line
         return new RegExp('(\\' + cmd + ')', 'g');
     };
     MDSelectionFormats.prototype.isAppliedCommand = function (cmd) {
@@ -8593,22 +8608,22 @@ var MDSelectionFormats = /** @__PURE__ @class */ (function () {
         }
     };
     MDSelectionFormats.prototype.textReplace = function (text, command) {
-        var regx = this.singleCharRegx(this.syntax[command]);
+        var regx = this.singleCharRegx(this.syntax["" + command]);
         switch (command) {
             case 'Bold':
-                regx = this.multiCharRegx(this.syntax[command].substr(0, 1));
+                regx = this.multiCharRegx(this.syntax["" + command].substr(0, 1));
                 text = text.replace(regx, '');
                 break;
             case 'Italic':
-                if (!this.isBold(text, this.syntax[command].substr(0, 1))) {
+                if (!this.isBold(text, this.syntax["" + command].substr(0, 1))) {
                     text = text.replace(regx, '');
                 }
                 else {
-                    var regxB = this.multiCharRegx(this.syntax[command].substr(0, 1));
+                    var regxB = this.multiCharRegx(this.syntax["" + command].substr(0, 1));
                     var repText = text;
                     repText = repText.replace(regxB, '$%@').replace(regx, '');
                     var regxTemp = new RegExp('\\$%@', 'g');
-                    text = repText.replace(regxTemp, this.syntax[command].substr(0, 1) + this.syntax[command].substr(0, 1));
+                    text = repText.replace(regxTemp, this.syntax["" + command].substr(0, 1) + this.syntax["" + command].substr(0, 1));
                 }
                 break;
             case 'StrikeThrough':
@@ -8627,23 +8642,24 @@ var MDSelectionFormats = /** @__PURE__ @class */ (function () {
         return text;
     };
     MDSelectionFormats.prototype.isApplied = function (line, command) {
-        var regx = this.singleCharRegx(this.syntax[command]);
+        var regx = this.singleCharRegx(this.syntax["" + command]);
         switch (command) {
             case 'SubScript':
             case 'SuperScript':
-                regx = this.singleCharRegx(this.syntax[command]);
+                regx = this.singleCharRegx(this.syntax["" + command]);
                 return regx.test(line.text);
             case 'Bold':
             case 'StrikeThrough':
-                regx = this.multiCharRegx(this.syntax[command].substr(0, 1));
+                regx = this.multiCharRegx(this.syntax["" + command].substr(0, 1));
                 return regx.test(line.text);
             case 'UpperCase':
             case 'LowerCase':
-                regx = new RegExp('^[' + this.syntax[command] + ']*$', 'g');
+                // eslint-disable-next-line
+                regx = new RegExp('^[' + this.syntax["" + command] + ']*$', 'g');
                 return regx.test(line.text);
             case 'Italic': {
                 var regTest = void 0;
-                var regxB = this.multiCharRegx(this.syntax[command].substr(0, 1));
+                var regxB = this.multiCharRegx(this.syntax["" + command].substr(0, 1));
                 if (regxB.test(line.text)) {
                     var repText = line.text;
                     repText = repText.replace(regxB, '$%#');
@@ -9301,23 +9317,25 @@ var ClearFormat = /** @__PURE__ @class */ (function () {
             var key = keys[num];
             // eslint-disable-next-line
             if (data.hasOwnProperty(key) && data[key] !== '') {
-                var expString = this.replaceRegex(data[key]);
+                var expString = this.replaceRegex(data["" + key]);
                 var regExp = void 0;
-                var startExp = data[key].length;
-                var endExp = (data[key] === '<sup>' || data[key] === '<sub>') ? data[key].length + 1 : data[key].length;
-                if (data[key] === '<sup>') {
+                var startExp = data["" + key].length;
+                var endExp = (data["" + key] === '<sup>' || data["" + key] === '<sub>') ? data["" + key].length + 1 : data["" + key].length;
+                if (data["" + key] === '<sup>') {
                     // eslint-disable-next-line
                     regExp = new RegExp('<sup>(.*?)<\/sup>', 'ig');
                 }
-                else if (data[key] === '<sub>') {
+                else if (data["" + key] === '<sub>') {
                     // eslint-disable-next-line
                     regExp = new RegExp('<sub>(.*?)<\/sub>', 'ig');
                 }
                 else {
+                    // eslint-disable-next-line
                     regExp = new RegExp(expString + '(.*?)' + expString, 'ig');
                 }
                 var val = text.match(regExp);
                 for (var index = 0; val && index < val.length && val[index] !== ''; index++) {
+                    // eslint-disable-next-line max-len
                     text = text.replace(val[index], val[index].substr(startExp, val[index].length - endExp - startExp));
                 }
             }
@@ -9339,8 +9357,8 @@ var ClearFormat = /** @__PURE__ @class */ (function () {
                     var key = keys[index];
                     // eslint-disable-next-line
                     if (data.hasOwnProperty(key) && data[key] !== '') {
-                        if (lines[len].indexOf(data[key]) === 0) {
-                            lines[len] = lines[len].replace(data[key], '');
+                        if (lines[len].indexOf(data["" + key]) === 0) {
+                            lines[len] = lines[len].replace(data["" + key], '');
                             lines[len] = this.clearFormatLines([lines[len]]);
                         }
                     }
@@ -10144,6 +10162,7 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
      */
     NodeSelection.prototype.getSelectionNodes = function (nodeCollection) {
         nodeCollection = nodeCollection.reverse();
+        // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(8203), 'g');
         for (var index = 0; index < nodeCollection.length; index++) {
             if (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
@@ -10164,6 +10183,7 @@ var NodeSelection = /** @__PURE__ @class */ (function () {
      */
     NodeSelection.prototype.getSelectionNodesBr = function (nodeCollection) {
         nodeCollection = nodeCollection.reverse();
+        // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(8203), 'g');
         for (var index = 0; index < nodeCollection.length; index++) {
             if (nodeCollection[index].nodeName !== 'BR' &&
@@ -10497,7 +10517,7 @@ var DOMNode = /** @__PURE__ @class */ (function () {
         var orderRawAttr = Object.keys(rawAttr).sort();
         for (var e = 0; e < orderRawAttr.length; e++) {
             var attrKey = orderRawAttr[e];
-            var attrValue = rawAttr[attrKey];
+            var attrValue = rawAttr["" + attrKey];
             /* eslint-disable */
             if (attrValue.indexOf("'") < 0 && attrValue.indexOf('"') >= 0) {
                 attr += ' ' + attrKey + "='" + attrValue + "'";
@@ -11249,8 +11269,15 @@ var Lists = /** @__PURE__ @class */ (function () {
             range.startContainer.parentElement.closest('LI');
         var endNode = range.endContainer.nodeName === 'LI' ? range.endContainer :
             range.endContainer.parentElement.closest('LI');
+        // Checks for Image, Audio , Video Element inside List Element 
+        var hasMediaElem = false;
+        if (!isNullOrUndefined(startNode)) {
+            var videoElemList = startNode.querySelectorAll('.e-video-clickelem');
+            var embedVideoElem = videoElemList.length > 0 && videoElemList[0].childNodes[0].nodeName === 'IFRAME';
+            hasMediaElem = startNode.querySelectorAll('IMG').length > 0 || startNode.querySelectorAll('AUDIO').length > 0 || startNode.querySelectorAll('VIDEO').length > 0 || embedVideoElem;
+        }
         if (!isNullOrUndefined(startNode) && !isNullOrUndefined(endNode) && startNode === endNode && startNode.tagName === 'LI' &&
-            startNode.textContent.trim() === '' && startNode.querySelectorAll('IMG').length === 0) {
+            startNode.textContent.trim() === '' && !hasMediaElem) {
             if (startNode.innerHTML.indexOf('&nbsp;') >= 0) {
                 return;
             }
@@ -11287,7 +11314,6 @@ var Lists = /** @__PURE__ @class */ (function () {
             }
         }
     };
-    // eslint-disable-next-line
     Lists.prototype.backspaceList = function (e) {
         var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
         var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
@@ -11373,7 +11399,8 @@ var Lists = /** @__PURE__ @class */ (function () {
             detach(currentLIElem);
         }
     };
-    Lists.prototype.firstListBackSpace = function (range, e) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    Lists.prototype.firstListBackSpace = function (range, _e) {
         var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
         if (!isNullOrUndefined(startNode.closest('OL'))) {
             this.commonLIParent = startNode.closest('OL');
@@ -11636,6 +11663,7 @@ var Lists = /** @__PURE__ @class */ (function () {
                 range.startOffset]) || range.startContainer);
             var endNode = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) :
                 range.endOffset] || range.endContainer);
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             var lastSelectionNode = endNode.lastChild.nodeName === 'BR' ? (isNullOrUndefined(endNode.lastChild.previousSibling) ? endNode
                 : endNode.lastChild.previousSibling) : endNode.lastChild;
             while (!isNullOrUndefined(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
@@ -11776,8 +11804,8 @@ var Lists = /** @__PURE__ @class */ (function () {
                     var openTag = '<' + type + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li' + elemAtt;
-                    var replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ? elements[i].innerHTML :
-                        elements[i].outerHTML);
+                    var replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ?
+                        elements[i].innerHTML : elements[i].outerHTML);
                     var innerHTML = this.domNode.createTagString(newTag, null, replaceHTML);
                     var collectionString = openTag + innerHTML + closeTag;
                     this.domNode.replaceWith(elements[i], collectionString);
@@ -11788,8 +11816,8 @@ var Lists = /** @__PURE__ @class */ (function () {
                     var openTag = '<' + type + elemAtt + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li';
-                    var replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ? elements[i].innerHTML :
-                        elements[i].outerHTML);
+                    var replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ?
+                        elements[i].innerHTML : elements[i].outerHTML);
                     var innerHTML = this.domNode.createTagString(newTag, null, replaceHTML);
                     var collectionString = openTag + innerHTML + closeTag;
                     this.domNode.replaceWith(elements[i], collectionString);
@@ -12407,6 +12435,7 @@ var Formats = /** @__PURE__ @class */ (function () {
         }
     };
     Formats.prototype.removeCodeContent = function (range) {
+        // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(65279), 'g');
         if (!isNullOrUndefined(range.endContainer.textContent.match(regEx))) {
             var pointer = range.endContainer.textContent.charCodeAt(range.endOffset - 1) === 65279 ?
@@ -13311,7 +13340,8 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
                 finalinlineNodes[j_1] = inlineNodes[i];
             }
             if (inlineNodes.length > 1 && i < inlineNodes.length - 1) {
-                if ((inlineNodes[i].parentElement === inlineNodes[i + 1].parentElement) && (inlineNodes[i] === inlineNodes[i + 1])) {
+                if ((inlineNodes[i].parentElement === inlineNodes[i + 1].parentElement) &&
+                    (inlineNodes[i] === inlineNodes[i + 1])) {
                     continue;
                 }
                 else {
@@ -13408,6 +13438,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
         return arr.join(' ') + ' ';
     };
     LinkCommand.prototype.openLink = function (e) {
+        // eslint-disable-next-line security/detect-non-literal-fs-filename
         document.defaultView.open(e.item.url, e.item.target);
         this.callBack(e);
     };
@@ -13875,6 +13906,7 @@ var ImageCommand = /** @__PURE__ @class */ (function () {
         this.callBack(e);
     };
     ImageCommand.prototype.openImageLink = function (e) {
+        // eslint-disable-next-line security/detect-non-literal-fs-filename
         document.defaultView.open(e.item.url, e.item.target);
         this.callBack(e);
     };
@@ -14361,8 +14393,8 @@ var VideoCommand = /** @__PURE__ @class */ (function () {
                 videoElm_1.load();
             }
             if (Browser.userAgent.indexOf('Firefox') !== -1) {
-                vidElement.addEventListener('play', function (args) { _this.editAreaVideoClick(e); });
-                vidElement.addEventListener('pause', function (args) { _this.editAreaVideoClick(e); });
+                vidElement.addEventListener('play', function () { _this.editAreaVideoClick(e); });
+                vidElement.addEventListener('pause', function () { _this.editAreaVideoClick(e); });
             }
         }
     };
@@ -14602,6 +14634,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
             var newRow = createElement('tr');
             var isHeaderSelect = this.curTable.querySelectorAll('th.e-cell-select').length > 0;
             for (var i = 0; i < allCells[minVal].length; i++) {
+                // eslint-disable-next-line max-len
                 if (isBelow && minVal < allCells.length - 1 && allCells[minVal][i] === allCells[minVal + 1][i] ||
                     !isBelow && 0 < minVal && allCells[minVal][i] === allCells[minVal - 1][i]) {
                     if (0 === i || 0 < i && allCells[minVal][i] !== allCells[minVal][i - 1]) {
@@ -14781,10 +14814,12 @@ var TableCommand = /** @__PURE__ @class */ (function () {
                             1 === rowSpanVal ? allCells[maxI][j].removeAttribute('rowspan') : allCells[maxI][j].setAttribute('rowspan', rowSpanVal.toString());
                         }
                     }
+                    // eslint-disable-next-line max-len
                     if (maxI < allCells.length - 1 && allCells[maxI][j] === allCells[maxI + 1][j] && (0 === maxI ||
                         allCells[maxI][j] !== allCells[maxI - 1][j])) {
                         var element = allCells[maxI][j];
                         var index = void 0;
+                        // eslint-disable-next-line max-len
                         for (index = j; 0 < index && allCells[maxI][index] === allCells[maxI][index - 1]; index--) {
                             if (index === 0) {
                                 this.curTable.rows[maxI + 1].prepend(element);
@@ -14997,6 +15032,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
             for (rowValue = min; rowValue <= max; rowValue++) {
                 // eslint-disable-next-line
                 if (!(min < rowValue && eleArray[rowValue][0] === eleArray[rowValue - 1][0])
+                    // eslint-disable-next-line no-cond-assign
                     && eleArray[rowValue][0] && 1 < (index = Math.min(parseInt(eleArray[rowValue][0].getAttribute('rowspan'), 10) ||
                     1, max - min + 1)) && eleArray[rowValue][0] === eleArray[rowValue + 1][0]) {
                     for (count = index - 1, colIndex = 1; colIndex < eleArray[0].length; colIndex++) {
@@ -15033,6 +15069,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
                 min < rowIndex && elements[rowIndex][colIndex] === elements[rowIndex - 1][colIndex] ||
                     firstIndex < colIndex && elements[rowIndex][colIndex] === elements[rowIndex][colIndex - 1] ||
                     1 < (spanCount = parseInt(elements[rowIndex][colIndex].getAttribute(attr), 10) || 1) &&
+                        // eslint-disable-next-line max-len
                         (1 < spanCount - index ? elements[rowIndex][colIndex].setAttribute(attr, (spanCount - index).toString()) :
                             elements[rowIndex][colIndex].removeAttribute(attr));
             }
@@ -15096,6 +15133,7 @@ var TableCommand = /** @__PURE__ @class */ (function () {
             var colIndex = void 0;
             for (avgRowIndex = activeCellIndex[0] + Math.ceil(activeCellRowSpan / 2), colIndex = 0 === activeCellIndex[1] ? activeCellIndex[1]
                     : activeCellIndex[1] - 1; 0 <= colIndex && (correspondingCells[avgRowIndex][colIndex] ===
+                // eslint-disable-next-line max-len
                 correspondingCells[avgRowIndex][colIndex - 1] || 0 < avgRowIndex && correspondingCells[avgRowIndex][colIndex]
                 === correspondingCells[avgRowIndex - 1][colIndex]);) {
                 colIndex--;
@@ -15642,7 +15680,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                 var currentFormatNode = isFormatted.getFormattedNode(range.startContainer, format, endNode);
                 var currentSelector = !isNullOrUndefined(currentFormatNode) ?
                     (currentFormatNode.getAttribute('style') === null ? currentFormatNode.nodeName :
-                        currentFormatNode.nodeName + "[style='" + currentFormatNode.getAttribute('style') + "']") : null;
+                        currentFormatNode.nodeName + '[style=\'' + currentFormatNode.getAttribute('style') + '\']') : null;
                 if (nodes.length > 0) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, nodes[0]);
@@ -15651,7 +15689,9 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                     range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') ||
                     !isNullOrUndefined(currentFormatNode) && currentFormatNode ===
                         (range.startContainer.parentElement.closest(currentSelector)) &&
-                        ((range.startContainer.parentElement.closest(currentSelector)).textContent.replace(new RegExp(String.fromCharCode(8203), 'g'), '').trim().length !== 0))) {
+                        ((range.startContainer.parentElement.closest(currentSelector)).textContent.replace(
+                        // eslint-disable-next-line
+                        new RegExp(String.fromCharCode(8203), 'g'), '').trim().length !== 0))) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, range.startContainer);
                     nodes.push(range.startContainer);
@@ -15686,15 +15726,6 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                         isSubSup = formatNode === null ? false : true;
                     }
                 }
-                else if (formatNode.textContent !== nodes[index].textContent && formatNode.nodeName === 'SPAN' && formatNode.style[0] === 'font-size') {
-                    var currentParentElem = nodes[index].parentElement.textContent !== nodes[index].textContent ? nodes[index] : nodes[index].parentElement;
-                    var isSameTextContent = true;
-                    while (currentParentElem.textContent !== nodes[index].textContent && nodes[index].style[0] !== format && currentParentElem.nodeName === 'SPAN') {
-                        isSameTextContent = currentParentElem.textContent === currentParentElem.parentElement.textContent;
-                        currentParentElem = !isNullOrUndefined(currentParentElem.parentElement) && isSameTextContent ? currentParentElem.parentElement : currentParentElem;
-                    }
-                    formatNode = currentParentElem;
-                }
                 if (index === 0 && formatNode === null) {
                     isFormat = true;
                 }
@@ -15728,6 +15759,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
             if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203 && cursorFormat.firstChild.nodeType === 3) {
+                // eslint-disable-next-line
                 var regEx = new RegExp(String.fromCharCode(8203), 'g');
                 var emptySpaceNode = void 0;
                 if (cursorFormat.firstChild === cursorNode) {
@@ -15738,7 +15770,6 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                             cursorFormat.parentElement.firstChild && cursorFormat.parentElement.firstChild.nodeType === 1) ?
                         cursorNode.textContent : cursorNode.textContent.replace(regEx, ''));
                     emptySpaceNode = cursorNode;
-                    
                 }
                 else {
                     cursorFormat.firstChild.textContent = cursorFormat.firstChild.textContent.replace(regEx, '');
@@ -15910,7 +15941,8 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
         }
         if (child.length > 0 && isFontStyle) {
             for (var num = 0; num < child.length; num++) {
-                if (child[num].nodeType !== 3 || (child[num].textContent && child[num].textContent.trim().length > 0)) {
+                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));
                     if (child[num].textContent === startText) {
                         if (num === 0) {
@@ -15986,33 +16018,7 @@ var SelectionCommands = /** @__PURE__ @class */ (function () {
                                 liElement.style.textDecoration = 'inherit';
                             }
                         }
-                        var enterType = isNullOrUndefined(this.enterAction) ? 'P' : this.enterAction.toString();
-                        var currentNode = nodes[index];
-                        var isNestedNode = !isNullOrUndefined(currentNode) && nodes[index].nodeName === '#text' && nodes[index].parentElement.nodeName !== enterType;
-                        var currentParentElem = currentNode.parentElement.textContent !== currentNode.textContent ? currentNode : currentNode.parentElement;
-                        if (isNestedNode) {
-                            var isSameTextContent = true;
-                            isNestedNode = false;
-                            while (!isNullOrUndefined(currentParentElem) && isSameTextContent && currentParentElem.parentElement.nodeName !== enterType
-                                && (currentParentElem.nodeName === 'SPAN' && (currentParentElem.style.textDecoration === 'line-through' || 'underline')
-                                    || currentParentElem.nodeName === 'SPAN' && (currentParentElem.style[0] === 'background-color' || 'font-family' || 'color')
-                                    || (currentParentElem.nodeName === 'EM' || 'STRONG' || 'SUB' || 'SUP'))) {
-                                isSameTextContent = currentParentElem.textContent === currentParentElem.parentElement.textContent;
-                                currentParentElem = !isNullOrUndefined(currentParentElem.parentElement) && isSameTextContent ? currentParentElem.parentElement : currentParentElem;
-                            }
-                            if (!isNullOrUndefined(currentParentElem) && currentParentElem.childNodes.length > 0) {
-                                var nodeList = currentParentElem.querySelectorAll('span,strong,em,sub,sup');
-                                isNestedNode = nodeList.length > 0 && isSameTextContent;
-                            }
-                        }
-                        if (isNestedNode) {
-                            var nodeList = [];
-                            nodeList[0] = currentParentElem;
-                            this.applyStyles(nodeList, index, element);
-                        }
-                        else {
-                            nodes[index] = this.applyStyles(nodes, index, element);
-                        }
+                        nodes[index] = this.applyStyles(nodes, index, element);
                         if (format === 'fontsize') {
                             var bg = closest(nodes[index].parentElement, 'span[style*=' + 'background-color' + ']');
                             if (!isNullOrUndefined(bg)) {
@@ -16427,7 +16433,8 @@ var ClearFormat$1 = /** @__PURE__ @class */ (function () {
                         this.unWrap(docElement, blockNodes, nodeCutter, nodeSelection);
                     }
                     else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
-                        childNodes[index2].parentNode.nodeName.toLocaleLowerCase() === childNodes[index2].nodeName.toLocaleLowerCase()) {
+                        childNodes[index2].parentNode.nodeName.toLocaleLowerCase() ===
+                            childNodes[index2].nodeName.toLocaleLowerCase()) {
                         InsertMethods.unwrap(childNodes[index2]);
                     }
                     else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
@@ -16945,6 +16952,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
     MsWordPaste.prototype.hexConversion = function (rtfData) {
         // eslint-disable-next-line
         var picHead = /\{\\pict[\s\S]+?\\bliptag\-?\d+(\\blipupi\-?\d+)?(\{\\\*\\blipuid\s?[\da-fA-F]+)?[\s\}]*?/;
+        // eslint-disable-next-line security/detect-non-literal-regexp
         var pic = new RegExp('(?:(' + picHead.source + '))([\\da-fA-F\\s]+)\\}', 'g');
         var fullImg = rtfData.match(pic);
         var imgType;
@@ -17008,7 +17016,9 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
     MsWordPaste.prototype.removeUnwantedElements = function (elm) {
         var innerElement = elm.innerHTML;
         for (var i = 0; i < this.removableElements.length; i++) {
+            // eslint-disable-next-line security/detect-non-literal-regexp
             var regExpStartElem = new RegExp('<' + this.removableElements[i] + '>', 'g');
+            // eslint-disable-next-line security/detect-non-literal-regexp
             var regExpEndElem = new RegExp('</' + this.removableElements[i] + '>', 'g');
             innerElement = innerElement.replace(regExpStartElem, '');
             innerElement = innerElement.replace(regExpEndElem, '');
@@ -17057,7 +17067,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
             var styleClassObject_1 = !isNullOrUndefined(styles) ? this.findStyleObject(styles) : null;
             var keys = Object.keys(styleClassObject_1);
             var values = keys.map(function (key) {
-                return styleClassObject_1[key];
+                return styleClassObject_1["" + key];
             });
             values = this.removeUnwantedStyle(values, wordPasteStyleConfig);
             this.filterStyles(elm, wordPasteStyleConfig);
@@ -17338,7 +17348,8 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                     for (var j = 0; j < collection[index].nestedLevel - pLevel; j++) {
                         prevList.appendChild(temp = createElement(collection[index].listType));
                         prevList = createElement('li');
-                        if (j !== collection[index].nestedLevel - pLevel - 1 && collection[index].nestedLevel - pLevel > 1) {
+                        if (j !== collection[index].nestedLevel - pLevel - 1 &&
+                            collection[index].nestedLevel - pLevel > 1) {
                             prevList.style.listStyleType = 'none';
                         }
                         temp.appendChild(prevList);
@@ -17766,6 +17777,7 @@ var ToolbarStatus = /** @__PURE__ @class */ (function () {
             }
         }
         for (var index = 0; index < nodes.length; index++) {
+            // eslint-disable-next-line max-len
             formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], targetNode, formatNode, fontSize, fontName);
             if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
                 nodeCollection.bold = formatCollection.bold;
@@ -17945,12 +17957,14 @@ var ToolbarStatus = /** @__PURE__ @class */ (function () {
         var index = null;
         if ((name !== null && name !== '' && name !== undefined)
             && (fontName === null || fontName === undefined || (fontName.filter(function (value, pos) {
+                // eslint-disable-next-line
                 var pattern = new RegExp(name, 'i');
                 if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
                     (value.split(',')[0] && value.split(',')[0].search(pattern) > -1)) {
                     index = pos;
                 }
             }) && (index !== null)))) {
+            // eslint-disable-next-line
             return (index !== null) ? fontName[index] : name.replace(/"/g, '');
         }
         else {
@@ -18552,10 +18566,12 @@ var HtmlEditor = /** @__PURE__ @class */ (function () {
         var restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
             112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123];
         var range = this.parent.getRange();
+        // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(8203), 'g');
         var pointer;
         if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
             pointer = range.startOffset;
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
             range.startContainer.nodeName === '#text' ? range.startContainer.parentElement.classList.add('currentStartMark') : range.startContainer.classList.add('currentStartMark');
             if (range.startContainer.textContent.charCodeAt(0) === 8203) {
                 pointer = range.startOffset === 0 ? range.startOffset : range.startOffset - 1;
@@ -19789,6 +19805,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     PasteCleanup.prototype.setCssClass = function (e) {
         if (this.popupObj && e.cssClass) {
             if (isNullOrUndefined(e.oldCssClass)) {
@@ -20040,7 +20057,7 @@ var PasteCleanup = /** @__PURE__ @class */ (function () {
         var groupingTags = deniedTags.slice();
         var keys = Object.keys(pasteCleanupGroupingTags);
         var values = keys.map(function (key) {
-            return pasteCleanupGroupingTags[key];
+            return pasteCleanupGroupingTags["" + key];
         });
         var addTags = [];
         for (var i = 0; i < groupingTags.length; i++) {
@@ -20362,6 +20379,7 @@ var FileManager$1 = /** @__PURE__ @class */ (function () {
         this.dialogObj.show(Browser.isDevice ? true : false);
         this.setCssClass({ cssClass: this.parent.cssClass });
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     FileManager$$1.prototype.setCssClass = function (e) {
         if (this.dialogObj && e.cssClass) {
             if (isNullOrUndefined(e.oldCssClass)) {
@@ -20726,33 +20744,33 @@ function setAttributes(htmlAttributes, rte, isFrame, initial) {
         for (var _i = 0, _a = Object.keys(htmlAttributes); _i < _a.length; _i++) {
             var htmlAttr = _a[_i];
             if (htmlAttr === 'class') {
-                target.classList.add(htmlAttributes[htmlAttr]);
+                target.classList.add(htmlAttributes["" + htmlAttr]);
             }
-            else if (htmlAttr === 'disabled' && htmlAttributes[htmlAttr] === 'disabled') {
+            else if (htmlAttr === 'disabled' && htmlAttributes["" + htmlAttr] === 'disabled') {
                 rte.enabled = false;
                 rte.setEnable();
             }
-            else if (htmlAttr === 'readonly' && htmlAttributes[htmlAttr] === 'readonly') {
+            else if (htmlAttr === 'readonly' && htmlAttributes["" + htmlAttr] === 'readonly') {
                 rte.readonly = true;
                 rte.setReadOnly(initial);
             }
             else if (htmlAttr === 'style') {
-                target.setAttribute('style', htmlAttributes[htmlAttr]);
+                target.setAttribute('style', htmlAttributes["" + htmlAttr]);
             }
             else if (htmlAttr === 'tabindex') {
-                rte.inputElement.setAttribute('tabindex', htmlAttributes[htmlAttr]);
+                rte.inputElement.setAttribute('tabindex', htmlAttributes["" + htmlAttr]);
             }
             else if (htmlAttr === 'placeholder') {
-                rte.placeholder = htmlAttributes[htmlAttr];
+                rte.placeholder = htmlAttributes["" + htmlAttr];
                 rte.setPlaceHolder();
             }
             else {
                 var validateAttr = ['name', 'required'];
                 if (validateAttr.indexOf(htmlAttr) > -1) {
-                    rte.valueContainer.setAttribute(htmlAttr, htmlAttributes[htmlAttr]);
+                    rte.valueContainer.setAttribute(htmlAttr, htmlAttributes["" + htmlAttr]);
                 }
                 else {
-                    target.setAttribute(htmlAttr, htmlAttributes[htmlAttr]);
+                    target.setAttribute(htmlAttr, htmlAttributes["" + htmlAttr]);
                 }
             }
         }
@@ -20948,6 +20966,7 @@ var Link = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     Link.prototype.setCssClass = function (e) {
         this.updateCss(this.checkBoxObj, e);
         this.updateCss(this.dialogObj, e);
@@ -21121,13 +21140,13 @@ var Link = /** @__PURE__ @class */ (function () {
         });
         var htmlTextbox = (this.parent.editorMode === 'HTML') ? '<label>' + linkTooltip +
             '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '" class="e-input e-rte-linkTitle' + ' ' + this.parent.cssClass + '"></div>' +
+            '<input type="text" data-role ="none" spellcheck="false" placeholder = "' + title + '"aria-label="' + this.i10n.getConstant('linkTitle') + '" class="e-input e-rte-linkTitle' + ' ' + this.parent.cssClass + '"></div>' +
             '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
             '<input type="checkbox" class="e-rte-linkTarget' + ' ' + this.parent.cssClass + '"  data-role ="none"></div>' : '';
         var content = '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"><label>' + linkWebAddress + '</label></div>' + '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-            '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '" class="e-input e-rte-linkurl' + ' ' + this.parent.cssClass + '"/></div>' +
+            '<input type="text" data-role ="none" spellcheck="false" placeholder="' + urlPlace + '"aria-label="' + this.i10n.getConstant('linkWebUrl') + '" class="e-input e-rte-linkurl' + ' ' + this.parent.cssClass + '"/></div>' +
             '<div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + '<label>' + linkDisplayText + '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"> ' +
-            '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + ' ' + this.parent.cssClass + '" placeholder="' + textPlace + '">' +
+            '<input type="text" data-role ="none" spellcheck="false" class="e-input e-rte-linkText' + ' ' + this.parent.cssClass + '"aria-label="' + this.i10n.getConstant('linkText') + '" placeholder="' + textPlace + '">' +
             '</div><div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + htmlTextbox;
         var contentElem = parseHtml(content);
         linkContent.appendChild(contentElem);
@@ -21153,7 +21172,7 @@ var Link = /** @__PURE__ @class */ (function () {
             cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
-            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '310px', height: 'inherit',
+            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '310px',
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertlink.bind(selectObj),
@@ -21496,6 +21515,7 @@ var Image = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     Image.prototype.setCssClass = function (e) {
         if (this.popupObj && e.cssClass) {
             if (isNullOrUndefined(e.oldCssClass)) {
@@ -21689,8 +21709,8 @@ var Image = /** @__PURE__ @class */ (function () {
         var pos = this.calcPos(e);
         var top = pos.top;
         var left = pos.left;
-        var imgWid = e.width;
-        var imgHgt = e.height;
+        var imgWid = e.getBoundingClientRect().width;
+        var imgHgt = e.getBoundingClientRect().height;
         var borWid = (Browser.isDevice) ? (4 * parseInt((e.style.outline.slice(-3)), 10)) + 2 :
             (2 * parseInt((e.style.outline.slice(-3)), 10)) + 2; //span border width + image outline width
         var devWid = ((Browser.isDevice) ? 0 : 2); // span border width
@@ -21717,7 +21737,6 @@ var Image = /** @__PURE__ @class */ (function () {
             offsetParent = offsetParent.parentNode;
         }
         if (offsetParent && offsetParent !== elem && offsetParent.nodeType === 1) {
-            // eslint-disable-next-line
             parentOffset = offsetParent.getBoundingClientRect();
         }
         if (elem.offsetParent && (elem.offsetParent.classList.contains('e-img-caption'))) {
@@ -21738,6 +21757,7 @@ var Image = /** @__PURE__ @class */ (function () {
         if (isNullOrUndefined(img.width)) {
             return;
         }
+        // eslint-disable-next-line security/detect-unsafe-regex
         var width = img.style.width !== '' ? img.style.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(img.style.width) :
             parseInt(img.style.width, 10) : img.width;
         var height = img.style.height !== '' ? parseInt(img.style.height, 10) : img.height;
@@ -22538,6 +22558,7 @@ var Image = /** @__PURE__ @class */ (function () {
         }
     };
     Image.prototype.imageRemovePost = function (src) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         var proxy = this;
         var absoluteUrl = '';
         if (isNullOrUndefined(this.parent.insertImageSettings.removeUrl) || this.parent.insertImageSettings.removeUrl === '') {
@@ -22549,8 +22570,9 @@ var Image = /** @__PURE__ @class */ (function () {
         else {
             absoluteUrl = new URL(src, document.baseURI).href;
         }
-        this.removingImgName = absoluteUrl.replace(/^.*[\\\/]/, '');
+        this.removingImgName = absoluteUrl.replace(/^.*[\\/]/, '');
         var xhr = new XMLHttpRequest();
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         xhr.addEventListener('readystatechange', function () {
             if (this.readyState === 4 && this.status === 200) {
                 proxy.triggerPost(this.response);
@@ -22565,6 +22587,7 @@ var Image = /** @__PURE__ @class */ (function () {
         if (isNullOrUndefined(removeUrl) || removeUrl === '') {
             return;
         }
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         var file = new File([response], this.removingImgName);
         var ajax = new Ajax(removeUrl, 'POST', true, null);
         var formData = new FormData();
@@ -22714,7 +22737,7 @@ var Image = /** @__PURE__ @class */ (function () {
             cssClass: CLS_RTE_ELEMENTS + ' ' + this.parent.cssClass,
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
-            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px', height: 'inherit',
+            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px',
             position: { X: 'center', Y: (Browser.isDevice) ? 'center' : 'top' },
             isModal: Browser.isDevice,
             buttons: [{
@@ -22863,7 +22886,7 @@ var Image = /** @__PURE__ @class */ (function () {
         var placeUrl = this.i10n.getConstant('imageUrl');
         this.inputUrl = this.parent.createElement('input', {
             className: 'e-input e-img-url' + ' ' + this.parent.cssClass,
-            attrs: { placeholder: placeUrl, spellcheck: 'false' }
+            attrs: { placeholder: placeUrl, spellcheck: 'false', 'aria-label': this.i10n.getConstant('imageLinkHeader') }
         });
         this.inputUrl.addEventListener('input', function () {
             if (!isNullOrUndefined(_this.inputUrl)) {
@@ -23800,6 +23823,7 @@ var Audio = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Audio.prototype.touchStart = function (e, ele) {
         if (this.parent.readonly) {
             return;
@@ -24006,6 +24030,7 @@ var Audio = /** @__PURE__ @class */ (function () {
         }
     };
     Audio.prototype.audioRemovePost = function (src) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         var proxy = this;
         var absoluteUrl = '';
         if (isNullOrUndefined(this.parent.insertAudioSettings.removeUrl) || this.parent.insertAudioSettings.removeUrl === '') {
@@ -24017,8 +24042,9 @@ var Audio = /** @__PURE__ @class */ (function () {
         else {
             absoluteUrl = new URL(src, document.baseURI).href;
         }
-        this.removingAudioName = absoluteUrl.replace(/^.*[\\\/]/, '');
+        this.removingAudioName = absoluteUrl.replace(/^.*[\\/]/, '');
         var xhr = new XMLHttpRequest();
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         xhr.addEventListener('readystatechange', function () {
             if (this.readyState === 4 && this.status === 200) {
                 proxy.triggerPost(this.response);
@@ -24052,6 +24078,7 @@ var Audio = /** @__PURE__ @class */ (function () {
             }
         }
         if (this.isAudioElem(e.target)) {
+            this.audEle = e.target.querySelector('audio');
             e.preventDefault();
         }
     };
@@ -24191,8 +24218,6 @@ var Audio = /** @__PURE__ @class */ (function () {
             addClass([target.querySelector('audio')], [CLS_AUD_FOCUS]);
             target.querySelector('audio').style.outline = '2px solid #4a90e2';
         }
-        var pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset +
-            this.parent.element.getBoundingClientRect().top + args.clientY : args.pageY;
         if (this.parent.quickToolbarModule.audioQTBar) {
             if (e.isNotify) {
                 setTimeout(function () {
@@ -24248,7 +24273,7 @@ var Audio = /** @__PURE__ @class */ (function () {
             cssClass: CLS_RTE_ELEMENTS,
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
-            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px', height: 'inherit',
+            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px',
             position: { X: 'center', Y: (Browser.isDevice) ? 'center' : 'top' },
             isModal: Browser.isDevice,
             buttons: [{
@@ -24320,7 +24345,7 @@ var Audio = /** @__PURE__ @class */ (function () {
         var placeUrl = this.i10n.getConstant('audioUrl');
         this.inputUrl = this.parent.createElement('input', {
             className: 'e-input e-audio-url',
-            attrs: { placeholder: placeUrl, spellcheck: 'false' }
+            attrs: { placeholder: placeUrl, spellcheck: 'false', 'aria-label': this.i10n.getConstant('audioLinkHeader') }
         });
         this.inputUrl.addEventListener('input', function () {
             if (!isNullOrUndefined(_this.inputUrl)) {
@@ -24952,7 +24977,6 @@ var Video = /** @__PURE__ @class */ (function () {
             offsetParent = offsetParent.parentNode;
         }
         if (offsetParent && offsetParent !== elem && offsetParent.nodeType === 1) {
-            // eslint-disable-next-line
             parentOffset = offsetParent.getBoundingClientRect();
         }
         if (elem && elem.nodeType === 1 && elem.tagName === 'IFRAME') {
@@ -24974,6 +24998,7 @@ var Video = /** @__PURE__ @class */ (function () {
         if (isNullOrUndefined(vidEleStyle)) {
             return;
         }
+        // eslint-disable-next-line
         var width = vidEleStyle.width !== '' ? vidEleStyle.width.match(/^\d+(\.\d*)?%$/g) ? parseFloat(vidEleStyle.width) :
             parseInt(vidEleStyle.width, 10) : vid.style.width !== '' ? vid.style.width : vid.width;
         var height = vidEleStyle.height !== '' ? parseInt(vidEleStyle.height, 10) : vid.style.height !== '' ? vid.style.height : vid.height;
@@ -25372,6 +25397,7 @@ var Video = /** @__PURE__ @class */ (function () {
         }
     };
     Video.prototype.videoRemovePost = function (src) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         var proxy = this;
         var absoluteUrl = '';
         if (isNullOrUndefined(this.parent.insertVideoSettings.removeUrl) || this.parent.insertVideoSettings.removeUrl === '') {
@@ -25383,8 +25409,10 @@ var Video = /** @__PURE__ @class */ (function () {
         else {
             absoluteUrl = new URL(src, document.baseURI).href;
         }
+        // eslint-disable-next-line no-useless-escape
         this.removingVideoName = absoluteUrl.replace(/^.*[\\\/]/, '');
         var xhr = new XMLHttpRequest();
+        // eslint-disable-next-line @typescript-eslint/tslint/config
         xhr.addEventListener('readystatechange', function () {
             if (this.readyState === 4 && this.status === 200) {
                 proxy.triggerPost(this.response);
@@ -25515,7 +25543,7 @@ var Video = /** @__PURE__ @class */ (function () {
     };
     Video.prototype.showVideoQuickToolbar = function (e) {
         var _this = this;
-        if (e.type !== 'Videos' || isNullOrUndefined(this.parent.quickToolbarModule)
+        if (e.type !== 'Videos' || e.args.detail === 2 || isNullOrUndefined(this.parent.quickToolbarModule)
             || isNullOrUndefined(this.parent.quickToolbarModule.videoQTBar) || isNullOrUndefined(e.args)) {
             return;
         }
@@ -25548,6 +25576,12 @@ var Video = /** @__PURE__ @class */ (function () {
     Video.prototype.hideVideoQuickToolbar = function () {
         if (!isNullOrUndefined(this.contentModule.getEditPanel().querySelector('.' + CLS_VID_FOCUS))) {
             removeClass([this.contentModule.getEditPanel().querySelector('.' + CLS_VID_FOCUS)], CLS_VID_FOCUS);
+            if (!isNullOrUndefined(this.videoEle)) {
+                this.videoEle.style.outline = '';
+            }
+            if (!isNullOrUndefined(this.contentModule.getEditPanel().querySelector('.e-vid-resize'))) {
+                detach(this.contentModule.getEditPanel().querySelector('.e-vid-resize'));
+            }
             if (this.quickToolObj && this.quickToolObj.videoQTBar && document.body.contains(this.quickToolObj.videoQTBar.element)) {
                 this.quickToolObj.videoQTBar.hidePopup();
             }
@@ -25593,7 +25627,7 @@ var Video = /** @__PURE__ @class */ (function () {
             cssClass: CLS_RTE_ELEMENTS,
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
-            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px', height: 'inherit',
+            showCloseIcon: true, closeOnEscape: true, width: (Browser.isDevice) ? '290px' : '340px',
             position: { X: 'center', Y: (Browser.isDevice) ? 'center' : 'top' },
             isModal: Browser.isDevice,
             buttons: [{
@@ -25676,7 +25710,7 @@ var Video = /** @__PURE__ @class */ (function () {
         videoUrl.appendChild(urlContent);
         this.embedInputUrl = this.parent.createElement('textarea', {
             className: 'e-input e-embed-video-url',
-            attrs: { placeholder: 'Paste Embed URL here', type: 'text', tabindex: '-1' }
+            attrs: { placeholder: 'Paste Embed URL here', type: 'text', tabindex: '-1', 'aria-label': this.i10n.getConstant('embedVideoLinkHeader') }
         });
         this.embedInputUrl.addEventListener('keyup', function () {
             if (!isNullOrUndefined(_this.embedInputUrl)) {
@@ -26326,6 +26360,7 @@ var Table = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/tslint/config
     Table.prototype.setCssClass = function (e) {
         if (this.popupObj && e.cssClass) {
             if (isNullOrUndefined(e.oldCssClass)) {
@@ -26458,18 +26493,17 @@ var Table = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Table.prototype.tableModulekeyUp = function (e) {
-        var event = e.args;
         if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) && this.contentModule) {
             var range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            var selection = this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
             var ele = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range)[0];
             ele = (ele && ele.tagName !== 'TD' && ele.tagName !== 'TH') ? ele.parentElement : ele;
             if (ele && ele.tagName !== 'TD' && ele.tagName !== 'TH') {
                 var closestTd = closest(ele, 'td');
                 ele = !isNullOrUndefined(closestTd) && this.parent.inputElement.contains(closestTd) ? closestTd : ele;
             }
-            if (this.previousTableElement != ele && !isNullOrUndefined(this.previousTableElement)) {
+            if (this.previousTableElement !== ele && !isNullOrUndefined(this.previousTableElement)) {
                 this.previousTableElement.classList.remove(CLS_TABLE_SEL);
             }
         }
@@ -26898,7 +26932,6 @@ var Table = /** @__PURE__ @class */ (function () {
             top: 0,
             left: 0
         };
-        // eslint-disable-next-line
         var offset = elem.getBoundingClientRect();
         var doc = elem.ownerDocument;
         var offsetParent = elem.offsetParent || doc.documentElement;
@@ -26913,7 +26946,6 @@ var Table = /** @__PURE__ @class */ (function () {
             isNestedTable = true;
         }
         if (offsetParent && offsetParent !== elem && offsetParent.nodeType === 1) {
-            // eslint-disable-next-line
             parentOffset = offsetParent.getBoundingClientRect();
         }
         if (isNestedTable) {
@@ -27082,6 +27114,8 @@ var Table = /** @__PURE__ @class */ (function () {
         var mouseY = (this.parent.enableRtl) ? -(pageY - this.pageY) : (pageY - this.pageY);
         this.pageX = pageX;
         this.pageY = pageY;
+        var maxiumWidth;
+        var currentTdElement = this.curTable.closest('td');
         var args = { event: e, requestType: 'table' };
         this.parent.trigger(onResize, args, function (resizingArgs) {
             if (resizingArgs.cancel) {
@@ -27114,6 +27148,10 @@ var Table = /** @__PURE__ @class */ (function () {
                     if (_this.currentColumnResize === 'first') {
                         mouseX = mouseX - 0.75; //This was done for to make the gripper and the table first/last column will be close.
                         _this.removeResizeElement();
+                        if (currentTdElement) {
+                            maxiumWidth = _this.curTable.getBoundingClientRect().right - _this.calcPos(currentTdElement).left;
+                            _this.curTable.style.maxWidth = maxiumWidth + 'px';
+                        }
                         // Below the value '100' is the 100% width of the parent element.
                         if (((mouseX !== 0 && 5 < currentColumnCellWidth) || mouseX < 0) && currentTableWidth <= 100 &&
                             _this.convertPixelToPercentage(tableWidth - mouseX, widthCompare) <= 100) {
@@ -27131,6 +27169,10 @@ var Table = /** @__PURE__ @class */ (function () {
                     else if (_this.currentColumnResize === 'last') {
                         mouseX = mouseX + 0.75; //This was done for to make the gripper and the table first/last column will be close.
                         _this.removeResizeElement();
+                        if (currentTdElement) {
+                            maxiumWidth = currentTdElement.getBoundingClientRect().right - _this.curTable.getBoundingClientRect().left;
+                            _this.curTable.style.maxWidth = maxiumWidth + 'px';
+                        }
                         // Below the value '100' is the 100% width of the parent element.
                         if (((mouseX !== 0 && 5 < currentColumnCellWidth) || mouseX > 0) &&
                             currentTableWidth <= 100 && _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) <= 100) {
@@ -27181,6 +27223,12 @@ var Table = /** @__PURE__ @class */ (function () {
                     if (!Browser.isDevice) {
                         EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
                     }
+                    if (currentTdElement) {
+                        // eslint-disable-next-line max-len
+                        var tableBoxPosition = _this.curTable.getBoundingClientRect().left - currentTdElement.getBoundingClientRect().left;
+                        maxiumWidth = Math.abs(tableBoxPosition - currentTdElement.getBoundingClientRect().width) - 5;
+                        _this.curTable.style.maxWidth = maxiumWidth + 'px';
+                    }
                     var widthType = _this.curTable.style.width.indexOf('%') > -1;
                     _this.curTable.style.width = widthType ? _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%'
                         : tableWidth + mouseX + 'px';
@@ -28510,8 +28558,8 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
             var curElement = this.startNode;
             var blockElement = curElement;
             while (!this.parent.formatter.editorManager.domNode.isBlockNode(curElement)) {
-                blockElement = curElement;
                 curElement = curElement.parentElement;
+                blockElement = curElement;
             }
             isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
@@ -28528,7 +28576,10 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                 this.parent.trigger(actionBegin, actionBeginArgs, function (actionBeginArgs) {
                     if (!actionBeginArgs.cancel) {
                         if (!(_this.range.startOffset === _this.range.endOffset && _this.range.startContainer === _this.range.endContainer)) {
-                            _this.range.deleteContents();
+                            if (!(_this.range.startContainer.nodeName === 'SPAN' && (_this.range.startContainer.classList.contains('e-video-wrap') ||
+                                _this.range.startContainer.classList.contains('e-audio-wrap')))) {
+                                _this.range.deleteContents();
+                            }
                             if (_this.range.startContainer.nodeName === '#text' && _this.range.startContainer.textContent.length === 0 &&
                                 _this.range.startContainer.parentElement !== _this.parent.inputElement) {
                                 if (_this.parent.enterKey === 'BR') {
@@ -28557,8 +28608,8 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                             while (!isNullOrUndefined(currentFocusElem) && currentFocusElem.nodeName !== '#text' && currentFocusElem.nodeName !== 'BR') {
                                                 currentFocusElem = currentFocusElem.lastChild;
                                             }
-                                            if (currentFocusElem.nodeName != 'BR' && currentFocusElem.parentElement.textContent.length === 0 && currentFocusElem.parentElement.innerHTML.length === 0 &&
-                                                currentFocusElem.parentElement.nodeName != 'BR') {
+                                            if (currentFocusElem.nodeName !== 'BR' && currentFocusElem.parentElement.textContent.length === 0 && currentFocusElem.parentElement.innerHTML.length === 0 &&
+                                                currentFocusElem.parentElement.nodeName !== 'BR') {
                                                 currentFocusElem.parentElement.appendChild(_this.parent.createElement('BR'));
                                             }
                                             _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), currentFocusElem.nodeName === 'BR' ? currentFocusElem : currentFocusElem.parentElement, currentFocusElem.parentElement.textContent.length >= 0 || currentFocusElem.nodeName === 'BR' ? 0 : 1);
@@ -28610,13 +28661,14 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                 else {
                                     nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
                                 }
-                                var isImageNode = false;
+                                var isMediaNode = false; // To check the image audio and video node cases
                                 var isFocusedFirst = false;
                                 if (_this.range.startOffset !== 0 && _this.range.endOffset !== 0 &&
                                     _this.range.startContainer === _this.range.endContainer && !(!isNullOrUndefined(nearBlockNode.childNodes[0])
-                                    && nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                    && nearBlockNode.childNodes[0].nodeName === 'IMG' && nearBlockNode.querySelectorAll('img,audio,video').length > 0)) {
                                     var startNodeText = _this.range.startContainer.textContent;
                                     var splitFirstText = startNodeText.substring(0, _this.range.startOffset);
+                                    // eslint-disable-next-line max-len
                                     if (splitFirstText.charCodeAt(_this.range.startOffset - 1) !== 160 && splitFirstText.trim().length === 0) {
                                         isFocusedFirst = true;
                                     }
@@ -28628,26 +28680,29 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                 var fireFoxEnterAtMiddle = Browser.userAgent.indexOf('Firefox') !== -1 && _this.range.startOffset === 0 && _this.range.startContainer === _this.range.endContainer &&
                                     _this.range.startContainer.nodeName === '#text' && !_this.parent.formatter.editorManager.domNode.isBlockNode(_this.range.startContainer.previousSibling) &&
                                     _this.range.startContainer.parentElement === _this.range.startContainer.previousSibling.parentElement;
+                                // eslint-disable-next-line max-len
                                 if (!fireFoxEnterAtMiddle && ((_this.range.startOffset === 0 && _this.range.endOffset === 0) || isFocusedFirst) &&
                                     !(!isNullOrUndefined(_this.range.startContainer.previousSibling) &&
                                         (_this.range.startContainer.previousSibling.nodeName === 'IMG' || _this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                     var isNearBlockLengthZero = void 0;
                                     var newElem = void 0;
-                                    if (_this.range.startContainer.nodeName === 'IMG' || _this.range.startContainer.nodeName === 'TABLE') {
+                                    if (!isNullOrUndefined(_this.range.startContainer.childNodes) && _this.range.startContainer.textContent.length === 0 &&
+                                        (_this.range.startContainer.querySelectorAll('img,audio,video').length > 0 ||
+                                            _this.range.startContainer.nodeName === 'IMG' || _this.range.startContainer.nodeName === 'TABLE')) {
                                         newElem = _this.createInsertElement(shiftKey_1);
-                                        isImageNode = true;
+                                        isMediaNode = true;
                                         isNearBlockLengthZero = false;
                                     }
                                     else {
                                         if ((nearBlockNode.textContent.trim().length !== 0 ||
                                             nearBlockNode.childNodes[0].nodeName === 'IMG' ||
-                                            (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img').length > 0))) {
-                                            if ((_this.range.startOffset === _this.range.endOffset && _this.range.startOffset != 0)) {
+                                            (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img,audio,video').length > 0))) {
+                                            if ((_this.range.startOffset === _this.range.endOffset && _this.range.startOffset !== 0)) {
                                                 newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                             }
                                             else {
                                                 newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true).cloneNode(true);
-                                                isImageNode = true;
+                                                isMediaNode = true;
                                             }
                                             isNearBlockLengthZero = false;
                                         }
@@ -28670,7 +28725,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     if (!isNearBlockLengthZero) {
                                         var currentFocusElem = insertElem;
                                         var finalFocusElem = void 0;
-                                        if (_this.range.startOffset === _this.range.endOffset && _this.range.startOffset != 0) {
+                                        if (_this.range.startOffset === _this.range.endOffset && _this.range.startOffset !== 0) {
                                             while (!isNullOrUndefined(currentFocusElem) && currentFocusElem.nodeName !== '#text' &&
                                                 currentFocusElem.nodeName !== 'BR') {
                                                 finalFocusElem = currentFocusElem;
@@ -28681,7 +28736,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                             finalFocusElem = currentFocusElem;
                                         }
                                         finalFocusElem.innerHTML = '<br>';
-                                        if (!isImageNode) {
+                                        if (!isMediaNode) {
                                             detach(nearBlockNode);
                                         }
                                     }
@@ -28700,6 +28755,48 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                         _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), insertElem, 0);
                                     }
                                 }
+                                else if (_this.range.startContainer === _this.range.endContainer && _this.range.startContainer.nodeName === 'SPAN' &&
+                                    (_this.range.startContainer.classList.contains('e-video-wrap') ||
+                                        _this.range.startContainer.classList.contains('e-audio-wrap'))) {
+                                    if (nearBlockNode.textContent.trim().length > 0) {
+                                        var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
+                                        var audioVideoElem = !isNullOrUndefined(newElem.previousSibling.querySelector('.e-video-wrap')) ?
+                                            newElem.previousSibling.querySelector('.e-video-wrap') : newElem.previousSibling.querySelector('.e-audio-wrap');
+                                        var isBRInserted = false;
+                                        var lastNode = audioVideoElem.previousSibling;
+                                        while (!isNullOrUndefined(lastNode) && lastNode.nodeName !== '#text') {
+                                            lastNode = lastNode.lastChild;
+                                        }
+                                        if (isNullOrUndefined(lastNode)) {
+                                            var brElm = _this.parent.createElement('br');
+                                            audioVideoElem.parentElement.appendChild(brElm);
+                                            isBRInserted = true;
+                                        }
+                                        if (isBRInserted) {
+                                            _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), audioVideoElem.parentElement, 0);
+                                        }
+                                        else {
+                                            _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), lastNode, lastNode.textContent.length);
+                                        }
+                                        detach(audioVideoElem);
+                                    }
+                                    else {
+                                        var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
+                                        var focusElem = newElem.previousSibling;
+                                        while (!isNullOrUndefined(focusElem.firstChild)) {
+                                            detach(focusElem.firstChild);
+                                        }
+                                        var brElm = _this.parent.createElement('br');
+                                        focusElem.appendChild(brElm);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), focusElem, 0);
+                                    }
+                                    if (!isNullOrUndefined(_this.parent.audioModule)) {
+                                        _this.parent.audioModule.hideAudioQuickToolbar();
+                                    }
+                                    if (!isNullOrUndefined(_this.parent.videoModule)) {
+                                        _this.parent.videoModule.hideVideoQuickToolbar();
+                                    }
+                                }
                                 else {
                                     var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, true);
                                     if (!isNullOrUndefined(newElem.childNodes[0]) && newElem.childNodes[0].nodeName === '#text' &&
@@ -28715,7 +28812,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                             _this.startNode = startParentElem;
                                         }
                                         else {
-                                            if (_this.startNode.nodeName != 'BR') {
+                                            if (_this.startNode.nodeName !== 'BR') {
                                                 _this.startNode.appendChild(brElm);
                                             }
                                         }
@@ -28798,6 +28895,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                     var outerBRElem = _this.parent.createElement('br');
                                     if (_this.range.startOffset === 0 && _this.range.endOffset === 0 &&
                                         !isNullOrUndefined(currentParent.previousSibling) && currentParent.previousSibling.nodeName === 'BR') {
+                                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                                         newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, false).cloneNode(true);
                                         _this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
                                         _this.insertFocusContent();
@@ -28806,6 +28904,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
                                             currentFocusElem = currentFocusElem.lastChild;
                                         }
                                         _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), currentFocusElem, 0);
+                                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
                                         
                                     }
                                     else {
@@ -28835,7 +28934,7 @@ var EnterKeyAction = /** @__PURE__ @class */ (function () {
     EnterKeyAction.prototype.insertBRElement = function () {
         var isEmptyBrInserted = false;
         var isFocusTextNode = true;
-        if (this.range.endContainer.textContent.length == 0 && this.range.startContainer.nodeName === "BR") {
+        if (this.range.endContainer.textContent.length === 0 && this.range.startContainer.nodeName === 'BR') {
             isFocusTextNode = false;
         }
         var brElm = this.parent.createElement('br');
@@ -29195,7 +29294,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 this.focusIn();
             }
         }
-        var tool = executeGroup[commandName];
+        var tool = executeGroup["" + commandName];
         if (option && option.undo) {
             if (option.undo && this.formatter.getUndoRedoStack().length === 0) {
                 this.formatter.saveData();
@@ -29420,8 +29519,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 audioElm[i].classList.add('e-rte-audio');
                 audioElm[i].classList.add(CLS_AUDIOINLINE);
             }
+            // eslint-disable-next-line max-len
             if (!audioElm[i].parentElement.classList.contains(CLS_CLICKELEM) && !audioElm[i].parentElement.classList.contains(CLS_AUDIOWRAP)) {
                 var audioWrapElem = this.createElement('span', { className: CLS_AUDIOWRAP });
+                audioWrapElem.setAttribute('style', 'width:300px; margin:0 auto;');
                 audioWrapElem.contentEditable = 'false';
                 var audioInnerWrapElem = this.createElement('span', { className: CLS_CLICKELEM });
                 audioWrapElem.appendChild(audioInnerWrapElem);
@@ -29439,6 +29540,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 videoElm[i].classList.add('e-rte-video');
                 videoElm[i].classList.add(CLS_VIDEOINLINE);
             }
+            // eslint-disable-next-line max-len
             if (!videoElm[i].parentElement.classList.contains(CLS_CLICKELEM) && !videoElm[i].parentElement.classList.contains(CLS_VIDEOWRAP)) {
                 var videoWrapElem = this.createElement('span', { className: CLS_VIDEOWRAP });
                 videoWrapElem.contentEditable = 'false';
@@ -29450,10 +29552,12 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (Browser.userAgent.indexOf('Firefox') !== -1) {
+                // eslint-disable-next-line
                 videoElm[i].addEventListener('play', function (args) {
                     _this.notify(mouseDown, { args: args });
                     _this.notify('editAreaClick', { args: args });
                 });
+                // eslint-disable-next-line
                 videoElm[i].addEventListener('pause', function (args) {
                     _this.notify(mouseDown, { args: args });
                     _this.notify('editAreaClick', { args: args });
@@ -29472,6 +29576,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     RichTextEditor.prototype.eventInitializer = function () {
         this.wireEvents();
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     RichTextEditor.prototype.cleanList = function (e) {
         var range = this.getRange();
         var currentStartContainer = range.startContainer;
@@ -29519,6 +29624,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             if (closest(startNode, 'pre') &&
                 (e.which === 8 && range.startContainer.textContent.charCodeAt(range.startOffset - 1) === 8203) ||
                 (e.which === 46 && range.startContainer.textContent.charCodeAt(range.startOffset) === 8203)) {
+                // eslint-disable-next-line
                 var regEx = new RegExp(String.fromCharCode(8203), 'g');
                 var pointer = e.which === 8 ? range.startOffset - 1 : range.startOffset;
                 range.startContainer.textContent = range.startContainer.textContent.replace(regEx, '');
@@ -29537,6 +29643,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                 var bool = true;
                 var removeNodeArray = [];
                 for (i = index; i >= 0; i--) {
+                    // eslint-disable-next-line max-len
                     if (parentEle.childNodes[i].nodeType === 3 && parentEle.childNodes[i].textContent.charCodeAt(0) === 8203 && bool) {
                         removeNodeArray.push(i);
                     }
@@ -29595,7 +29702,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.notify(keyUp, { member: 'keyup', args: e });
-        if (e.keyCode == 39 || e.keyCode == 37) {
+        if (e.keyCode === 39 || e.keyCode === 37) {
             this.notify(tableModulekeyUp, { member: 'tableModulekeyUp', args: e });
         }
         if (e.code === 'KeyX' && e.which === 88 && e.keyCode === 88 && e.ctrlKey && (this.inputElement.innerHTML === '' ||
@@ -30014,6 +30121,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
      * @hidden
      * @deprecated
      */
+    /* eslint-disable */
     RichTextEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
             var prop = _a[_i];
@@ -30053,7 +30161,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                     break;
                 }
                 case 'valueTemplate':
-                    this.setValue();
+                    this.setValue(true);
                     if (this.showCharCount) {
                         this.countModule.refresh();
                     }
@@ -30149,7 +30257,6 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
                     this.notify(xhtmlValidation, { module: 'XhtmlValidation', newProp: newProp, oldProp: oldProp });
                     break;
                 case 'quickToolbarSettings':
-                    // eslint-disable-next-line
                     newProp.quickToolbarSettings.showOnRightClick ? this.wireContextEvent() : this.unWireContextEvent();
                     this.notify(modelChanged, { newProp: newProp, oldProp: oldProp });
                     break;
@@ -30159,6 +30266,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    /* eslint-enable */
     /**
      * @hidden
      * @returns {void}
@@ -30500,7 +30608,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         styleEle.rel = 'stylesheet';
         return styleEle;
     };
-    RichTextEditor.prototype.setValue = function () {
+    RichTextEditor.prototype.setValue = function (isPropertyChange) {
+        var _this = this;
         if (this.valueTemplate) {
             var regEx = new RegExp(/<(?=.*? .*?\/ ?>|br|hr|input|!--|wbr)[a-z]+.*?>|<([a-z]+).*?<\/\1>/i);
             if (regEx.test(this.valueTemplate)) {
@@ -30508,11 +30617,30 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 var compiledTemplate = compile(this.valueTemplate)('', this, 'valueTemplate');
-                for (var i = 0; i < compiledTemplate.length; i++) {
-                    var item = compiledTemplate[i];
-                    append([item], this.element);
+                if (typeof this.valueTemplate !== 'string' && this.isReact) {
+                    this.displayTempElem = this.createElement('div');
+                    for (var i = 0; i < compiledTemplate.length; i++) {
+                        var item = compiledTemplate[i];
+                        append([item], this.displayTempElem);
+                    }
+                    this.renderTemplates(function () {
+                        _this.inputElement.innerHTML = _this.displayTempElem.childNodes[0].innerHTML;
+                        _this.setProperties({ value: _this.inputElement.innerHTML.trim() });
+                    });
+                }
+                else {
+                    var appendElem = this.element;
+                    if (isPropertyChange) {
+                        this.inputElement.innerHTML = '';
+                        appendElem = this.inputElement;
+                    }
+                    for (var i = 0; i < compiledTemplate.length; i++) {
+                        var item = compiledTemplate[i];
+                        append([item], appendElem);
+                    }
+                    this.setProperties({ value: appendElem.innerHTML.trim() });
+                    this.renderReactTemplates();
                 }
-                this.setProperties({ value: this.element.innerHTML.trim() });
             }
         }
         else {
@@ -30528,6 +30656,10 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    RichTextEditor.prototype.renderTemplates = function (callBack) {
+        this.renderReactTemplates(callBack);
+    };
     RichTextEditor.prototype.updateResizeFlag = function () {
         this.isResizeInitialized = true;
     };
@@ -30597,7 +30729,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         var rzHandle = this.element.querySelector('.' + CLS_RTE_RES_HANDLE);
         var rzHeight = this.enableResize ? (!isNullOrUndefined(rzHandle) ? (rzHandle.offsetHeight + 8) : 0) : 0;
         var expandPopHeight = this.getToolbar() ? this.toolbarModule.getExpandTBarPopHeight() : 0;
-        if (this.toolbarSettings.type === ToolbarType.Expand && isExpand && target !== 'preview') {
+        if (this.toolbarSettings.type === ToolbarType.Expand && isExpand) {
             heightValue = (this.height === 'auto' && rzHeight === 0) ? 'auto' : rteHeight - (tbHeight + expandPopHeight + rzHeight) + 'px';
             topValue = (!this.toolbarSettings.enableFloating) ? expandPopHeight : 0;
         }