@syncfusion/ej2-richtexteditor 19.2.62 → 19.3.43

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

@@ -1,8 +1,8 @@
-import { Ajax, Base, Browser, ChildProperty, Complex, Component, Event, EventHandler, KeyboardEvents, L10n, NotifyPropertyChanges, Observer, Property, SanitizeHtmlHelper, Touch, addClass, append, attributes, closest, compile, createElement, debounce, detach, extend, formatUnit, getEnumValue, getInstance, getUniqueID, isBlazor, isNullOrUndefined, prepend, print, removeClass, select, selectAll, setStyleAttribute } from '@syncfusion/ej2-base';
+import { Ajax, Base, Browser, ChildProperty, Complex, Component, Event, EventHandler, KeyboardEvents, L10n, NotifyPropertyChanges, Observer, Property, SanitizeHtmlHelper, Touch, addClass, append, attributes, closest, compile, createElement, debounce, detach, extend, formatUnit, getEnumValue, getInstance, getUniqueID, isNullOrUndefined, prepend, print, removeClass, select, selectAll, setStyleAttribute } from '@syncfusion/ej2-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { Dialog, Popup, getScrollableParent, isCollide } from '@syncfusion/ej2-popups';
-import { ColorPicker, NumericTextBox, Uploader } from '@syncfusion/ej2-inputs';
+import { ColorPicker, NumericTextBox, TextBox, Uploader } from '@syncfusion/ej2-inputs';
 import { Button, CheckBox, RadioButton } from '@syncfusion/ej2-buttons';
 import { AjaxSettings, ContextMenu, ContextMenuSettings, DetailsView, DetailsViewSettings, FileManager, NavigationPane, NavigationPaneSettings, SearchSettings, Toolbar as Toolbar$1, ToolbarSettings, UploadSettings } from '@syncfusion/ej2-filemanager';
 
@@ -449,6 +449,11 @@ const readOnlyMode = 'readOnlyMode';
  * @deprecated
  */
 const pasteClean = 'pasteClean';
+/**
+ * @hidden
+ * @deprecated
+ */
+const enterHandler = 'enterHandler';
 /**
  * @hidden
  * @deprecated
@@ -1351,14 +1356,14 @@ let tools = {
     'numberformatlist': {
         'id': 'NumberFormatList',
         'icon': 'e-order-list',
-        'tooltip': 'NumberFormatList',
+        'tooltip': 'Number Format List',
         'command': 'NumberFormatList',
         'subCommand': 'NumberFormatList'
     },
     'bulletformatlist': {
         'id': 'BulletFormatList',
         'icon': 'e-unorder-list',
-        'tooltip': 'BulletFormatList',
+        'tooltip': 'Bullet Format List',
         'command': 'BulletFormatList',
         'subCommand': 'BulletFormatList'
     },
@@ -1532,7 +1537,7 @@ let tools = {
     },
     'dimension': {
         'id': 'Dimension',
-        'icon': 'e-dimension',
+        'icon': 'e-img-dimension',
         'tooltip': 'Change Size',
         'command': 'Images',
         'subCommand': 'Dimension'
@@ -2490,11 +2495,19 @@ function toObjectLowerCase(obj) {
 function getEditValue(value, rteObj) {
     let val;
     if (value !== null && value !== '') {
-        val = rteObj.enableHtmlEncode ? updateTextNode(decode(value)) : updateTextNode(value);
+        val = rteObj.enableHtmlEncode ? updateTextNode(decode(value), rteObj) : updateTextNode(value, rteObj);
         rteObj.setProperties({ value: val }, true);
     }
     else {
-        val = rteObj.enableHtmlEncode ? '&lt;p&gt;&lt;br/&gt;&lt;/p&gt;' : '<p><br/></p>';
+        if (rteObj.enterKey === 'DIV') {
+            val = rteObj.enableHtmlEncode ? '&lt;div&gt;&lt;br/&gt;&lt;/div&gt;' : '<div><br/></div>';
+        }
+        else if (rteObj.enterKey === 'BR') {
+            val = rteObj.enableHtmlEncode ? '&lt;br/&gt;' : '<br/>';
+        }
+        else {
+            val = rteObj.enableHtmlEncode ? '&lt;p&gt;&lt;br/&gt;&lt;/p&gt;' : '<p><br/></p>';
+        }
     }
     return val;
 }
@@ -2503,7 +2516,7 @@ function getEditValue(value, rteObj) {
  * @returns {string} - returns the string
  * @hidden
  */
-function updateTextNode(value) {
+function updateTextNode(value, rteObj) {
     const tempNode = document.createElement('div');
     const resultElm = document.createElement('div');
     const childNodes = tempNode.childNodes;
@@ -2512,20 +2525,25 @@ function updateTextNode(value) {
     if (childNodes.length > 0) {
         let isPreviousInlineElem;
         let previousParent;
-        let paraElm;
+        let insertElem;
         while (tempNode.firstChild) {
-            if ((tempNode.firstChild.nodeName === '#text' &&
+            if (rteObj.enterKey !== 'BR' && ((tempNode.firstChild.nodeName === '#text' &&
                 (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
-                inlineNode.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
+                inlineNode.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
                 if (!isPreviousInlineElem) {
-                    paraElm = createElement('p');
-                    resultElm.appendChild(paraElm);
-                    paraElm.appendChild(tempNode.firstChild);
+                    if (rteObj.enterKey === 'DIV') {
+                        insertElem = createElement('div');
+                    }
+                    else {
+                        insertElem = createElement('p');
+                    }
+                    resultElm.appendChild(insertElem);
+                    insertElem.appendChild(tempNode.firstChild);
                 }
                 else {
                     previousParent.appendChild(tempNode.firstChild);
                 }
-                previousParent = paraElm;
+                previousParent = insertElem;
                 isPreviousInlineElem = true;
             }
             else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
@@ -2550,13 +2568,34 @@ function updateTextNode(value) {
     }
     return resultElm.innerHTML;
 }
+/**
+ * @param {IRichTextEditor} rteObj - specifies the rte object
+ * @returns {string} - returns the value based on enter configuration.
+ * @hidden
+ */
+function getDefaultValue(rteObj) {
+    let currentVal;
+    if (rteObj.enterKey === 'DIV') {
+        currentVal = rteObj.enableHtmlEncode ? '&lt;div&gt;&lt;br/&gt;&lt;/div&gt;' : '<div><br/></div>';
+    }
+    else if (rteObj.enterKey === 'BR') {
+        currentVal = rteObj.enableHtmlEncode ? '&lt;br/&gt;' : '<br/>';
+    }
+    else {
+        currentVal = rteObj.enableHtmlEncode ? '&lt;p&gt;&lt;br/&gt;&lt;/p&gt;' : '<p><br/></p>';
+    }
+    return currentVal;
+}
 /**
  * @param {string} value - specifies the value
  * @returns {boolean} - returns the boolean value
  * @hidden
  */
 function isEditableValueEmpty(value) {
-    return (value === '<p><br></p>' || value === '&lt;p&gt;&lt;br&gt;&lt;/p&gt;' || value === '') ? true : false;
+    return (value === '<p><br></p>' || value === '&lt;p&gt;&lt;br&gt;&lt;/p&gt;'
+        || value === '<div><br></div>' || value === '&lt;div&gt;&lt;br&gt;&lt;/div&gt;'
+        || value === '<br>' || value === '&lt;br&gt;'
+        || value === '') ? true : false;
 }
 /**
  * @param {string} value - specifies the string value
@@ -5244,8 +5283,7 @@ class BaseQuickToolbar {
      * @deprecated
      */
     showPopup(x, y, target) {
-        const eventArgs = isBlazor() ? { cancel: false, targetElement: target } :
-            { popup: this.popupObj, cancel: false, targetElement: target };
+        const eventArgs = { popup: this.popupObj, cancel: false, targetElement: target };
         this.parent.trigger(beforeQuickToolbarOpen, eventArgs, (beforeQuickToolbarArgs) => {
             if (!beforeQuickToolbarArgs.cancel) {
                 let editPanelTop;
@@ -5372,7 +5410,7 @@ class BaseQuickToolbar {
             this.colorPickerObj.destroyColorPicker();
             removeClass([this.element], [CLS_POP]);
             detach(element);
-            const args = isBlazor() ? { element: this.popupObj.element } : this.popupObj;
+            const args = this.popupObj;
             this.parent.trigger(quickToolbarClose, args);
         }
     }
@@ -5480,7 +5518,7 @@ class PopupRenderer {
         this.parent = parent;
     }
     quickToolbarOpen() {
-        const args = isBlazor() ? { element: this.popupObj.element } : this.popupObj;
+        const args = this.popupObj;
         this.parent.trigger(quickToolbarOpen, args);
     }
     /**
@@ -6756,10 +6794,6 @@ class Formatter {
                     itemCollection: value
                 };
                 extend(args, args, items, true);
-                if (isBlazor()) {
-                    delete args.item;
-                    delete args.itemCollection;
-                }
                 self.trigger(actionBegin, args, (actionBeginArgs) => {
                     if (actionBeginArgs.cancel) {
                         if (action === 'paste' || action === 'cut' || action === 'copy') {
@@ -6771,10 +6805,16 @@ class Formatter {
             const isTableModule = isNullOrUndefined(self.tableModule) ? true : self.tableModule ?
                 self.tableModule.ensureInsideTableList : false;
             if ((event.which === 9 && isTableModule) || event.which !== 9) {
+                if (event.which === 13 && self.editorMode === 'HTML') {
+                    value = {
+                        'enterAction': self.enterKey
+                    };
+                }
                 this.editorManager.observer.notify((event.type === 'keydown' ? KEY_DOWN : KEY_UP), {
                     event: event,
                     callBack: this.onSuccess.bind(this, self),
-                    value: value
+                    value: value,
+                    enterAction: self.enterKey
                 });
             }
         }
@@ -6802,7 +6842,7 @@ class Formatter {
                     else {
                         this.editorManager.observer.notify(checkUndo, { subCommand: actionBeginArgs.item.subCommand });
                         this.editorManager.execCommand(actionBeginArgs.item.command, actionBeginArgs.item.subCommand, event, this.onSuccess.bind(this, self), actionBeginArgs.item.value, actionBeginArgs.item.subCommand === 'Pre' && args.name === 'dropDownSelect' ?
-                            { name: args.name } : value, ('#' + self.getID() + ' iframe'));
+                            { name: args.name } : value, ('#' + self.getID() + ' iframe'), self.enterKey);
                     }
                 }
             });
@@ -10164,8 +10204,8 @@ class DOMNode {
             this.replaceWith(start, this.marker(className, this.encode(start.textContent)));
         }
         else if (start.tagName === 'BR') {
-            this.replaceWith(start, this.marker(markerClassName.startSelection, this.encode(start.textContent)));
-            const markerStart = range.startContainer.querySelector('.' + markerClassName.startSelection);
+            this.replaceWith(start, this.marker(className, this.encode(start.textContent)));
+            const markerStart = range.startContainer.querySelector('.' + className);
             markerStart.appendChild(start);
         }
         else {
@@ -10406,7 +10446,7 @@ class Lists {
         const olListStartRegex = [/^[1]+[.]+$/, /^[i]+[.]+$/, /^[a]+[.]+$/];
         if (!isNullOrUndefined(range.startContainer.textContent.slice(0, range.startOffset))) {
             for (let i = 0; i < olListStartRegex.length; i++) {
-                if (olListStartRegex[i].test(range.startContainer.textContent.slice(0, range.startOffset).trim())) {
+                if (olListStartRegex[i].test(range.startContainer.textContent.replace(/\u200B/g, '').slice(0, range.startOffset).trim())) {
                     return true;
                 }
             }
@@ -10434,8 +10474,8 @@ class Lists {
                 this.applyListsHandler({ subCommand: 'OL', callBack: e.callBack });
                 e.event.preventDefault();
             }
-            else if (range.startContainer.textContent.slice(0, range.startOffset).trim() === '*' ||
-                range.startContainer.textContent.slice(0, range.startOffset).trim() === '-') {
+            else if (range.startContainer.textContent.replace(/\u200B/g, '').slice(0, range.startOffset).trim() === '*' ||
+                range.startContainer.textContent.replace(/\u200B/g, '').slice(0, range.startOffset).trim() === '-') {
                 range.startContainer.textContent = range.startContainer.textContent.slice(range.startOffset, range.startContainer.textContent.length);
                 this.applyListsHandler({ subCommand: 'UL', callBack: e.callBack });
                 e.event.preventDefault();
@@ -10456,15 +10496,24 @@ class Lists {
             const startNodeParent = startNode.parentElement;
             if (isNullOrUndefined(startNodeParent.parentElement.closest('UL')) && isNullOrUndefined(startNodeParent.parentElement.closest('OL'))) {
                 if (!isNullOrUndefined(startNode.nextElementSibling)) {
-                    //startNode.classList.add('innerNode');
                     const nearBlockNode = this.parent.domNode.blockParentNode(startNode);
                     this.parent.nodeCutter.GetSpliceNode(range, nearBlockNode);
                 }
-                const paraTag = createElement('p');
-                paraTag.innerHTML = '<br>';
-                this.parent.domNode.insertAfter(paraTag, startNodeParent);
+                let insertTag;
+                if (e.enterAction === 'DIV') {
+                    insertTag = createElement('div');
+                    insertTag.innerHTML = '<br>';
+                }
+                else if (e.enterAction === 'P') {
+                    insertTag = createElement('p');
+                    insertTag.innerHTML = '<br>';
+                }
+                else {
+                    insertTag = createElement('br');
+                }
+                this.parent.domNode.insertAfter(insertTag, startNodeParent);
                 e.event.preventDefault();
-                this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, paraTag, 0);
+                this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, insertTag, 0);
                 if (startNodeParent.textContent === '') {
                     detach(startNodeParent);
                 }
@@ -10760,7 +10809,67 @@ class Lists {
         this.currentAction = e.subCommand;
         this.currentAction = e.subCommand = this.currentAction === 'NumberFormatList' ? 'OL' : this.currentAction === 'BulletFormatList' ? 'UL' : this.currentAction;
         this.domNode.setMarker(this.saveSelection);
-        const listsNodes = this.domNode.blockNodes();
+        let listsNodes = this.domNode.blockNodes();
+        if (e.enterAction === 'BR') {
+            this.setSelectionBRConfig();
+            const allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
+            const selectedNodes = this.parent.nodeSelection.getSelectionNodes(allSelectedNode);
+            const currentFormatNodes = [];
+            if (selectedNodes.length === 0) {
+                selectedNodes.push(listsNodes[0]);
+            }
+            for (let i = 0; i < selectedNodes.length; i++) {
+                let currentNode = selectedNodes[i];
+                let previousCurrentNode;
+                while (!this.parent.domNode.isBlockNode(currentNode) && currentNode !== this.parent.editableElement) {
+                    previousCurrentNode = currentNode;
+                    currentNode = currentNode.parentElement;
+                }
+                if (this.parent.domNode.isBlockNode(currentNode) && currentNode === this.parent.editableElement) {
+                    currentFormatNodes.push(previousCurrentNode);
+                }
+            }
+            for (let i = 0; i < currentFormatNodes.length; i++) {
+                if (!this.parent.domNode.isBlockNode(currentFormatNodes[i])) {
+                    let currentNode = currentFormatNodes[i];
+                    let previousNode = currentNode;
+                    while (currentNode === this.parent.editableElement) {
+                        previousNode = currentNode;
+                        currentNode = currentNode.parentElement;
+                    }
+                    let tempElem;
+                    if (this.parent.domNode.isBlockNode(previousNode.parentElement) &&
+                        previousNode.parentElement === this.parent.editableElement) {
+                        tempElem = createElement('p');
+                        previousNode.parentElement.insertBefore(tempElem, previousNode);
+                        tempElem.appendChild(previousNode);
+                    }
+                    else {
+                        tempElem = previousNode;
+                    }
+                    let preNode = tempElem.previousSibling;
+                    while (!isNullOrUndefined(preNode) && preNode.nodeName !== 'BR' &&
+                        !this.parent.domNode.isBlockNode(preNode)) {
+                        tempElem.firstChild.parentElement.insertBefore(preNode, tempElem.firstChild);
+                        preNode = tempElem.previousSibling;
+                    }
+                    if (!isNullOrUndefined(preNode) && preNode.nodeName === 'BR') {
+                        detach(preNode);
+                    }
+                    let postNode = tempElem.nextSibling;
+                    while (!isNullOrUndefined(postNode) && postNode.nodeName !== 'BR' &&
+                        !this.parent.domNode.isBlockNode(postNode)) {
+                        tempElem.appendChild(postNode);
+                        postNode = tempElem.nextSibling;
+                    }
+                    if (!isNullOrUndefined(postNode) && postNode.nodeName === 'BR') {
+                        detach(postNode);
+                    }
+                }
+            }
+            this.setSelectionBRConfig();
+            listsNodes = this.parent.domNode.blockNodes();
+        }
         for (let i = 0; i < listsNodes.length; i++) {
             if (listsNodes[i].tagName === 'TABLE' && !range.collapsed) {
                 listsNodes.splice(i, 1);
@@ -10781,6 +10890,16 @@ class Lists {
             });
         }
     }
+    setSelectionBRConfig() {
+        const startElem = this.parent.editableElement.querySelector('.' + markerClassName.startSelection);
+        const endElem = this.parent.editableElement.querySelector('.' + markerClassName.endSelection);
+        if (isNullOrUndefined(endElem)) {
+            this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, startElem, 0);
+        }
+        else {
+            this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, startElem, endElem, 0, 0);
+        }
+    }
     applyLists(elements, type, selector, item) {
         if (this.isRevert(elements, type) && isNullOrUndefined(item)) {
             this.revertList(elements);
@@ -11121,6 +11240,7 @@ class InsertMethods {
  */
 class NodeCutter {
     constructor() {
+        this.enterAction = 'P';
         this.position = -1;
         this.nodeSelection = new NodeSelection();
     }
@@ -11353,7 +11473,7 @@ class Formats {
         if (e.event.which === 13 && range.startContainer === endCon && endCon.nodeType !== 3) {
             const pTag = createElement('p');
             pTag.innerHTML = '<br>';
-            if (lastChild && lastChild.nodeName === 'BR' && (lastChild.previousSibling && lastChild.previousSibling.nodeName === 'TABLE')) {
+            if (!isNullOrUndefined(lastChild) && lastChild && lastChild.nodeName === 'BR' && (lastChild.previousSibling && lastChild.previousSibling.nodeName === 'TABLE')) {
                 endCon.replaceChild(pTag, lastChild);
                 this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, pTag, 0);
             }
@@ -11396,7 +11516,7 @@ class Formats {
                 let startParent = range.startContainer;
                 if (!isNullOrUndefined(lastEmpty) && !isNullOrUndefined(lastBeforeBr) && isNullOrUndefined(lastEmpty.nextSibling) &&
                     lastEmpty.nodeName === 'BR' && lastBeforeBr.nodeName === 'BR') {
-                    this.paraFocus(range.startContainer);
+                    this.paraFocus(range.startContainer, e.enterAction);
                 }
                 else if ((startParent.textContent.charCodeAt(0) === 8203 &&
                     startParent.textContent.length === 1) || startParent.textContent.length === 0) {
@@ -11439,11 +11559,21 @@ class Formats {
             range.deleteContents();
         }
     }
-    paraFocus(referNode) {
-        const pTag = createElement('p');
-        pTag.innerHTML = '<br>';
-        this.parent.domNode.insertAfter(pTag, referNode);
-        this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, pTag, 0);
+    paraFocus(referNode, enterAction) {
+        let insertTag;
+        if (enterAction === 'DIV') {
+            insertTag = createElement('div');
+            insertTag.innerHTML = '<br>';
+        }
+        else if (enterAction === 'BR') {
+            insertTag = createElement('br');
+        }
+        else {
+            insertTag = createElement('p');
+            insertTag.innerHTML = '<br>';
+        }
+        this.parent.domNode.insertAfter(insertTag, referNode);
+        this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, insertTag, 0);
         detach(referNode.lastChild);
     }
     isNotEndCursor(preElem, range) {
@@ -11524,7 +11654,67 @@ class Formats {
         }
         let save = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.parent.domNode.setMarker(save);
-        const formatsNodes = this.parent.domNode.blockNodes();
+        let formatsNodes = this.parent.domNode.blockNodes();
+        if (e.enterAction === 'BR') {
+            this.setSelectionBRConfig();
+            const allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
+            const selectedNodes = this.parent.nodeSelection.getSelectionNodes(allSelectedNode);
+            const currentFormatNodes = [];
+            if (selectedNodes.length === 0) {
+                selectedNodes.push(formatsNodes[0]);
+            }
+            for (let i = 0; i < selectedNodes.length; i++) {
+                let currentNode = selectedNodes[i];
+                let previousCurrentNode;
+                while (!this.parent.domNode.isBlockNode(currentNode) && currentNode !== this.parent.editableElement) {
+                    previousCurrentNode = currentNode;
+                    currentNode = currentNode.parentElement;
+                }
+                if (this.parent.domNode.isBlockNode(currentNode) && currentNode === this.parent.editableElement) {
+                    currentFormatNodes.push(previousCurrentNode);
+                }
+            }
+            for (let i = 0; i < currentFormatNodes.length; i++) {
+                if (!this.parent.domNode.isBlockNode(currentFormatNodes[i])) {
+                    let currentNode = currentFormatNodes[i];
+                    let previousNode = currentNode;
+                    while (currentNode === this.parent.editableElement) {
+                        previousNode = currentNode;
+                        currentNode = currentNode.parentElement;
+                    }
+                    let tempElem;
+                    if (this.parent.domNode.isBlockNode(previousNode.parentElement) &&
+                        previousNode.parentElement === this.parent.editableElement) {
+                        tempElem = createElement('div');
+                        previousNode.parentElement.insertBefore(tempElem, previousNode);
+                        tempElem.appendChild(previousNode);
+                    }
+                    else {
+                        tempElem = previousNode;
+                    }
+                    let preNode = tempElem.previousSibling;
+                    while (!isNullOrUndefined(preNode) && preNode.nodeName !== 'BR' &&
+                        !this.parent.domNode.isBlockNode(preNode)) {
+                        tempElem.firstChild.parentElement.insertBefore(preNode, tempElem.firstChild);
+                        preNode = tempElem.previousSibling;
+                    }
+                    if (!isNullOrUndefined(preNode) && preNode.nodeName === 'BR') {
+                        detach(preNode);
+                    }
+                    let postNode = tempElem.nextSibling;
+                    while (!isNullOrUndefined(postNode) && postNode.nodeName !== 'BR' &&
+                        !this.parent.domNode.isBlockNode(postNode)) {
+                        tempElem.appendChild(postNode);
+                        postNode = tempElem.nextSibling;
+                    }
+                    if (!isNullOrUndefined(postNode) && postNode.nodeName === 'BR') {
+                        detach(postNode);
+                    }
+                }
+            }
+            this.setSelectionBRConfig();
+            formatsNodes = this.parent.domNode.blockNodes();
+        }
         for (let i = 0; i < formatsNodes.length; i++) {
             let parentNode;
             let replaceHTML;
@@ -11583,6 +11773,16 @@ class Formats {
             });
         }
     }
+    setSelectionBRConfig() {
+        const startElem = this.parent.editableElement.querySelector('.' + markerClassName.startSelection);
+        const endElem = this.parent.editableElement.querySelector('.' + markerClassName.endSelection);
+        if (isNullOrUndefined(endElem)) {
+            this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, startElem, 0);
+        }
+        else {
+            this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, startElem, endElem, 0, 0);
+        }
+    }
     preFormatMerge() {
         const preNodes = this.parent.editableElement.querySelectorAll('PRE');
         if (!isNullOrUndefined(preNodes)) {
@@ -11713,7 +11913,7 @@ class InsertHtml {
         }
         else {
             range.deleteContents();
-            if (isCursor && range.startContainer.textContent === '') {
+            if (isCursor && range.startContainer.textContent === '' && range.startContainer.nodeName !== 'BR') {
                 range.startContainer.innerHTML = '';
             }
             if (Browser.isIE) {
@@ -11732,7 +11932,12 @@ class InsertHtml {
                 }
             }
             else {
-                range.insertNode(node);
+                if (range.startContainer.nodeName === 'BR') {
+                    range.startContainer.parentElement.insertBefore(node, range.startContainer);
+                }
+                else {
+                    range.insertNode(node);
+                }
             }
             if (node.nodeType !== 3 && node.childNodes.length > 0) {
                 nodeSelection.setSelectionText(docElement, node, node, 1, 1);
@@ -11944,6 +12149,9 @@ class InsertHtml {
                 range.setStart(editNode.firstElementChild, editNode.firstElementChild.textContent.length);
                 range.setEnd(editNode.firstElementChild, editNode.firstElementChild.textContent.length);
             }
+            if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
+                blockNode = range.startContainer;
+            }
             if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH') {
                 const tempSpan = createElement('span', { className: 'tempSpan' });
                 range.insertNode(tempSpan);
@@ -12796,8 +13004,10 @@ class ImageCommand {
         const selectNode = e.item.selectNode[0];
         selectNode.style.height = '';
         selectNode.style.width = '';
-        selectNode.width = e.item.width;
-        selectNode.height = e.item.height;
+        e.item.width !== 'auto' ? selectNode.style.width = formatUnit(e.item.width) :
+            selectNode.removeAttribute('width');
+        e.item.height !== 'auto' ? selectNode.style.height = formatUnit(e.item.height) :
+            selectNode.removeAttribute('height');
         this.callBack(e);
     }
     imageCaption(e) {
@@ -12806,59 +13016,65 @@ class ImageCommand {
     }
     imageJustifyLeft(e) {
         const selectNode = e.item.selectNode[0];
-        selectNode.removeAttribute('class');
-        addClass([selectNode], 'e-rte-image');
-        if (!isNullOrUndefined(closest(selectNode, '.' + CLASS_CAPTION))) {
-            removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_RIGHT);
-            addClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_LEFT);
-        }
-        if (selectNode.parentElement.nodeName === 'A') {
-            removeClass([selectNode.parentElement], CLASS_IMAGE_RIGHT);
-            addClass([selectNode.parentElement], CLASS_IMAGE_LEFT);
-            addClass([selectNode], CLASS_IMAGE_LEFT);
-        }
-        else {
-            addClass([selectNode], CLASS_IMAGE_LEFT);
+        if (!isNullOrUndefined(selectNode)) {
+            selectNode.removeAttribute('class');
+            addClass([selectNode], 'e-rte-image');
+            if (!isNullOrUndefined(closest(selectNode, '.' + CLASS_CAPTION))) {
+                removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_RIGHT);
+                addClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_LEFT);
+            }
+            if (selectNode.parentElement.nodeName === 'A') {
+                removeClass([selectNode.parentElement], CLASS_IMAGE_RIGHT);
+                addClass([selectNode.parentElement], CLASS_IMAGE_LEFT);
+                addClass([selectNode], CLASS_IMAGE_LEFT);
+            }
+            else {
+                addClass([selectNode], CLASS_IMAGE_LEFT);
+            }
+            this.callBack(e);
         }
-        this.callBack(e);
     }
     imageJustifyCenter(e) {
         const selectNode = e.item.selectNode[0];
-        selectNode.removeAttribute('class');
-        addClass([selectNode], 'e-rte-image');
-        if (!isNullOrUndefined(closest(selectNode, '.' + CLASS_CAPTION))) {
-            removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_LEFT);
-            removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_RIGHT);
-            addClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_CENTER);
-        }
-        if (selectNode.parentElement.nodeName === 'A') {
-            removeClass([selectNode.parentElement], CLASS_IMAGE_LEFT);
-            removeClass([selectNode.parentElement], CLASS_IMAGE_RIGHT);
-            addClass([selectNode.parentElement], CLASS_IMAGE_CENTER);
-            addClass([selectNode], CLASS_IMAGE_CENTER);
-        }
-        else {
-            addClass([selectNode], CLASS_IMAGE_CENTER);
+        if (!isNullOrUndefined(selectNode)) {
+            selectNode.removeAttribute('class');
+            addClass([selectNode], 'e-rte-image');
+            if (!isNullOrUndefined(closest(selectNode, '.' + CLASS_CAPTION))) {
+                removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_LEFT);
+                removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_RIGHT);
+                addClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_CENTER);
+            }
+            if (selectNode.parentElement.nodeName === 'A') {
+                removeClass([selectNode.parentElement], CLASS_IMAGE_LEFT);
+                removeClass([selectNode.parentElement], CLASS_IMAGE_RIGHT);
+                addClass([selectNode.parentElement], CLASS_IMAGE_CENTER);
+                addClass([selectNode], CLASS_IMAGE_CENTER);
+            }
+            else {
+                addClass([selectNode], CLASS_IMAGE_CENTER);
+            }
+            this.callBack(e);
         }
-        this.callBack(e);
     }
     imageJustifyRight(e) {
         const selectNode = e.item.selectNode[0];
-        selectNode.removeAttribute('class');
-        addClass([selectNode], 'e-rte-image');
-        if (!isNullOrUndefined(closest(selectNode, '.' + CLASS_CAPTION))) {
-            removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_LEFT);
-            addClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_RIGHT);
-        }
-        if (selectNode.parentElement.nodeName === 'A') {
-            removeClass([selectNode.parentElement], CLASS_IMAGE_LEFT);
-            addClass([selectNode.parentElement], CLASS_IMAGE_RIGHT);
-            addClass([selectNode], CLASS_IMAGE_RIGHT);
-        }
-        else {
-            addClass([selectNode], CLASS_IMAGE_RIGHT);
+        if (!isNullOrUndefined(selectNode)) {
+            selectNode.removeAttribute('class');
+            addClass([selectNode], 'e-rte-image');
+            if (!isNullOrUndefined(closest(selectNode, '.' + CLASS_CAPTION))) {
+                removeClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_LEFT);
+                addClass([closest(selectNode, '.' + CLASS_CAPTION)], CLASS_IMAGE_RIGHT);
+            }
+            if (selectNode.parentElement.nodeName === 'A') {
+                removeClass([selectNode.parentElement], CLASS_IMAGE_LEFT);
+                addClass([selectNode.parentElement], CLASS_IMAGE_RIGHT);
+                addClass([selectNode], CLASS_IMAGE_RIGHT);
+            }
+            else {
+                addClass([selectNode], CLASS_IMAGE_RIGHT);
+            }
+            this.callBack(e);
         }
-        this.callBack(e);
     }
     imageInline(e) {
         const selectNode = e.item.selectNode[0];
@@ -12947,7 +13163,7 @@ class TableCommand {
         }
         const tdWid = parseInt(e.item.width.width, 10) > 100 ?
             100 / e.item.columns : parseInt(e.item.width.width, 10) / e.item.columns;
-        for (let i = 0; i < e.item.row; i++) {
+        for (let i = 0; i < e.item.rows; i++) {
             const row = createElement('tr');
             for (let j = 0; j < e.item.columns; j++) {
                 const cell = createElement('td');
@@ -12963,9 +13179,19 @@ class TableCommand {
         this.removeEmptyNode();
         e.item.selection.setSelectionText(this.parent.currentDocument, table.querySelector('td'), table.querySelector('td'), 0, 0);
         if (table.nextElementSibling === null) {
-            const emptyPara = createElement('p');
-            emptyPara.appendChild(createElement('br'));
-            this.insertAfter(emptyPara, table);
+            let insertElem;
+            if (e.enterAction === 'DIV') {
+                insertElem = createElement('div');
+                insertElem.appendChild(createElement('br'));
+            }
+            else if (e.enterAction === 'BR') {
+                insertElem = createElement('br');
+            }
+            else {
+                insertElem = createElement('p');
+                insertElem.appendChild(createElement('br'));
+            }
+            this.insertAfter(insertElem, table);
         }
         table.querySelector('td').classList.add('e-cell-select');
         if (e.callBack) {
@@ -13104,16 +13330,16 @@ class TableCommand {
         const curRow = closest(selectedCell, 'tr');
         let curCell;
         const allRows = closest((curRow), 'table').rows;
-        const colIndex = Array.prototype.slice.call(curRow.querySelectorAll('th,td')).indexOf(selectedCell);
-        const previousWidth = parseInt(e.item.width, 10) / (curRow.querySelectorAll('td,th').length);
-        const currentWidth = parseInt(e.item.width, 10) / (curRow.querySelectorAll('td,th').length + 1);
+        const colIndex = Array.prototype.slice.call(curRow.querySelectorAll(':scope > td, :scope > th')).indexOf(selectedCell);
+        const previousWidth = parseInt(e.item.width, 10) / (curRow.querySelectorAll(':scope > td, :scope > th').length);
+        const currentWidth = parseInt(e.item.width, 10) / (curRow.querySelectorAll(':scope > td, :scope > th').length + 1);
         let currentTabElm = closest(curRow, 'table');
         let thTdElm = closest(curRow, 'table').querySelectorAll('th,td');
         for (let i = 0; i < thTdElm.length; i++) {
             thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + "%";
         }
         for (let i = 0; i < allRows.length; i++) {
-            curCell = allRows[i].querySelectorAll('th,td')[colIndex];
+            curCell = allRows[i].querySelectorAll(':scope > td, :scope > th')[colIndex];
             const colTemplate = curCell.cloneNode(true);
             colTemplate.innerHTML = '';
             colTemplate.appendChild(createElement('br'));
@@ -13646,7 +13872,7 @@ class TableCommand {
         // eslint-disable-next-line
         let _this = this;
         const colspan = 0;
-        const allRows = _this.curTable.querySelectorAll('tr');
+        const allRows = _this.curTable.rows;
         for (let i = 0; i <= allRows.length - 1; i++) {
             const ele = allRows[i];
             let index = 0;
@@ -14042,7 +14268,8 @@ IsFormatted.inlineTags = [
     'sup',
     'tt',
     'u',
-    'var'
+    'var',
+    'del'
 ];
 
 /**
@@ -14061,7 +14288,8 @@ class SelectionCommands {
      * @hidden
      * @deprecated
      */
-    static applyFormat(docElement, format, endNode, value, selector) {
+    static applyFormat(docElement, format, endNode, enterAction, value, selector) {
+        this.enterAction = enterAction;
         const validFormats = ['bold', 'italic', 'underline', 'strikethrough', 'superscript',
             'subscript', 'uppercase', 'lowercase', 'fontcolor', 'fontname', 'fontsize', 'backgroundcolor'];
         if (validFormats.indexOf(format) > -1) {
@@ -14137,7 +14365,7 @@ class SelectionCommands {
                 save.restore();
             }
             if (isSubSup) {
-                this.applyFormat(docElement, format, endNode);
+                this.applyFormat(docElement, format, endNode, enterAction);
             }
         }
     }
@@ -14157,6 +14385,10 @@ class SelectionCommands {
                 cursorNodes[0].firstElementChild.tagName.toLowerCase() === 'br')) {
                 cursorNodes[0].innerHTML = '';
             }
+            if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' ||
+                cursorNodes[0].nextSibling.nodeName === 'BR')) {
+                detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;
@@ -14372,10 +14604,12 @@ class SelectionCommands {
         return nodes[index];
     }
     static applyStyles(nodes, index, element) {
-        nodes[index] = (index === (nodes.length - 1)) || nodes[index].nodeName === 'BR' ?
-            InsertMethods.Wrap(nodes[index], element)
-            : InsertMethods.WrapBefore(nodes[index], element, true);
-        nodes[index] = this.getChildNode(nodes[index], element);
+        if (!(nodes[index].nodeName === 'BR' && this.enterAction === 'BR')) {
+            nodes[index] = (index === (nodes.length - 1)) || nodes[index].nodeName === 'BR' ?
+                InsertMethods.Wrap(nodes[index], element)
+                : InsertMethods.WrapBefore(nodes[index], element, true);
+            nodes[index] = this.getChildNode(nodes[index], element);
+        }
         return nodes[index];
     }
     static getInsertNode(docElement, range, format, value) {
@@ -14471,6 +14705,7 @@ class SelectionCommands {
         }
     }
 }
+SelectionCommands.enterAction = 'P';
 
 /**
  * Selection EXEC internal component
@@ -14499,12 +14734,12 @@ class SelectionBasedExec {
             'subscript', 'uppercase', 'lowercase'];
         if (e.event.ctrlKey && validFormats.indexOf(e.event.action) > -1) {
             e.event.preventDefault();
-            SelectionCommands.applyFormat(this.parent.currentDocument, e.event.action, this.parent.editableElement);
+            SelectionCommands.applyFormat(this.parent.currentDocument, e.event.action, this.parent.editableElement, e.enterAction);
             this.callBack(e, e.event.action);
         }
     }
     applySelection(e) {
-        SelectionCommands.applyFormat(this.parent.currentDocument, e.subCommand.toLocaleLowerCase(), this.parent.editableElement, e.value, e.selector);
+        SelectionCommands.applyFormat(this.parent.currentDocument, e.subCommand.toLocaleLowerCase(), this.parent.editableElement, e.enterAction, e.value, e.selector);
         this.callBack(e, e.subCommand);
     }
     callBack(event, action) {
@@ -14583,7 +14818,9 @@ class ClearFormat$1 {
      * @hidden
      * @deprecated
      */
-    static clear(docElement, endNode, selector) {
+    static clear(docElement, endNode, enterAction, selector) {
+        this.domNode = new DOMNode(endNode, docElement);
+        this.defaultTag = enterAction === 'P' ? this.defaultTag : 'div';
         const nodeSelection = new NodeSelection();
         const nodeCutter = new NodeCutter();
         let range = nodeSelection.getRange(docElement);
@@ -14728,12 +14965,12 @@ class ClearFormat$1 {
                         && this.IGNORE_PARENT_TAGS.indexOf(parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase()) > -1)
                     && !(parentNodes[index1].childNodes.length === 1
                         && parentNodes[index1].childNodes[0].nodeName.toLocaleLowerCase() === 'p')) {
-                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement('p'));
+                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
                 }
                 const childNodes = InsertMethods.unwrap(parentNodes[index1]);
                 if (childNodes.length === 1
                     && childNodes[0].parentNode.nodeName.toLocaleLowerCase() === 'p') {
-                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement('p'));
+                    InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
                     InsertMethods.unwrap(parentNodes[index1]);
                 }
                 for (let index2 = 0; index2 < childNodes.length; index2++) {
@@ -14751,13 +14988,13 @@ class ClearFormat$1 {
                     }
                     else if (this.BLOCK_TAGS.indexOf(childNodes[index2].nodeName.toLocaleLowerCase()) > -1 &&
                         childNodes[index2].nodeName.toLocaleLowerCase() === 'p') {
-                        InsertMethods.Wrap(childNodes[index2], docElement.createElement('p'));
+                        InsertMethods.Wrap(childNodes[index2], docElement.createElement(this.defaultTag));
                         InsertMethods.unwrap(childNodes[index2]);
                     }
                 }
             }
             else {
-                InsertMethods.Wrap(parentNodes[index1], docElement.createElement('p'));
+                InsertMethods.Wrap(parentNodes[index1], docElement.createElement(this.defaultTag));
                 InsertMethods.unwrap(parentNodes[index1]);
             }
         }
@@ -14766,10 +15003,16 @@ class ClearFormat$1 {
     // eslint-disable-next-line
     endNode) {
         for (let index = 0; index < textNodes.length; index++) {
-            if (textNodes[index].parentNode &&
-                IsFormatted.inlineTags.indexOf(textNodes[index].parentNode.nodeName.toLocaleLowerCase()) > -1) {
-                nodeCutter.GetSpliceNode(range, textNodes[index].parentNode);
-                this.removeInlineParent(textNodes[index].parentNode);
+            let currentInlineNode = textNodes[index];
+            let currentNode;
+            while (!this.domNode.isBlockNode(currentInlineNode)) {
+                currentNode = currentInlineNode;
+                currentInlineNode = currentInlineNode.parentElement;
+            }
+            if (currentNode &&
+                IsFormatted.inlineTags.indexOf(currentNode.nodeName.toLocaleLowerCase()) > -1) {
+                nodeCutter.GetSpliceNode(range, currentNode);
+                this.removeInlineParent(currentNode);
             }
         }
     }
@@ -14793,6 +15036,7 @@ ClearFormat$1.BLOCK_TAGS = ['address', 'article', 'aside', 'blockquote',
 ClearFormat$1.NONVALID_PARENT_TAGS = ['thead', 'tbody', 'ul', 'ol', 'table', 'tfoot', 'tr'];
 ClearFormat$1.IGNORE_PARENT_TAGS = ['ul', 'ol', 'table'];
 ClearFormat$1.NONVALID_TAGS = ['thead', 'tbody', 'figcaption', 'td', 'tr', 'th', 'tfoot', 'figcaption', 'li'];
+ClearFormat$1.defaultTag = 'p';
 
 /**
  * Clear Format EXEC internal component
@@ -14820,14 +15064,14 @@ class ClearFormatExec {
     onKeyDown(e) {
         switch (e.event.action) {
             case 'clear-format':
-                this.applyClear({ subCommand: 'ClearFormat', callBack: e.callBack });
+                this.applyClear({ subCommand: 'ClearFormat', callBack: e.callBack, enterAction: e.enterAction });
                 e.event.preventDefault();
                 break;
         }
     }
     applyClear(e) {
         if (e.subCommand === 'ClearFormat') {
-            ClearFormat$1.clear(this.parent.currentDocument, this.parent.editableElement, e.selector);
+            ClearFormat$1.clear(this.parent.currentDocument, this.parent.editableElement, e.enterAction, e.selector);
             if (e.callBack) {
                 e.callBack({
                     requestType: e.subCommand,
@@ -15803,15 +16047,15 @@ class EditorManager {
      * @deprecated
      */
     /* eslint-enable */
-    execCommand(command, value, event, callBack, text, exeValue, selector) {
+    execCommand(command, value, event, callBack, text, exeValue, selector, enterAction) {
         switch (command.toLocaleLowerCase()) {
             case 'lists':
                 this.observer.notify(LIST_TYPE, { subCommand: value, event: event, callBack: callBack,
-                    selector: selector, item: exeValue });
+                    selector: selector, item: exeValue, enterAction: enterAction });
                 break;
             case 'formats':
                 this.observer.notify(FORMAT_TYPE, { subCommand: value, event: event, callBack: callBack,
-                    selector: selector, exeValue: exeValue
+                    selector: selector, exeValue: exeValue, enterAction: enterAction
                 });
                 break;
             case 'alignments':
@@ -15840,7 +16084,7 @@ class EditorManager {
             case 'table':
                 switch (value.toString().toLocaleLowerCase()) {
                     case 'createtable':
-                        this.observer.notify(TABLE, { item: exeValue, event: event, callBack: callBack });
+                        this.observer.notify(TABLE, { item: exeValue, event: event, callBack: callBack, enterAction: enterAction });
                         break;
                     case 'insertrowbefore':
                     case 'insertrowafter':
@@ -15882,7 +16126,7 @@ class EditorManager {
             case 'style':
             case 'effects':
             case 'casing':
-                this.observer.notify(SELECTION_TYPE, { subCommand: value, event: event, callBack: callBack, value: text, selector: selector });
+                this.observer.notify(SELECTION_TYPE, { subCommand: value, event: event, callBack: callBack, value: text, selector: selector, enterAction: enterAction });
                 break;
             case 'inserthtml':
                 this.observer.notify(INSERTHTML_TYPE, { subCommand: value, callBack: callBack, value: text });
@@ -15891,7 +16135,7 @@ class EditorManager {
                 this.observer.notify(INSERT_TEXT_TYPE, { subCommand: value, callBack: callBack, value: text });
                 break;
             case 'clear':
-                this.observer.notify(CLEAR_TYPE, { subCommand: value, event: event, callBack: callBack, selector: selector });
+                this.observer.notify(CLEAR_TYPE, { subCommand: value, event: event, callBack: callBack, selector: selector, enterAction: enterAction });
                 break;
             case 'actions':
                 this.observer.notify(ACTION, { subCommand: value, event: event, callBack: callBack, selector: selector });
@@ -16522,10 +16766,10 @@ class IframeContentRender extends ContentRender {
             rteContent + '</body></html>';
         let iFrameContent = IFRAMEHEADER + iFrameBodyContent;
         const iframe = this.parent.createElement('iframe', {
-            innerHTML: iFrameContent,
             id: this.parent.getID() + '_rte-view',
             className: 'e-rte-content',
-            styles: 'display:block;'
+            styles: 'display:block;',
+            attrs: { 'srcdoc': iFrameContent }
         });
         this.setPanel(iframe);
         rteObj.element.appendChild(iframe);
@@ -16827,33 +17071,40 @@ class HtmlEditor {
     }
     onKeyDown(e) {
         let currentRange;
+        let args = e.args;
         if (Browser.info.name === 'chrome') {
             currentRange = this.parent.getRange();
             this.backSpaceCleanup(e, currentRange);
             this.deleteCleanup(e, currentRange);
         }
-        if (e.args.keyCode === 9 && this.parent.enableTabKey) {
-            const range = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument());
-            const parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
-            if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
-                closest(parentNode[0], 'table')) && range.startOffset === 0)) {
-                e.args.preventDefault();
-                if (!e.args.shiftKey) {
-                    InsertHtml.Insert(this.contentRenderer.getDocument(), '&nbsp;&nbsp;&nbsp;&nbsp;');
-                    this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
-                }
-                else if (this.rangeCollection.length > 0 &&
-                    this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
-                    const textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
-                    this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
-                    InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
-                    this.rangeCollection.pop();
+        if (args.keyCode === 9 && this.parent.enableTabKey) {
+            if (!isNullOrUndefined(args.target) && isNullOrUndefined(closest(args.target, '.e-rte-toolbar'))) {
+                const range = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument());
+                const parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
+                if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
+                    closest(parentNode[0], 'table')) && range.startOffset === 0)) {
+                    args.preventDefault();
+                    if (!args.shiftKey) {
+                        InsertHtml.Insert(this.contentRenderer.getDocument(), '&nbsp;&nbsp;&nbsp;&nbsp;');
+                        this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
+                    }
+                    else if (this.rangeCollection.length > 0 &&
+                        this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
+                        const textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
+                        this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
+                        InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
+                        this.rangeCollection.pop();
+                    }
                 }
             }
         }
         if (e.args.action === 'space' ||
-            e.args.action === 'enter') {
+            e.args.action === 'enter' ||
+            e.args.keyCode === 13) {
             this.spaceLink(e.args);
+            if (this.parent.editorMode === 'HTML' && !((this.parent.shiftEnterKey === 'BR' && e.args.shiftKey))) {
+                this.parent.notify(enterHandler, { args: e.args });
+            }
         }
         if (e.args.action === 'space') {
             const currentRange = this.parent.getRange();
@@ -16895,10 +17146,11 @@ class HtmlEditor {
             this.oldRangeElement = null;
             this.deleteRangeElement = null;
             this.deleteOldRangeElement = null;
-            e.args.preventDefault();
+            args.preventDefault();
         }
     }
     isOrderedList(editorValue) {
+        editorValue = editorValue.replace(/\u200B/g, '');
         const olListStartRegex = [/^[1]+[.]+$/, /^[i]+[.]+$/, /^[a]+[.]+$/];
         if (!isNullOrUndefined(editorValue)) {
             for (let i = 0; i < olListStartRegex.length; i++) {
@@ -16910,6 +17162,7 @@ class HtmlEditor {
         return false;
     }
     isUnOrderedList(editorValue) {
+        editorValue = editorValue.replace(/\u200B/g, '');
         const ulListStartRegex = [/^[*]$/, /^[-]$/];
         if (!isNullOrUndefined(editorValue)) {
             for (let i = 0; i < ulListStartRegex.length; i++) {
@@ -17095,7 +17348,7 @@ class HtmlEditor {
             let contentInnerElem = '';
             for (let i = 0; i < enterSplitText.length; i++) {
                 if (enterSplitText[i].trim() === '') {
-                    contentInnerElem += '<p><br></p>';
+                    contentInnerElem += getDefaultValue(this.parent);
                 }
                 else {
                     let contentWithSpace = '';
@@ -17522,7 +17775,7 @@ class PasteCleanup {
         let contentInnerElem = '';
         for (let i = 0; i < enterSplitText.length; i++) {
             if (enterSplitText[i].trim() === '') {
-                contentInnerElem += '<p><br></p>';
+                contentInnerElem += getDefaultValue(this.parent);
             }
             else {
                 const contentWithSpace = this.makeSpace(enterSplitText[i]);
@@ -17853,7 +18106,7 @@ class PasteCleanup {
                             dialog.hide();
                             this.parent.height = isHeight ? preRTEHeight : this.parent.height;
                             isHeight = false;
-                            const argument = isBlazor() ? null : dialog;
+                            const argument = dialog;
                             this.dialogRenderObj.close(argument);
                             dialog.destroy();
                             this.selectFormatting(value, args, keepChecked, cleanChecked);
@@ -17871,7 +18124,7 @@ class PasteCleanup {
                             dialog.hide();
                             this.parent.height = isHeight ? preRTEHeight : this.parent.height;
                             isHeight = false;
-                            const args = isBlazor() ? null : dialog;
+                            const args = dialog;
                             this.dialogRenderObj.close(args);
                             dialog.destroy();
                         }
@@ -18291,7 +18544,7 @@ class Resize {
         }
         this.wireResizeEvents();
         this.parent.notify(resizeInitialized, {});
-        const args = isBlazor() ? { requestType: 'editor' } : { event: e, requestType: 'editor' };
+        const args = { event: e, requestType: 'editor' };
         this.parent.trigger(resizeStart, args, (resizeStartArgs) => {
             if (resizeStartArgs.cancel) {
                 this.unwireResizeEvents();
@@ -18299,7 +18552,7 @@ class Resize {
         });
     }
     performResize(e) {
-        const args = isBlazor() ? { requestType: 'editor' } : { event: e, requestType: 'editor' };
+        const args = { event: e, requestType: 'editor' };
         this.parent.trigger(onResize, args, (resizingArgs) => {
             if (resizingArgs.cancel) {
                 this.unwireResizeEvents();
@@ -18323,7 +18576,7 @@ class Resize {
     stopResize(e) {
         this.parent.refreshUI();
         this.unwireResizeEvents();
-        const args = isBlazor() ? { requestType: 'editor' } : { event: e, requestType: 'editor' };
+        const args = { event: e, requestType: 'editor' };
         this.parent.trigger(resizeStop, args);
     }
     getEventType(e) {
@@ -18903,9 +19156,17 @@ class Render {
                     const childNodes = this.parent.contentModule.getEditPanel().childNodes;
                     if ((childNodes.length === 0) ||
                         (childNodes.length === 1 && childNodes[0].childNodes.length === 0 && ((childNodes[0].tagName === 'BR') ||
-                            (childNodes[0].tagName === 'P' && childNodes[0].textContent === '')))) {
+                            ((childNodes[0].tagName === 'P' || childNodes[0].tagName === 'DIV') && childNodes[0].textContent === '')))) {
                         const node = this.parent.contentModule.getEditPanel();
-                        node.innerHTML = '<p><br/></p>';
+                        if (this.parent.enterKey === 'DIV') {
+                            node.innerHTML = '<div><br/></div>';
+                        }
+                        else if (this.parent.enterKey === 'BR') {
+                            node.innerHTML = '<br/>';
+                        }
+                        else {
+                            node.innerHTML = '<p><br/></p>';
+                        }
                         this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), node.childNodes[0], 0);
                     }
                     break;
@@ -19200,7 +19461,7 @@ class Link {
                 }
                 this.dialogObj.destroy();
                 detach(this.dialogObj.element);
-                const args = isBlazor() ? null : this.dialogObj;
+                const args = this.dialogObj;
                 this.dialogRenderObj.close(args);
                 this.dialogObj = null;
             }
@@ -19292,7 +19553,8 @@ class Link {
             proxy.parent.formatter.saveData();
         }
         let argsValue;
-        if (this.args.code === 'KeyK') {
+        if (!isNullOrUndefined(this.args) &&
+            this.args.code === 'KeyK') {
             const originalEvent = this.args;
             extend(this.args, { item: { command: 'Links', subCommand: 'CreateLink' }, originalEvent: originalEvent }, true);
             const argsVal = {
@@ -19421,6 +19683,7 @@ class Link {
 class Image {
     constructor(parent, serviceLocator) {
         this.isImgUploaded = false;
+        this.isAllowedTypes = true;
         this.pageX = null;
         this.pageY = null;
         this.deletedImg = [];
@@ -19541,7 +19804,7 @@ class Image {
         if (Browser.isDevice) {
             removeClass([e.target.parentElement], 'e-mob-span');
         }
-        const args = isBlazor() ? { requestType: 'images' } : { event: e, requestType: 'images' };
+        const args = { event: e, requestType: 'images' };
         this.parent.trigger(resizeStop, args);
         /* eslint-disable */
         let pageX = this.getPointX(e);
@@ -19594,7 +19857,7 @@ class Image {
                 addClass([this.imgResizeDiv], 'e-mob-span');
             }
             else {
-                const args = isBlazor() ? { requestType: 'images' } : { event: e, requestType: 'images' };
+                const args = { event: e, requestType: 'images' };
                 this.parent.trigger(resizeStart, args, (resizeStartArgs) => {
                     if (resizeStartArgs.cancel) {
                         this.cancelResizeAction();
@@ -19729,6 +19992,12 @@ class Image {
                 img.style.height = null;
                 img.removeAttribute('height');
             }
+            else if (img.style.width === '' && img.style.height !== '') {
+                img.style.height = expectedY + 'px';
+            }
+            else if (img.style.width !== '' && img.style.height === '') {
+                img.style.width = ((width / height * expectedY) + width / height).toString() + 'px';
+            }
             else if (img.style.width !== '') {
                 img.style.width = (width / height * expectedY) + 'px';
                 img.style.height = expectedY + 'px';
@@ -19776,7 +20045,7 @@ class Image {
         return expected / parseFloat(getComputedStyle(parentEle).width) * 100;
     }
     imgDupMouseMove(width, height, e) {
-        const args = isBlazor() ? { requestType: 'images' } : { event: e, requestType: 'images' };
+        const args = { event: e, requestType: 'images' };
         this.parent.trigger(onResize, args, (resizingArgs) => {
             if (resizingArgs.cancel) {
                 this.cancelResizeAction();
@@ -20598,7 +20867,7 @@ class Image {
             isModal: Browser.isDevice,
             buttons: [{
                     click: this.insertImageUrl.bind(selectObj),
-                    buttonModel: { content: imgInsert, cssClass: 'e-flat e-insertImage', isPrimary: true }
+                    buttonModel: { content: imgInsert, cssClass: 'e-flat e-insertImage', isPrimary: true, disabled: true }
                 },
                 {
                     click: (e) => {
@@ -20730,6 +20999,16 @@ class Image {
             className: 'e-input e-img-url',
             attrs: { placeholder: placeUrl, spellcheck: 'false' }
         });
+        this.inputUrl.addEventListener('input', () => {
+            if (!isNullOrUndefined(this.inputUrl)) {
+                if (this.inputUrl.value.length === 0) {
+                    this.dialogObj.getButtons(0).element.disabled = true;
+                }
+                else {
+                    this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+                }
+            }
+        });
         imgUrl.appendChild(this.inputUrl);
         return imgUrl;
     }
@@ -20784,38 +21063,53 @@ class Image {
         const imgHeight = this.i10n.getConstant('imageHeight');
         const imgWidth = this.i10n.getConstant('imageWidth');
         const imgSizeWrap = this.parent.createElement('div', { className: 'e-img-sizewrap' });
-        const widthVal = (selectNode.getAttribute('width') === 'auto' ||
-            isNullOrUndefined(selectNode.getAttribute('width'))) ? selectNode.width : selectNode.getClientRects()[0].width;
-        const heightVal = (selectNode.getAttribute('height') === 'auto' ||
-            isNullOrUndefined(selectNode.getAttribute('height'))) ? selectNode.height : selectNode.getClientRects()[0].height;
+        const widthVal = isNullOrUndefined(this.changedWidthValue) && (selectNode.style.width.toString() === 'auto' ||
+            selectNode.style.width !== "") ? selectNode.style.width : !isNullOrUndefined(this.changedWidthValue) ?
+            this.changedWidthValue : (parseInt(selectNode.getClientRects()[0].width.toString())).toString();
+        const heightVal = isNullOrUndefined(this.changedHeightValue) && (selectNode.style.height.toString() === 'auto' ||
+            selectNode.style.height !== "") ? selectNode.style.height : !isNullOrUndefined(this.changedHeightValue) ?
+            this.changedHeightValue : (parseInt(selectNode.getClientRects()[0].height.toString())).toString();
+        this.changedWidthValue = null;
+        this.changedHeightValue = null;
         const content = '<div class="e-rte-label"><label>' + imgWidth +
-            '</label></div><div class="e-rte-field"><input type="text" data-role ="none" id="imgwidth" class="e-img-width" value=' +
+            '</label></div><div class="e-rte-field"><input type="text" id="imgwidth" class="e-img-width" value=' +
             widthVal
             + ' /></div>' +
             '<div class="e-rte-label">' + '<label>' + imgHeight + '</label></div><div class="e-rte-field"> ' +
-            '<input type="text" data-role ="none" id="imgheight" class="e-img-height" value=' +
+            '<input type="text" id="imgheight" class="e-img-height" value=' +
             heightVal
             + ' /></div>';
         const contentElem = parseHtml(content);
         imgSizeWrap.appendChild(contentElem);
-        const widthNum = new NumericTextBox({
-            format: '###.### px', min: this.parent.insertImageSettings.minWidth,
-            max: this.parent.getInsertImgMaxWidth(),
-            enableRtl: this.parent.enableRtl, locale: this.parent.locale
+        const widthNum = new TextBox({
+            value: formatUnit(widthVal),
+            enableRtl: this.parent.enableRtl,
+            input: (e) => {
+                this.inputWidthValue = formatUnit(this.inputValue(e.value));
+            }
         });
-        widthNum.isStringTemplate = true;
         widthNum.createElement = this.parent.createElement;
         widthNum.appendTo(imgSizeWrap.querySelector('#imgwidth'));
-        const heightNum = new NumericTextBox({
-            format: '###.### px', min: this.parent.insertImageSettings.minHeight,
-            max: this.parent.insertImageSettings.maxHeight,
-            enableRtl: this.parent.enableRtl, locale: this.parent.locale
+        const heightNum = new TextBox({
+            value: formatUnit(heightVal),
+            enableRtl: this.parent.enableRtl,
+            input: (e) => {
+                this.inputHeightValue = formatUnit(this.inputValue(e.value));
+            }
         });
-        heightNum.isStringTemplate = true;
         heightNum.createElement = this.parent.createElement;
         heightNum.appendTo(imgSizeWrap.querySelector('#imgheight'));
         return imgSizeWrap;
     }
+    inputValue(value) {
+        if (value === 'auto' || value.indexOf('%') !== -1 || value.indexOf('px') !== -1
+            || value.match(/(\d+)/)) {
+            return value;
+        }
+        else {
+            return "auto";
+        }
+    }
     insertSize(e) {
         e.selection.restore();
         const proxy = e.selfImage;
@@ -20823,8 +21117,10 @@ class Image {
             proxy.parent.formatter.saveData();
         }
         const dialogEle = proxy.dialogObj.element;
-        const width = parseFloat(dialogEle.querySelector('.e-img-width').value);
-        const height = parseFloat(dialogEle.parentElement.querySelector('.e-img-height').value);
+        this.changedWidthValue = this.inputWidthValue;
+        this.changedHeightValue = this.inputHeightValue;
+        const width = dialogEle.querySelector('.e-img-width').value;
+        const height = dialogEle.parentElement.querySelector('.e-img-height').value;
         proxy.parent.formatter.process(this.parent, e.args, e.args, {
             width: width, height: height, selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
@@ -20933,6 +21229,10 @@ class Image {
                                     }
                                 };
                                 proxy.inputUrl.setAttribute('disabled', 'true');
+                                if (isNullOrUndefined(proxy.parent.insertImageSettings.saveUrl) && this.isAllowedTypes
+                                    && !isNullOrUndefined(this.dialogObj)) {
+                                    this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+                                }
                             });
                             reader.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
@@ -20988,6 +21288,9 @@ class Image {
                         };
                         proxy.inputUrl.setAttribute('disabled', 'true');
                     }
+                    if (e.operation === 'upload' && !isNullOrUndefined(this.dialogObj)) {
+                        this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+                    }
                 });
             },
             failure: (e) => {
@@ -20997,11 +21300,11 @@ class Image {
                 // eslint-disable-next-line
                 this.parent.trigger(imageRemoving, e, (e) => {
                     proxy.isImgUploaded = false;
+                    this.dialogObj.getButtons(0).element.disabled = true;
                     proxy.inputUrl.removeAttribute('disabled');
                     if (proxy.uploadUrl) {
                         proxy.uploadUrl.url = '';
                     }
-                    this.dialogObj.getButtons(0).element.removeAttribute('disabled');
                 });
             }
         });
@@ -21014,9 +21317,10 @@ class Image {
         if (this.uploadObj.allowedExtensions) {
             if (this.uploadObj.allowedExtensions.toLocaleLowerCase().indexOf(('.' + e.type).toLocaleLowerCase()) === -1) {
                 this.dialogObj.getButtons(0).element.setAttribute('disabled', 'disabled');
+                this.isAllowedTypes = false;
             }
             else {
-                this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+                this.isAllowedTypes = true;
             }
         }
     }
@@ -21678,7 +21982,21 @@ class ViewSource {
             baseToolbar: this.parent.getBaseToolbarObject()
         });
         const serializeValue = this.parent.serializeValue(editHTML.value);
-        const value = (serializeValue === null || serializeValue === '') ? '<p><br/></p>' : serializeValue;
+        let value;
+        if (serializeValue === null || serializeValue === '') {
+            if (this.parent.enterKey === 'DIV') {
+                value = '<div><br/></div>';
+            }
+            else if (this.parent.enterKey === 'BR') {
+                value = '<br/>';
+            }
+            else {
+                value = '<p><br/></p>';
+            }
+        }
+        else {
+            value = serializeValue;
+        }
         if (this.parent.iframeSettings.enable) {
             editHTML.parentElement.style.display = 'none';
             editHTML.style.display = 'none';
@@ -21710,9 +22028,13 @@ class ViewSource {
     }
     getTextAreaValue() {
         return (this.contentModule.getEditPanel().innerHTML === '<p><br></p>') ||
+            (this.contentModule.getEditPanel().innerHTML === '<div><br></div>') ||
+            (this.contentModule.getEditPanel().innerHTML === '<br>') ||
             (this.contentModule.getEditPanel().childNodes.length === 1 &&
-                this.contentModule.getEditPanel().childNodes[0].tagName === 'P' &&
-                this.contentModule.getEditPanel().innerHTML.length === 7) ? '' : this.parent.value;
+                (this.contentModule.getEditPanel().childNodes[0].tagName === 'P' &&
+                    this.contentModule.getEditPanel().innerHTML.length === 7) ||
+                (this.contentModule.getEditPanel().childNodes[0].tagName === 'DIV' &&
+                    this.contentModule.getEditPanel().innerHTML.length === 11)) ? '' : this.parent.value;
     }
     /**
      * getPanel method
@@ -21850,6 +22172,7 @@ class Table {
                 break;
             case 'Dashed':
             case 'Alternate':
+            case 'Custom':
                 this.tableStyles(args, item.subCommand);
                 break;
             case 'Merge':
@@ -21973,6 +22296,13 @@ class Table {
                 table.classList.add(CLS_TB_ALT_BOR);
             /* eslint-enable */
         }
+        if (args.args && args.args.item.cssClass) {
+            const classList = args.args.item.cssClass.split(' ');
+            for (let i = 0; i < classList.length; i++) {
+                (table.classList.contains(classList[i])) ? table.classList.remove(classList[i]) :
+                    table.classList.add(classList[i]);
+            }
+        }
         this.parent.formatter.saveData();
         this.parent.formatter.editorManager.nodeSelection.restore();
     }
@@ -22189,7 +22519,7 @@ class Table {
             selectionObj.selection = proxy.parent.formatter.editorManager.nodeSelection.save(range, proxy.contentModule.getDocument());
         }
         const value = {
-            row: row, columns: col, width: {
+            rows: row, columns: col, width: {
                 minWidth: proxy.parent.tableSettings.minWidth,
                 maxWidth: proxy.parent.tableSettings.maxWidth,
                 width: proxy.parent.tableSettings.width
@@ -22387,7 +22717,7 @@ class Table {
                 EventHandler.add(this.helper, Browser.touchStartEvent, this.resizeStart, this);
             }
             else {
-                const args = isBlazor() ? { requestType: 'Table' } : { event: e, requestType: 'Table' };
+                const args = { event: e, requestType: 'Table' };
                 this.parent.trigger(resizeStart, args, (resizeStartArgs) => {
                     if (resizeStartArgs.cancel) {
                         this.cancelResizeAction();
@@ -22463,7 +22793,7 @@ class Table {
         const mouseY = (this.parent.enableRtl) ? -(pageY - this.pageY) : (pageY - this.pageY);
         this.pageX = pageX;
         this.pageY = pageY;
-        const args = isBlazor() ? { requestType: 'table' } : { event: e, requestType: 'table' };
+        const args = { event: e, requestType: 'table' };
         this.parent.trigger(onResize, args, (resizingArgs) => {
             if (resizingArgs.cancel) {
                 this.cancelResizeAction();
@@ -22550,7 +22880,7 @@ class Table {
             this.pageY = null;
             this.moveEle = null;
         }
-        const args = isBlazor() ? { requestType: 'table' } : { event: e, requestType: 'table' };
+        const args = { event: e, requestType: 'table' };
         this.parent.trigger(resizeStop, args);
         this.parent.formatter.saveData();
     }
@@ -23531,6 +23861,288 @@ __decorate$4([
     Property(true)
 ], InlineMode.prototype, "onSelection", void 0);
 
+/**
+ * `EnterKey` module is used to handle enter key press actions.
+ */
+class EnterKeyAction {
+    constructor(parent) {
+        this.parent = parent;
+        this.addEventListener();
+    }
+    addEventListener() {
+        this.parent.on(enterHandler, this.enterHandler, this);
+        this.parent.on(destroy, this.destroy, this);
+    }
+    destroy() {
+        this.removeEventListener();
+    }
+    removeEventListener() {
+        this.parent.off(enterHandler, this.enterHandler);
+        this.parent.off(destroy, this.destroy);
+    }
+    getRangeNode() {
+        this.range = this.parent.getRange();
+        this.startNode = this.range.startContainer.nodeName === '#text' ? this.range.startContainer.parentElement :
+            this.range.startContainer;
+        this.endNode = this.range.endContainer.nodeName === '#text' ? this.range.endContainer.parentElement :
+            this.range.endContainer;
+    }
+    enterHandler(e) {
+        this.getRangeNode();
+        if (e.args.which === 13 && e.args.code === 'Enter') {
+            if (isNullOrUndefined(this.startNode.closest('LI')) && isNullOrUndefined(this.endNode.closest('LI')) && isNullOrUndefined(this.startNode.closest('TABLE')) &&
+                isNullOrUndefined(this.endNode.closest('TABLE')) && isNullOrUndefined(this.startNode.closest('PRE')) && isNullOrUndefined(this.endNode.closest('PRE'))) {
+                const shiftKey = e.args.shiftKey;
+                const actionBeginArgs = {
+                    cancel: false,
+                    name: actionBegin,
+                    requestType: shiftKey ? 'ShiftEnterAction' : 'EnterAction',
+                    originalEvent: e.args
+                };
+                this.parent.trigger(actionBegin, actionBeginArgs, (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 === '#text' && this.range.startContainer.textContent.length === 0 &&
+                                this.range.startContainer.parentElement !== this.parent.inputElement) {
+                                if (this.parent.enterKey === 'BR') {
+                                    this.range.startContainer.parentElement.innerHTML = '&#8203;';
+                                }
+                                else {
+                                    this.range.startContainer.parentElement.innerHTML = '<br>';
+                                }
+                            }
+                            else if (this.range.startContainer === this.parent.inputElement && this.range.startContainer.innerHTML === '') {
+                                this.range.startContainer.innerHTML = '<br>';
+                                const focusElem = this.range.startContainer.childNodes[this.range.startOffset];
+                                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), focusElem, 0);
+                            }
+                            else if (this.parent.inputElement === this.range.startContainer) {
+                                const focusElem = this.range.startContainer.childNodes[this.range.startOffset];
+                                if (focusElem.nodeName === '#text' && focusElem.textContent.length === 0) {
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), focusElem, focusElem.previousSibling.textContent.length);
+                                }
+                                else {
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), focusElem, focusElem.textContent.length >= 0 ? 0 : 1);
+                                    if (focusElem.previousSibling.textContent.length === 0) {
+                                        detach(focusElem.previousSibling);
+                                    }
+                                    else if (focusElem.textContent.length === 0) {
+                                        let currentFocusElem = focusElem.previousSibling.lastChild;
+                                        while (currentFocusElem.nodeName !== '#text') {
+                                            currentFocusElem = currentFocusElem.lastChild;
+                                        }
+                                        this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), currentFocusElem, currentFocusElem.textContent.length);
+                                        detach(focusElem);
+                                    }
+                                    else if (this.parent.enterKey !== 'BR' &&
+                                        focusElem.previousSibling.textContent.length !== 0 && focusElem.textContent.length !== 0) {
+                                        e.args.preventDefault();
+                                        return;
+                                    }
+                                }
+                                this.getRangeNode();
+                            }
+                        }
+                        if (this.range.startContainer === this.range.endContainer && this.range.startOffset === 0 &&
+                            this.range.startOffset == this.range.endOffset && this.range.startContainer === this.parent.inputElement) {
+                            this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), this.range.startContainer.childNodes[this.range.startOffset], this.range.startOffset);
+                            this.getRangeNode();
+                        }
+                        if (this.parent.enterKey === 'P' || this.parent.enterKey === 'DIV' ||
+                            (this.parent.shiftEnterKey === 'P' && shiftKey) ||
+                            (this.parent.shiftEnterKey === 'DIV' && shiftKey)) {
+                            const nearBlockNode = this.parent.formatter.editorManager.domNode.blockParentNode(this.startNode);
+                            let isImageNode = false;
+                            if (this.range.startOffset === 0 && this.range.endOffset === 0 && !(!isNullOrUndefined(this.range.startContainer.previousSibling) && this.range.startContainer.previousSibling.nodeName === 'IMG')) {
+                                let isNearBlockLengthZero;
+                                let newElem;
+                                if (this.range.startContainer.nodeName === 'IMG') {
+                                    newElem = this.createInsertElement(shiftKey);
+                                    isImageNode = true;
+                                    isNearBlockLengthZero = false;
+                                }
+                                else {
+                                    if (nearBlockNode.textContent.length !== 0) {
+                                        newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, false).cloneNode(true);
+                                        isNearBlockLengthZero = false;
+                                    }
+                                    else {
+                                        newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, true).cloneNode(true);
+                                        isNearBlockLengthZero = true;
+                                    }
+                                }
+                                const insertElem = this.createInsertElement(shiftKey);
+                                while (newElem.firstChild) {
+                                    insertElem.appendChild(newElem.firstChild);
+                                }
+                                nearBlockNode.parentElement.insertBefore(insertElem, nearBlockNode);
+                                if (!isNearBlockLengthZero) {
+                                    let currentFocusElem = insertElem;
+                                    let finalFocusElem;
+                                    while (!isNullOrUndefined(currentFocusElem) && currentFocusElem.nodeName !== '#text') {
+                                        finalFocusElem = currentFocusElem;
+                                        currentFocusElem = currentFocusElem.lastChild;
+                                    }
+                                    finalFocusElem.innerHTML = '<br>';
+                                    if (!isImageNode) {
+                                        detach(nearBlockNode);
+                                    }
+                                }
+                            }
+                            else if (nearBlockNode.textContent.length === 0 && !(!isNullOrUndefined(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                if (!isNullOrUndefined(nearBlockNode.children[0]) && nearBlockNode.children[0].tagName !== 'BR') {
+                                    const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, false).cloneNode(true);
+                                    this.parent.formatter.editorManager.domNode.insertAfter(newElem, nearBlockNode);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), newElem, newElem.textContent.length >= 0 ? 0 : 1);
+                                }
+                                else {
+                                    const insertElem = this.createInsertElement(shiftKey);
+                                    insertElem.innerHTML = '<br>';
+                                    this.parent.formatter.editorManager.domNode.insertAfter(insertElem, nearBlockNode);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), insertElem, 0);
+                                }
+                            }
+                            else {
+                                const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, nearBlockNode, true);
+                                if (!isNullOrUndefined(newElem.childNodes[0]) && newElem.childNodes[0].nodeName === '#text' &&
+                                    newElem.childNodes[0].textContent.length === 0) {
+                                    detach(newElem.childNodes[0]);
+                                }
+                                if (newElem.textContent.trim().length === 0) {
+                                    const brElm = this.parent.createElement('br');
+                                    this.startNode.appendChild(brElm);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), this.startNode, 0);
+                                }
+                                if (((this.parent.enterKey === 'P' || this.parent.enterKey === 'DIV') && !shiftKey) || ((this.parent.shiftEnterKey === 'DIV' ||
+                                    this.parent.shiftEnterKey === 'P') && shiftKey)) {
+                                    const insertElm = this.createInsertElement(shiftKey);
+                                    while (newElem.firstChild) {
+                                        insertElm.appendChild(newElem.firstChild);
+                                    }
+                                    this.parent.formatter.editorManager.domNode.insertAfter(insertElm, newElem);
+                                    detach(newElem);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), insertElm, insertElm.textContent.length >= 0 ? 0 : 1);
+                                }
+                            }
+                            e.args.preventDefault();
+                        }
+                        if (this.parent.enterKey === 'BR' && !shiftKey) {
+                            let currentParent;
+                            if (!this.parent.formatter.editorManager.domNode.isBlockNode(this.startNode)) {
+                                let currentNode = this.startNode;
+                                let previousNode = currentNode;
+                                while (!this.parent.formatter.editorManager.domNode.isBlockNode(currentNode)) {
+                                    previousNode = currentNode;
+                                    currentNode = currentNode.parentElement;
+                                }
+                                currentParent = currentNode === this.parent.inputElement ?
+                                    previousNode : currentNode;
+                            }
+                            else {
+                                currentParent = this.startNode;
+                            }
+                            let isEmptyBrInserted = false;
+                            if (currentParent !== this.parent.inputElement &&
+                                this.parent.formatter.editorManager.domNode.isBlockNode(currentParent) &&
+                                this.range.startOffset === this.range.endOffset &&
+                                this.range.startOffset === currentParent.textContent.length) {
+                                const outerBRElem = this.parent.createElement('br');
+                                this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
+                                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), outerBRElem, 0);
+                            }
+                            else if (!isNullOrUndefined(currentParent) && currentParent !== this.parent.inputElement && currentParent.nodeName !== 'BR') {
+                                if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&
+                                    currentParent.textContent.charCodeAt(0) === 8203)) {
+                                    const newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, currentParent, true).cloneNode(true);
+                                    this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
+                                    const outerBRElem = this.parent.createElement('br');
+                                    newElem.parentElement.insertBefore(outerBRElem, newElem);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), newElem, 0);
+                                }
+                                else {
+                                    let newElem;
+                                    let focusElem;
+                                    const outerBRElem = this.parent.createElement('br');
+                                    if (this.range.startOffset === 0 && this.range.endOffset === 0 &&
+                                        !isNullOrUndefined(currentParent.previousSibling) && currentParent.previousSibling.nodeName === 'BR') {
+                                        focusElem = this.range.startContainer;
+                                        newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, currentParent, false).cloneNode(true);
+                                        this.parent.formatter.editorManager.domNode.insertAfter(outerBRElem, currentParent);
+                                        this.insertFocusContent();
+                                        let currentFocusElem = outerBRElem.nextSibling;
+                                        while (!isNullOrUndefined(currentFocusElem) && currentFocusElem.nodeName !== '#text') {
+                                            currentFocusElem = currentFocusElem.lastChild;
+                                        }
+                                        this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), currentFocusElem, 0);
+                                        isEmptyBrInserted = true;
+                                    }
+                                    else {
+                                        newElem = this.parent.formatter.editorManager.nodeCutter.SplitNode(this.range, currentParent, true);
+                                        newElem.parentElement.insertBefore(outerBRElem, newElem);
+                                        this.insertFocusContent();
+                                    }
+                                }
+                            }
+                            else {
+                                const brElm = this.parent.createElement('br');
+                                if (this.startNode.nodeName === 'BR' && this.endNode.nodeName === 'BR' && this.range.startOffset === 0 && this.range.startOffset === this.range.endOffset) {
+                                    this.parent.formatter.editorManager.domNode.insertAfter(brElm, this.startNode);
+                                    isEmptyBrInserted = true;
+                                }
+                                else {
+                                    if (this.startNode === this.parent.inputElement && !isNullOrUndefined(this.range.startContainer.previousSibling) &&
+                                        this.range.startContainer.previousSibling.nodeName === 'BR' && this.range.startContainer.textContent.length === 0) {
+                                        isEmptyBrInserted = true;
+                                    }
+                                    this.range.insertNode(brElm);
+                                }
+                                if (isEmptyBrInserted || (!isNullOrUndefined(brElm.nextElementSibling) && brElm.nextElementSibling.tagName === 'BR') || (!isNullOrUndefined(brElm.nextSibling) && brElm.nextSibling.textContent.length > 0)) {
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), !isNullOrUndefined(brElm.nextSibling) ? brElm.nextSibling : brElm, 0);
+                                    isEmptyBrInserted = false;
+                                }
+                                else {
+                                    const brElm2 = this.parent.createElement('br');
+                                    this.range.insertNode(brElm2);
+                                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), brElm, 0);
+                                }
+                            }
+                            e.args.preventDefault();
+                        }
+                        if (this.range.startContainer.nodeName === '#text') {
+                            this.range.startContainer.parentElement.scrollIntoView(false);
+                        }
+                        else {
+                            this.range.startContainer.scrollIntoView(false);
+                        }
+                        this.parent.trigger(actionComplete, { requestType: shiftKey ? 'ShiftEnterAction' : 'EnterAction', args: e.args });
+                    }
+                });
+            }
+        }
+    }
+    insertFocusContent() {
+        if (this.range.startContainer.textContent.length === 0) {
+            if (this.range.startContainer.nodeName === '#text') {
+                this.range.startContainer.parentElement.innerHTML = '&#8203;';
+            }
+            else {
+                this.range.startContainer.innerHTML = '&#8203;';
+            }
+        }
+    }
+    createInsertElement(shiftKey) {
+        let insertElem;
+        if ((this.parent.enterKey === 'DIV' && !shiftKey) || (this.parent.shiftEnterKey === 'DIV' && shiftKey)) {
+            insertElem = this.parent.createElement('div');
+        }
+        else if ((this.parent.enterKey === 'P' && !shiftKey) || (this.parent.shiftEnterKey === 'P' && shiftKey)) {
+            insertElem = this.parent.createElement('p');
+        }
+        return insertElem;
+    }
+}
+
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -23686,9 +24298,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.htmlAttributes = { 'tabindex': this.element.getAttribute('tabindex') };
             this.element.removeAttribute('tabindex');
         }
-        if (!this.isBlazor()) {
-            this.element.innerHTML = '';
-        }
+        this.element.innerHTML = '';
         const invalidAttr = ['class', 'style', 'id', 'ejs-for'];
         const htmlAttr = {};
         for (let a = 0; a < this.element.attributes.length; a++) {
@@ -23706,23 +24316,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             const rteOuterWrapper = this.createElement('div', {
                 className: this.element.getAttribute('class')
             });
-            if (!this.isBlazor()) {
-                this.element.innerHTML = '';
-            }
+            this.element.innerHTML = '';
             this.element.parentElement.insertBefore(rteOuterWrapper, this.element);
-            if (isBlazor()) {
-                rteOuterWrapper.appendChild(this.element);
-                this.valueContainer = this.createElement('textarea', {
-                    id: this.element.id + '-value'
-                });
-            }
-            else {
-                this.valueContainer = this.element;
-            }
+            this.valueContainer = this.element;
             removeClass([this.valueContainer], this.element.getAttribute('class').split(' '));
-            if (this.isBlazor()) {
-                addClass([this.element], CLS_RTE_HIDDEN);
-            }
             this.element = rteOuterWrapper;
         }
         else {
@@ -23939,12 +24536,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         this.setContentHeight();
         if (this.value !== null) {
-            if (!this.isBlazor()) {
-                this.valueContainer.defaultValue = this.value;
-            }
-            else {
-                this.defaultResetValue = this.value;
-            }
+            this.valueContainer.defaultValue = this.value;
         }
         // eslint-disable-next-line
         (!this.enabled) ? this.unWireEvents() : this.eventInitializer();
@@ -24047,7 +24639,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.notify(keyUp, { member: 'keyup', args: e });
         if (e.code === 'KeyX' && e.which === 88 && e.keyCode === 88 && e.ctrlKey && (this.inputElement.innerHTML === '' ||
             this.inputElement.innerHTML === '<br>')) {
-            this.inputElement.innerHTML = getEditValue('<p><br></p>', this);
+            this.inputElement.innerHTML = getEditValue(getDefaultValue(this), this);
         }
         const allowedKeys = e.which === 32 || e.which === 13 || e.which === 8 || e.which === 46;
         if (((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys) || (this.editorMode === 'Markdown'
@@ -24059,7 +24651,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.notify(toolbarRefresh, { args: e });
         }
         if (!isNullOrUndefined(this.placeholder)) {
-            this.setPlaceHolder();
+            if (!(e.key === 'Enter' && e.keyCode === 13) && (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
+                this.inputElement.innerHTML === '<br>')) {
+                this.setPlaceHolder();
+            }
         }
     }
     /**
@@ -24287,22 +24882,16 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         this.unWireEvents();
         if (this.originalElement.tagName === 'TEXTAREA') {
-            if (isBlazor()) {
-                detach(this.valueContainer);
-                this.valueContainer = this.element.querySelector('.e-blazor-hidden.e-control.e-richtexteditor');
-            }
             this.element.parentElement.insertBefore(this.valueContainer, this.element);
             this.valueContainer.id = this.getID();
             this.valueContainer.removeAttribute('name');
             detach(this.element);
             if (this.originalElement.innerHTML.trim() !== '') {
-                if (!isBlazor()) {
-                    this.valueContainer.value = this.originalElement.innerHTML.trim();
-                    this.setProperties({ value: (!isNullOrUndefined(this.initialValue) ? this.initialValue : null) }, true);
-                }
+                this.valueContainer.value = this.originalElement.innerHTML.trim();
+                this.setProperties({ value: (!isNullOrUndefined(this.initialValue) ? this.initialValue : null) }, true);
             }
             else {
-                this.valueContainer.value = !this.isBlazor() ? this.valueContainer.defaultValue : this.defaultResetValue;
+                this.valueContainer.value = this.valueContainer.defaultValue;
             }
             this.element = this.valueContainer;
             for (let i = 0; i < this.originalElement.classList.length; i++) {
@@ -24378,12 +24967,7 @@ let RichTextEditor = class RichTextEditor extends Component {
      * @returns {Element} - specifies the element.
      */
     getContent() {
-        if (this.iframeSettings.enable && isBlazor()) {
-            return this.inputElement;
-        }
-        else {
-            return this.contentModule.getPanel();
-        }
+        return this.contentModule.getPanel();
     }
     /**
      * Returns the text content as string.
@@ -24454,10 +25038,23 @@ let RichTextEditor = class RichTextEditor extends Component {
     onPropertyChanged(newProp, oldProp) {
         for (const prop of Object.keys(newProp)) {
             switch (prop) {
+                case 'enterKey':
                 case 'value': {
-                    const nVal = newProp[prop];
+                    let nVal;
+                    if (prop === 'enterKey') {
+                        if (this.value === null || this.value === '<div><br></div>' || this.value === '<p><br></p>' ||
+                            this.value === '<br>') {
+                            nVal = null;
+                        }
+                        else {
+                            nVal = this.value;
+                        }
+                    }
+                    else {
+                        nVal = newProp[prop];
+                    }
                     const val = this.editorMode === 'HTML' ? getEditValue(nVal, this) : nVal;
-                    if (!isNullOrUndefined(nVal) && nVal !== '') {
+                    if ((!isNullOrUndefined(nVal) && nVal !== '') || prop === 'enterKey') {
                         this.value = this.serializeValue(((this.enableHtmlEncode) ? this.encode(decode(val)) : val));
                     }
                     this.updatePanelValue();
@@ -24623,7 +25220,18 @@ let RichTextEditor = class RichTextEditor extends Component {
                 getTextArea.value = '';
             }
             if (this.editorMode === 'HTML') {
-                this.inputElement.innerHTML = '<p><br/></p>';
+                if (this.enterKey === 'DIV') {
+                    this.inputElement.innerHTML = '<div><br/></div>';
+                }
+                else if (this.enterKey === 'BR') {
+                    this.inputElement.innerHTML = '<br/>';
+                }
+                else {
+                    this.inputElement.innerHTML = '<p><br/></p>';
+                    if (value === '' && this.formatter && this.inputElement) {
+                        this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), this.inputElement.firstElementChild, this.inputElement.firstElementChild.childElementCount);
+                    }
+                }
             }
             else {
                 this.inputElement.value = '';
@@ -24671,10 +25279,9 @@ let RichTextEditor = class RichTextEditor extends Component {
                     });
                 }
                 this.placeHolderWrapper.innerHTML = this.placeholder;
-                if (this.inputElement.textContent.length === 0 &&
-                    !isNullOrUndefined(this.inputElement.firstChild) && this.inputElement.firstChild.nodeName === 'P' &&
-                    !isNullOrUndefined(this.inputElement.firstChild.firstChild) && this.inputElement.firstChild.firstChild.nodeName === 'BR' &&
-                    this.inputElement.innerHTML !== '<p><br></p><p><br></p>') {
+                if (this.inputElement.textContent.length === 0 && !isNullOrUndefined(this.inputElement.firstChild) && (this.inputElement.firstChild.nodeName === 'BR' ||
+                    ((this.inputElement.firstChild.nodeName === 'P' || this.inputElement.firstChild.nodeName === 'DIV') && !isNullOrUndefined(this.inputElement.firstChild.firstChild) &&
+                        this.inputElement.firstChild.firstChild.nodeName === 'BR'))) {
                     this.placeHolderWrapper.style.display = 'block';
                 }
                 else {
@@ -24835,6 +25442,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         const rendererFactory = this.serviceLocator.getService('rendererFactory');
         this.contentModule = rendererFactory.getRenderer(RenderType.Content);
         this.fullScreenModule = new FullScreen(this);
+        this.enterKeyModule = new EnterKeyAction(this);
         this.renderModule.render();
         this.inputElement = this.contentModule.getEditPanel();
         this.setHeight(this.height);
@@ -24904,9 +25512,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         styleEle.rel = 'stylesheet';
         return styleEle;
     }
-    isBlazor() {
-        return (!isBlazor() ? false : true);
-    }
     setValue() {
         if (this.valueTemplate) {
             if (typeof this.valueTemplate === 'string') {
@@ -25213,7 +25818,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.isFocusOut = false;
             addClass([this.element], [CLS_FOCUS]);
             if (this.editorMode === 'HTML') {
-                this.cloneValue = (this.inputElement.innerHTML === '<p><br></p>') ? null : this.enableHtmlEncode ?
+                this.cloneValue = (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
+                    this.inputElement.innerHTML === '<br>') ? null : this.enableHtmlEncode ?
                     this.encode(decode(this.inputElement.innerHTML)) : this.inputElement.innerHTML;
             }
             else {
@@ -25262,7 +25868,8 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         const getTextArea = this.element.querySelector('.e-rte-srctextarea');
         if (this.editorMode === 'HTML') {
-            value = (this.inputElement.innerHTML === '<p><br></p>') ? null : this.enableHtmlEncode ?
+            value = (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
+                this.inputElement.innerHTML === '<br>') ? null : this.enableHtmlEncode ?
                 this.encode(decode(this.inputElement.innerHTML)) : this.inputElement.innerHTML;
             if (getTextArea && getTextArea.style.display === 'block') {
                 value = getTextArea.value;
@@ -25444,7 +26051,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     }
     resetHandler() {
         const defaultValue = this.valueContainer.defaultValue.trim();
-        this.setProperties({ value: defaultValue === '' ? null : (this.isBlazor() ? this.defaultResetValue : defaultValue) });
+        this.setProperties({ value: defaultValue === '' ? null : defaultValue });
     }
     /**
      * @returns {void}
@@ -25660,6 +26267,12 @@ __decorate$1([
 __decorate$1([
     Property(null)
 ], RichTextEditor.prototype, "value", void 0);
+__decorate$1([
+    Property('P')
+], RichTextEditor.prototype, "enterKey", void 0);
+__decorate$1([
+    Property('BR')
+], RichTextEditor.prototype, "shiftEnterKey", void 0);
 __decorate$1([
     Property(30)
 ], RichTextEditor.prototype, "undoRedoSteps", void 0);
@@ -25855,5 +26468,5 @@ RichTextEditor = __decorate$1([
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, pasteClean, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, showTableDialog, closeTableDialog, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION };
+export { Toolbar$2 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FileManager$1 as FileManager, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, imageCaption, imageSize, sourceCode, updateSource, toolbarOpen, beforeDropDownOpen, selectionSave, selectionRestore, expandPopupClick, count, contentFocus, contentBlur, mouseDown, sourceCodeMouseDown, editAreaClick, scroll, contentscroll, colorPickerChanged, tableColorPickerChanged, focusChange, selectAll$1 as selectAll, selectRange, getSelectedHtml, renderInlineToolbar, paste, imgModule, rtlMode, createTable, docClick, tableToolbarAction, checkUndo, readOnlyMode, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, beforeImageUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, closeImageDialog, showTableDialog, closeTableDialog, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_TB_ABS_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_INLINE_POP, CLS_INLINE_DROPDOWN, CLS_DROPDOWN_POPUP, CLS_DROPDOWN_ICONS, CLS_DROPDOWN_ITEMS, CLS_DROPDOWN_BTN, CLS_RTE_CONTENT, CLS_TB_ITEM, CLS_TB_EXTENDED, CLS_TB_WRAP, CLS_POPUP, CLS_SEPARATOR, CLS_MINIMIZE, CLS_MAXIMIZE, CLS_BACK, CLS_SHOW, CLS_HIDE, CLS_VISIBLE, CLS_FOCUS, CLS_RM_WHITE_SPACE, CLS_IMGRIGHT, CLS_IMGLEFT, CLS_IMGCENTER, CLS_IMGBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_COUNT, CLS_WARNING, CLS_ERROR, CLS_ICONS, CLS_ACTIVE, CLS_EXPAND_OPEN, CLS_RTE_ELEMENTS, CLS_TB_BTN, CLS_HR_SEPARATOR, CLS_TB_IOS_FIX, CLS_LIST_PRIMARY_CONTENT, CLS_NUMBERFORMATLIST_TB_BTN, CLS_BULLETFORMATLIST_TB_BTN, CLS_FORMATS_TB_BTN, CLS_FONT_NAME_TB_BTN, CLS_FONT_SIZE_TB_BTN, CLS_FONT_COLOR_TARGET, CLS_BACKGROUND_COLOR_TARGET, CLS_COLOR_CONTENT, CLS_FONT_COLOR_DROPDOWN, CLS_BACKGROUND_COLOR_DROPDOWN, CLS_COLOR_PALETTE, CLS_FONT_COLOR_PICKER, CLS_BACKGROUND_COLOR_PICKER, CLS_RTE_READONLY, CLS_TABLE_SEL, CLS_TB_DASH_BOR, CLS_TB_ALT_BOR, CLS_TB_COL_RES, CLS_TB_ROW_RES, CLS_TB_BOX_RES, CLS_RTE_HIDDEN, CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT, CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT, CLS_RTE_RES_HANDLE, CLS_RTE_RES_EAST, CLS_RTE_IMAGE, CLS_RESIZE, CLS_IMG_FOCUS, CLS_RTE_DRAG_IMAGE, CLS_RTE_UPLOAD_POPUP, CLS_POPUP_OPEN, CLS_IMG_RESIZE, CLS_DROPAREA, CLS_IMG_INNER, CLS_UPLOAD_FILES, CLS_RTE_DIALOG_UPLOAD, CLS_RTE_RES_CNT, CLS_CUSTOM_TILE, CLS_NOCOLOR_ITEM, CLS_TABLE, CLS_TABLE_BORDER, CLS_RTE_TABLE_RESIZE, CLS_RTE_FIXED_TB_EXPAND, CLS_RTE_TB_ENABLED, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, TABLE_MERGE, TABLE_VERTICAL_SPLIT, TABLE_HORIZONTAL_SPLIT, TABLE_MOVE, ALIGNMENT_TYPE, INDENT_TYPE, DEFAULT_TAG, BLOCK_TAGS, IGNORE_BLOCK_TAGS, TABLE_BLOCK_TAGS, SELECTION_TYPE, INSERTHTML_TYPE, INSERT_TEXT_TYPE, CLEAR_TYPE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_IMAGE_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, KEY_DOWN, ACTION, FORMAT_TYPE, KEY_DOWN_HANDLER, LIST_TYPE, KEY_UP_HANDLER, KEY_UP, MODEL_CHANGED_PLUGIN, MODEL_CHANGED, MS_WORD_CLEANUP_PLUGIN, MS_WORD_CLEANUP, ON_BEGIN, SPACE_ACTION };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map