@syncfusion/ej2-richtexteditor 18.1.52 → 18.2.44-4568

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

@@ -28,6 +28,11 @@ const load = 'load';
  * @deprecated
  */
 const initialLoad = 'initial-load';
+/**
+ * @hidden
+ * @deprecated
+ */
+const contentChanged = 'content-changed';
 /**
  * @hidden
  * @deprecated
@@ -448,6 +453,11 @@ const beforeDialogOpen = 'beforeDialogOpen';
  * @deprecated
  */
 const dialogOpen = 'dialogOpen';
+/**
+ * @hidden
+ * @deprecated
+ */
+const beforeDialogClose = 'beforeDialogClose';
 /**
  * @hidden
  * @deprecated
@@ -2248,6 +2258,12 @@ class ToolbarRenderer {
     }
     removePopupContainer() {
         if (Browser.isDevice && !isNullOrUndefined(this.popupContainer)) {
+            let popupEle = this.popupContainer.querySelector('.e-dropdown-popup.e-tbar-btn.e-control');
+            if (popupEle) {
+                this.popupContainer.parentNode.insertBefore(popupEle, this.popupContainer.nextSibling);
+                popupEle.style.removeProperty('position');
+                removeClass([popupEle], 'e-popup-modal');
+            }
             detach(this.popupContainer);
             this.popupContainer = undefined;
         }
@@ -2456,7 +2472,6 @@ class ToolbarRenderer {
                     || element.parentElement.classList.contains(CLS_COLOR_CONTENT))) {
                     let colorpickerValue = element.classList.contains(CLS_RTE_ELEMENTS) ? element.style.borderBottomColor :
                         element.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor;
-                    /* tslint:enable */
                     range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                     if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' ||
                         closest(range.startContainer.parentNode, 'td,th')) && range.collapsed) {
@@ -2481,7 +2496,14 @@ class ToolbarRenderer {
                     removeClass([dropElement.lastElementChild], 'e-popup-overlay');
                 }
                 if (Browser.isDevice && !isNullOrUndefined(dropElement)) {
+                    let popupEle = dropElement.querySelector('.e-dropdown-popup.e-tbar-btn.e-control');
+                    if (popupEle) {
+                        dropElement.parentNode.insertBefore(popupEle, dropElement.nextSibling);
+                        popupEle.style.removeProperty('position');
+                        removeClass([popupEle], 'e-popup-modal');
+                    }
                     detach(dropElement);
+                    proxy.popupContainer = undefined;
                 }
             }
         });
@@ -4804,12 +4826,22 @@ class QuickToolbar {
             EventHandler.add(this.inlineQTBar.element, 'mousedown', this.onMouseDown, this);
         }
     }
+    /**
+     * Method for showing the inline quick toolbar
+     * @hidden
+     * @deprecated
+     */
     showInlineQTBar(x, y, target) {
         if (this.parent.readonly) {
             return;
         }
         this.inlineQTBar.showPopup(x, y, target);
     }
+    /**
+     * Method for hidding the inline quick toolbar
+     * @hidden
+     * @deprecated
+     */
     hideInlineQTBar() {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
             this.inlineQTBar.hidePopup();
@@ -5701,6 +5733,7 @@ class Formatter {
     onKeyHandler(self, e) {
         this.editorManager.observer.notify(KEY_UP, {
             event: e, callBack: () => {
+                self.notify(contentChanged, {});
                 this.enableUndo(self);
             }
         });
@@ -5711,6 +5744,7 @@ class Formatter {
      * @deprecated
      */
     onSuccess(self, events) {
+        self.notify(contentChanged, {});
         if (isNullOrUndefined(events.event) || (events && events.event.action !== 'copy')) {
             this.enableUndo(self);
             self.notify(execCommandCallBack, events);
@@ -9071,8 +9105,8 @@ class Lists {
         let range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
         let startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
         let endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
-        if (startNode === endNode && !isNullOrUndefined(closest(startNode, 'li')) &&
-            startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) {
+        if (startNode === endNode && startNode.tagName === 'LI' && startNode.textContent.trim() === '' &&
+            startNode.textContent.charCodeAt(0) === 65279) {
             startNode.textContent = '';
         }
     }
@@ -9413,16 +9447,6 @@ class Lists {
                 nodesTemp.push(node);
             }
         }
-        let parentList = [];
-        for (let k = 0; k < nodesTemp.length; k++) {
-            let nodesTempListParent = nodesTemp[k].closest('LI');
-            if (!isNullOrUndefined(nodesTempListParent) && (nodesTemp.indexOf(nodesTempListParent.parentElement) < 0)) {
-                if (nodesTempListParent.parentElement.innerText === nodesTemp[k].innerText) {
-                    parentList.push(nodesTempListParent.parentElement);
-                }
-            }
-        }
-        nodesTemp = parentList.concat(nodesTemp);
         for (let j = nodesTemp.length - 1; j >= 0; j--) {
             let h = nodesTemp[j];
             let replace = '<' + tagName.toLowerCase() + ' '
@@ -10115,7 +10139,7 @@ class InsertHtml {
         let isCursor = range.startOffset === range.endOffset && range.startOffset === 0 &&
             range.startContainer === range.endContainer;
         let isCollapsed = range.collapsed;
-        let nodes = nodeSelection.getInsertNodeCollection(range);
+        let nodes = this.getNodeCollection(range, nodeSelection);
         let closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
         if (isExternal || (!isNullOrUndefined(node) && !isNullOrUndefined(node.classList) &&
             node.classList.contains('pasteContent'))) {
@@ -10287,9 +10311,7 @@ class InsertHtml {
             }
         }
         else {
-            let blockNode = this.getImmediateBlockNode(nodes[nodes.length - 1], editNode);
-            let splitedElm = nodeCutter.GetSpliceNode(range, blockNode);
-            splitedElm.parentNode.replaceChild(node, splitedElm);
+            this.insertTempNode(range, node, nodes, nodeCutter, editNode);
             let isFirstTextNode = true;
             let isPreviousInlineElem;
             let paraElm;
@@ -10356,6 +10378,44 @@ class InsertHtml {
         }
         this.removeEmptyElements(editNode);
     }
+    static getNodeCollection(range, nodeSelection) {
+        let nodes = [];
+        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
+            range.startContainer.nodeName === 'TD') {
+            nodes.push(range.startContainer.childNodes[range.endOffset]);
+        }
+        else {
+            nodes = nodeSelection.getInsertNodeCollection(range);
+        }
+        return nodes;
+    }
+    static insertTempNode(range, node, nodes, nodeCutter, editNode) {
+        if (range.startContainer === editNode && !isNullOrUndefined(range.startContainer.childNodes[range.endOffset - 1]) &&
+            range.startContainer.childNodes[range.endOffset - 1].nodeName === 'TABLE') {
+            if (isNullOrUndefined(range.startContainer.childNodes[range.endOffset - 1].nextSibling)) {
+                range.startContainer.appendChild(node);
+            }
+            else {
+                range.startContainer.insertBefore(node, range.startContainer.childNodes[range.endOffset - 1].nextSibling);
+            }
+        }
+        else if (range.startContainer === editNode && !isNullOrUndefined(range.startContainer.childNodes[range.endOffset]) &&
+            range.startContainer.childNodes[range.endOffset].nodeName === 'TABLE') {
+            range.startContainer.insertBefore(node, range.startContainer.childNodes[range.endOffset]);
+        }
+        else {
+            let blockNode = this.getImmediateBlockNode(nodes[nodes.length - 1], editNode);
+            if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH') {
+                let tempSpan = createElement('span', { className: 'tempSpan' });
+                range.insertNode(tempSpan);
+                tempSpan.parentNode.replaceChild(node, tempSpan);
+            }
+            else {
+                let splitedElm = nodeCutter.GetSpliceNode(range, blockNode);
+                splitedElm.parentNode.replaceChild(node, splitedElm);
+            }
+        }
+    }
     static cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode.classList.add('lastNode');
         editNode.innerHTML = updateTextNode$1(editNode.innerHTML);
@@ -13743,81 +13803,81 @@ class ContentRender {
 }
 
 /* tslint:disable */
-const IFRAMEHEADER = `
-<!DOCTYPE html> 
-    <html>
-         <head>
-            <meta charset='utf-8' /> 
-            <style>
-                @charset "UTF-8";
-                body {
-                    font-family: "Roboto", sans-serif;
-                    font-size: 14px;
-                }
-                html, body{height: 100%;margin: 0;}
-                body.e-cursor{cursor:default}
-                span.e-selected-node	{background-color: #939393;color: white;}
-                span.e-selected-node.e-highlight {background-color: #1d9dd8;}
-                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}
-                .e-rte-image {border: 0;cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}
-                .e-img-caption.e-caption-inline {display: inline-block;float: none;margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));position: relativetext-align: center;vertical-align: bottom;}
-                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;margin: auto;opacity: .9;text-align: center;width: 100%;}
-                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}
-                .e-imgleft {float: left;margin: 0 5px 0 0;text-align: left;}
-                .e-imgright {float: right;margin: 0 0 0 5px;text-align: right;}
-                .e-imgcenter {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}
-                .e-imginline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));vertical-align: bottom;}
-                .e-imgbreak {border: 0;cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
-                .e-rte-image.e-img-focus:not(.e-resize) {border: solid 2px #4a90e2;}
-                img::selection { background: transparent;color: transparent;}
-                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block; background: #4a90e2; border: 1px solid #fff; z-index: 1000;}
-                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }
-                .e-mob-rte span.e-rte-imageboxmark { background: #fff; border: 1px solid #4a90e2; border-radius: 15px; height: 20px; width: 20px; }
-                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }
-                .e-rte-content .e-content img.e-resize { z-index: 1000; }
-                .e-img-caption .e-img-inner { outline: 0; }
-                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}
-                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}
-                p{margin: 0 0 10px;margin-bottom: 10px;}
-                li{margin-bottom: 10px;}
-                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}
-                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}
-                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}
-                h4{font-size: 1em;font-weight: 400;margin: 0;}
-                h5{font-size: 00.8em;font-weight: 400;margin: 0;}
-                h6{font-size: 00.65em;font-weight: 400;margin: 0;}
-                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}
-                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}
-                strong, b{font-weight: 700;}
-                a{text-decoration: none;user-select: auto;}
-                a:hover{text-decoration: underline;};
-                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}
-                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}
-                ul:last-child{margin-bottom: 0;}
-                table { border-collapse: collapse; empty-cells: show;}
-                table td,table th {border: 1px solid #BDBDBD; height: 20px; vertical-align: middle;}
-                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}
-                table th {background-color: #E0E0E0;}
-                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} 
-                table .e-cell-select {border: 1px double #4a90e2;}
-                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }
-                span.e-table-box.e-rmob {height: 14px;width: 14px;}
-                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat; bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }
-                .e-row-resize { cursor: row-resize; height: 1px;}
-                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}
-                .e-table-rhelper.e-column-helper { width: 1px; }
-                .e-table-rhelper.e-row-helper {height: 1px;}
-                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; position: absolute; right: 4px; top: 4px; width: 20px; }
-                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }
-                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }
-                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }
-                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }
-                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }
-                .e-table-rhelper { background-color: #4a90e2;}
-                .e-rtl { direction: rtl; }
-            </style>
+const IFRAMEHEADER = `
+<!DOCTYPE html> 
+    <html>
+         <head>
+            <meta charset='utf-8' /> 
+            <style>
+                @charset "UTF-8";
+                body {
+                    font-family: "Roboto", sans-serif;
+                    font-size: 14px;
+                }
+                html, body{height: 100%;margin: 0;}
+                body.e-cursor{cursor:default}
+                span.e-selected-node	{background-color: #939393;color: white;}
+                span.e-selected-node.e-highlight {background-color: #1d9dd8;}
+                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}
+                .e-rte-image {border: 0;cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}
+                .e-img-caption.e-caption-inline {display: inline-block;float: none;margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));position: relativetext-align: center;vertical-align: bottom;}
+                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;margin: auto;opacity: .9;text-align: center;width: 100%;}
+                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}
+                .e-imgleft {float: left;margin: 0 5px 0 0;text-align: left;}
+                .e-imgright {float: right;margin: 0 0 0 5px;text-align: right;}
+                .e-imgcenter {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}
+                .e-imginline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));vertical-align: bottom;}
+                .e-imgbreak {border: 0;cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}
+                .e-rte-image.e-img-focus:not(.e-resize) {border: solid 2px #4a90e2;}
+                img::selection { background: transparent;color: transparent;}
+                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block; background: #4a90e2; border: 1px solid #fff; z-index: 1000;}
+                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }
+                .e-mob-rte span.e-rte-imageboxmark { background: #fff; border: 1px solid #4a90e2; border-radius: 15px; height: 20px; width: 20px; }
+                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }
+                .e-rte-content .e-content img.e-resize { z-index: 1000; }
+                .e-img-caption .e-img-inner { outline: 0; }
+                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}
+                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}
+                p{margin: 0 0 10px;margin-bottom: 10px;}
+                li{margin-bottom: 10px;}
+                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}
+                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}
+                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}
+                h4{font-size: 1em;font-weight: 400;margin: 0;}
+                h5{font-size: 00.8em;font-weight: 400;margin: 0;}
+                h6{font-size: 00.65em;font-weight: 400;margin: 0;}
+                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}
+                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}
+                strong, b{font-weight: 700;}
+                a{text-decoration: none;user-select: auto;}
+                a:hover{text-decoration: underline;};
+                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}
+                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}
+                ul:last-child{margin-bottom: 0;}
+                table { border-collapse: collapse; empty-cells: show;}
+                table td,table th {border: 1px solid #BDBDBD; height: 20px; vertical-align: middle;}
+                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}
+                table th {background-color: #E0E0E0;}
+                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} 
+                table .e-cell-select {border: 1px double #4a90e2;}
+                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }
+                span.e-table-box.e-rmob {height: 14px;width: 14px;}
+                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat; bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }
+                .e-row-resize { cursor: row-resize; height: 1px;}
+                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}
+                .e-table-rhelper.e-column-helper { width: 1px; }
+                .e-table-rhelper.e-row-helper {height: 1px;}
+                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; position: absolute; right: 4px; top: 4px; width: 20px; }
+                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid; border-top: 6px solid transparent; content: ''; display: block; height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }
+                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }
+                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }
+                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }
+                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }
+                .e-table-rhelper { background-color: #4a90e2;}
+                .e-rtl { direction: rtl; }
+            </style>
         </head>`;
 /* tslint:enable */
 /**
@@ -14610,6 +14670,8 @@ class PasteCleanup {
         addClass([popupObj.element], [CLS_POPUP_OPEN, CLS_RTE_UPLOAD_POPUP]);
         let timeOut = fileList.size > 1000000 ? 300 : 100;
         setTimeout(() => { this.refreshPopup(imgElem, popupObj); }, timeOut);
+        let rawFile;
+        let beforeUploadArgs;
         let uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl
@@ -14621,8 +14683,24 @@ class PasteCleanup {
                 setTimeout(() => { this.popupClose(popupObj, uploadObj, imgElem, e); }, 900);
             },
             uploading: (e) => {
-                this.parent.trigger(imageUploading, e);
-                this.parent.inputElement.contentEditable = 'false';
+                if (!this.parent.isServerRendered) {
+                    this.parent.trigger(imageUploading, e);
+                    this.parent.inputElement.contentEditable = 'false';
+                }
+            },
+            beforeUpload: (args) => {
+                if (this.parent.isServerRendered) {
+                    args.cancel = true;
+                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
+                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
+                        if (beforeUploadArgs.cancel) {
+                            return;
+                        }
+                        /* tslint:disable */
+                        this.uploadObj.uploadFiles(rawFile, null);
+                        /* tslint:enable */
+                    });
+                }
             },
             failure: (e) => {
                 setTimeout(() => { this.uploadFailure(imgElem, uploadObj, popupObj, e); }, 900);
@@ -14637,6 +14715,9 @@ class PasteCleanup {
             },
             selected: (e) => {
                 e.cancel = true;
+                if (this.parent.isServerRendered) {
+                    rawFile = e.filesData;
+                }
             },
             removing: () => {
                 this.parent.inputElement.contentEditable = 'true';
@@ -14766,6 +14847,8 @@ class PasteCleanup {
         }
     }
     pasteDialog(value, args) {
+        let isHeight = false;
+        let preRTEHeight = this.parent.height;
         let dialogModel = {
             buttons: [
                 {
@@ -14774,6 +14857,8 @@ class PasteCleanup {
                             let keepChecked = this.parent.element.querySelector('#keepFormating').checked;
                             let cleanChecked = this.parent.element.querySelector('#cleanFormat').checked;
                             dialog.hide();
+                            this.parent.height = isHeight ? preRTEHeight : this.parent.height;
+                            isHeight = false;
                             let argument = isBlazor() ? null : dialog;
                             this.dialogRenderObj.close(argument);
                             dialog.destroy();
@@ -14790,6 +14875,8 @@ class PasteCleanup {
                     click: () => {
                         if (!dialog.isDestroyed) {
                             dialog.hide();
+                            this.parent.height = isHeight ? preRTEHeight : this.parent.height;
+                            isHeight = false;
                             let args = isBlazor() ? null : dialog;
                             this.dialogRenderObj.close(args);
                             dialog.destroy();
@@ -14826,6 +14913,10 @@ class PasteCleanup {
         }
         dialog.appendTo(rteDialogWrapper);
         this.radioRender();
+        if (this.parent.element.offsetHeight < parseInt(dialog.height.split('px')[0], null)) {
+            this.parent.height = parseInt(dialog.height.split('px')[0], null) + 40;
+            isHeight = true;
+        }
         dialog.show();
     }
     destroyDialog(rteDialogWrapper) {
@@ -16413,9 +16504,23 @@ class Image {
         let selectNodeEle;
         let selectParentEle;
         this.deletedImg = [];
+        let isCursor;
+        let keyCodeValues = [27, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123,
+            44, 45, 9, 16, 17, 18, 19, 20, 33, 34, 35, 36, 37, 38, 39, 40, 91, 92, 93, 144, 145, 182, 183];
+        if (this.parent.editorMode === 'HTML') {
+            range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
+            isCursor = range.startContainer === range.endContainer && range.startOffset === range.endOffset;
+        }
+        if (!isCursor && this.parent.editorMode === 'HTML' && keyCodeValues.indexOf(originalEvent.which) < 0) {
+            let nodes = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
+            for (let i = 0; i < nodes.length; i++) {
+                if (nodes[i].nodeName === 'IMG') {
+                    this.deletedImg.push(nodes[i]);
+                }
+            }
+        }
         if (this.parent.editorMode === 'HTML' && ((originalEvent.which === 8 && originalEvent.code === 'Backspace') ||
             (originalEvent.which === 46 && originalEvent.code === 'Delete'))) {
-            let range = this.parent.getRange();
             let isCursor = range.startContainer === range.endContainer && range.startOffset === range.endOffset;
             if ((originalEvent.which === 8 && originalEvent.code === 'Backspace' && isCursor)) {
                 this.checkImageBack(range);
@@ -16423,14 +16528,6 @@ class Image {
             else if ((originalEvent.which === 46 && originalEvent.code === 'Delete' && isCursor)) {
                 this.checkImageDel(range);
             }
-            else if (!isCursor) {
-                let nodes = this.parent.formatter.editorManager.nodeSelection.getNodeCollection(range);
-                for (let i = 0; i < nodes.length; i++) {
-                    if (nodes[i].nodeName === 'IMG') {
-                        this.deletedImg.push(nodes[i]);
-                    }
-                }
-            }
         }
         if (!isNullOrUndefined(this.parent.formatter.editorManager.nodeSelection) &&
             originalEvent.code !== 'KeyK') {
@@ -16462,7 +16559,7 @@ class Image {
                         originalEvent: originalEvent
                     }
                 };
-                this.deleteImg(event);
+                this.deleteImg(event, originalEvent.keyCode);
             }
             if (this.parent.contentModule.getEditPanel().querySelector('.e-img-resize')) {
                 this.remvoeResizEle();
@@ -16506,7 +16603,7 @@ class Image {
         if (!isNullOrUndefined(this.deletedImg) && this.deletedImg.length > 0) {
             for (let i = 0; i < this.deletedImg.length; i++) {
                 let args = {
-                    img: this.deletedImg[i],
+                    element: this.deletedImg[i],
                     src: this.deletedImg[i].getAttribute('src')
                 };
                 this.parent.trigger(afterImageDelete, args);
@@ -16842,11 +16939,14 @@ class Image {
         let regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/gi;
         return regexp.test(url);
     }
-    deleteImg(e) {
+    deleteImg(e, keyCode) {
         if (e.selectNode[0].nodeName !== 'IMG') {
             return;
         }
-        let args = { img: e.selectNode[0] };
+        let args = {
+            element: e.selectNode[0],
+            src: e.selectNode[0].getAttribute('src')
+        };
         if (this.parent.formatter.getUndoRedoStack().length === 0) {
             this.parent.formatter.saveData();
         }
@@ -16863,7 +16963,9 @@ class Image {
             this.quickToolObj.imageQTBar.hidePopup();
         }
         this.cancelResizeAction();
-        this.parent.trigger(afterImageDelete, args);
+        if (isNullOrUndefined(keyCode)) {
+            this.parent.trigger(afterImageDelete, args);
+        }
     }
     caption(e) {
         let selectNode = e.selectNode[0];
@@ -17274,15 +17376,24 @@ class Image {
         });
         uploadParentEle.appendChild(uploadEle);
         let altText;
+        let rawFile;
+        let selectArgs;
+        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
             allowedExtensions: this.parent.insertImageSettings.allowedTypes.toString(),
             selected: (e) => {
                 proxy.isImgUploaded = true;
-                this.parent.trigger(imageSelected, e, (e) => {
-                    this.checkExtension(e.filesData[0]);
-                    altText = e.filesData[0].name;
+                selectArgs = e;
+                if (this.parent.isServerRendered) {
+                    selectArgs = JSON.parse(JSON.stringify(e));
+                    e.cancel = true;
+                    rawFile = e.filesData;
+                }
+                this.parent.trigger(imageSelected, selectArgs, (selectArgs) => {
+                    this.checkExtension(selectArgs.filesData[0]);
+                    altText = selectArgs.filesData[0].name;
                     if (this.parent.editorMode === 'HTML' && isNullOrUndefined(this.parent.insertImageSettings.path)) {
                         let reader = new FileReader();
                         reader.addEventListener('load', (e) => {
@@ -17301,12 +17412,33 @@ class Image {
                             };
                             proxy.inputUrl.setAttribute('disabled', 'true');
                         });
-                        reader.readAsDataURL(e.filesData[0].rawFile);
+                        reader.readAsDataURL(selectArgs.filesData[0].rawFile);
+                    }
+                    if (this.parent.isServerRendered) {
+                        /* tslint:disable */
+                        this.uploadObj._internalRenderSelect(selectArgs, rawFile);
+                        /* tslint:enable */
                     }
                 });
             },
+            beforeUpload: (args) => {
+                if (this.parent.isServerRendered) {
+                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
+                    args.cancel = true;
+                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
+                        if (beforeUploadArgs.cancel) {
+                            return;
+                        }
+                        /* tslint:disable */
+                        this.uploadObj.uploadFiles(rawFile, null);
+                        /* tslint:enable */
+                    });
+                }
+            },
             uploading: (e) => {
-                this.parent.trigger(imageUploading, e);
+                if (!this.parent.isServerRendered) {
+                    this.parent.trigger(imageUploading, e);
+                }
             },
             success: (e) => {
                 this.parent.trigger(imageUploadSuccess, e, (e) => {
@@ -17350,6 +17482,9 @@ class Image {
             if (this.uploadObj.allowedExtensions.toLocaleLowerCase().indexOf(('.' + e.type).toLocaleLowerCase()) === -1) {
                 this.dialogObj.getButtons(0).element.setAttribute('disabled', 'disabled');
             }
+            else {
+                this.dialogObj.getButtons(0).element.removeAttribute('disabled');
+            }
         }
     }
     fileSelect() {
@@ -17573,6 +17708,8 @@ class Image {
         let timeOut = dragEvent.dataTransfer.files[0].size > 1000000 ? 300 : 100;
         setTimeout(() => { proxy.refreshPopup(imageElement); }, timeOut);
         let range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
+        let rawFile;
+        let beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -17592,15 +17729,36 @@ class Image {
                 detach(imageElement);
                 this.popupObj.close();
             },
+            beforeUpload: (args) => {
+                if (this.parent.isServerRendered) {
+                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
+                    args.cancel = true;
+                    isUploading = true;
+                    this.parent.trigger(imageUploading, beforeUploadArgs, (beforeUploadArgs) => {
+                        if (beforeUploadArgs.cancel) {
+                            return;
+                        }
+                        /* tslint:disable */
+                        this.uploadObj.uploadFiles(rawFile, null);
+                        this.parent.inputElement.contentEditable = 'false';
+                        /* tslint:enable */
+                    });
+                }
+            },
             uploading: (e) => {
-                isUploading = true;
-                this.parent.trigger(imageUploading, e);
-                this.parent.inputElement.contentEditable = 'false';
+                if (!this.parent.isServerRendered) {
+                    isUploading = true;
+                    this.parent.trigger(imageUploading, e);
+                    this.parent.inputElement.contentEditable = 'false';
+                }
             },
             selected: (e) => {
                 if (isUploading) {
                     e.cancel = true;
                 }
+                if (this.parent.isServerRendered) {
+                    rawFile = e.filesData;
+                }
             },
             failure: (e) => {
                 isUploading = false;
@@ -18085,7 +18243,8 @@ class Table {
             let selection = this.parent.formatter.editorManager.nodeSelection.save(range, this.contentModule.getDocument());
             let ele = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range)[0];
             ele = (ele && ele.tagName !== 'TD' && ele.tagName !== 'TH') ? ele.parentElement : ele;
-            if ((event.keyCode === 8 || event.keyCode === 46)) {
+            if ((event.keyCode === 8 || event.keyCode === 46) ||
+                (event.ctrlKey && event.keyCode === 88)) {
                 if (ele && ele.tagName === 'TBODY') {
                     event.preventDefault();
                     proxy.removeTable(selection, event, true);
@@ -18449,7 +18608,8 @@ class Table {
         this.contentModule.getEditPanel().appendChild(tableReBox);
     }
     removeResizeEle() {
-        let item = this.contentModule.getEditPanel().querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
+        let item = this.parent.contentModule.getEditPanel().
+            querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box');
         if (item.length > 0) {
             for (let i = 0; i < item.length; i++) {
                 detach(item[i]);
@@ -19070,15 +19230,12 @@ class DialogRenderer {
      */
     render(e) {
         let dlgObj;
-        if (isNullOrUndefined(e.beforeOpen)) {
-            e.beforeOpen = this.beforeOpen.bind(this);
-        }
-        if (isNullOrUndefined(e.open)) {
-            e.open = this.open.bind(this);
-        }
+        e.beforeOpen = this.beforeOpen.bind(this);
+        e.open = this.open.bind(this);
         if (isNullOrUndefined(e.close)) {
             e.close = this.close.bind(this);
         }
+        e.beforeClose = this.beforeClose.bind(this);
         dlgObj = new Dialog(e);
         dlgObj.isStringTemplate = true;
         return dlgObj;
@@ -19089,6 +19246,9 @@ class DialogRenderer {
     open(args) {
         this.parent.trigger(dialogOpen, args);
     }
+    beforeClose(args) {
+        this.parent.trigger(beforeDialogClose, args);
+    }
     /**
      * dialog close method
      * @hidden
@@ -19872,6 +20032,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.formatter.enableUndo(this);
         }
         this.setPlaceHolder();
+        this.notify(contentChanged, {});
     }
     htmlPurifier(command, value) {
         if (this.editorMode === 'HTML') {
@@ -20002,7 +20163,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 this.formatter.editorManager.nodeSelection.setCursorPoint(this.contentModule.getDocument(), range.startContainer, pointer);
             }
             else if ((e.code === 'Backspace' && e.which === 8) &&
-                range.startContainer.textContent.charCodeAt(0) === 8203) {
+                range.startContainer.textContent.charCodeAt(0) === 8203 && range.collapsed) {
                 let parentEle = range.startContainer.parentElement;
                 let index;
                 let i;
@@ -20014,7 +20175,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                 let bool = true;
                 let removeNodeArray = [];
                 for (i = index; i >= 0; i--) {
-                    if (parentEle.childNodes[i].textContent.charCodeAt(0) === 8203 && bool) {
+                    if (parentEle.childNodes[i].nodeType === 3 && parentEle.childNodes[i].textContent.charCodeAt(0) === 8203 && bool) {
                         removeNodeArray.push(i);
                     }
                     else {
@@ -20055,6 +20216,10 @@ let RichTextEditor = class RichTextEditor extends Component {
     }
     keyUp(e) {
         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);
+        }
         let 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'
             && ((e.key !== 'shift' && !e.ctrlKey) && e.key && e.key.length === 1 || allowedKeys)) && !this.inlineMode.enable) {
@@ -20177,6 +20342,12 @@ let RichTextEditor = class RichTextEditor extends Component {
             let pastedContentLength = (isNullOrUndefined(e) || isNullOrUndefined(e.clipboardData))
                 ? 0 : e.clipboardData.getData('text/plain').length;
             let totalLength = (currentLength - selectionLength) + pastedContentLength;
+            if (this.editorMode === 'Markdown') {
+                if (!(this.maxLength === -1 || totalLength < this.maxLength)) {
+                    e.preventDefault();
+                }
+                return;
+            }
             if (!pasteArgs.cancel && this.inputElement.contentEditable === 'true' &&
                 (this.maxLength === -1 || totalLength < this.maxLength)) {
                 if (!isNullOrUndefined(this.pasteCleanupModule)) {
@@ -20290,12 +20461,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
             this.removeHtmlAttributes();
             this.removeAttributes();
-            if (!(isBlazor() && this.isServerRendered)) {
-                super.destroy();
-            }
-            else {
-                this.isDestroyed = true;
-            }
+            super.destroy();
             this.isRendered = false;
             if (this.enablePersistence) {
                 window.localStorage.removeItem(this.getModuleName() + this.element.id);
@@ -20370,6 +20536,25 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         return wrapperElm.innerHTML;
     }
+    /**
+     * It shows the inline quick toolbar
+     */
+    showInlineToolbar() {
+        if (this.inlineMode.enable) {
+            let currentRange = this.getRange();
+            let targetElm = currentRange.endContainer.nodeName === '#text' ?
+                currentRange.endContainer.parentElement : currentRange.endContainer;
+            let x = currentRange.getClientRects()[0].left;
+            let y = currentRange.getClientRects()[0].top;
+            this.quickToolbarModule.showInlineQTBar(x, y, targetElm);
+        }
+    }
+    /**
+     * It hides the inline quick toolbar
+     */
+    hideInlineToolbar() {
+        this.quickToolbarModule.hideInlineQTBar();
+    }
     /**
      * For internal use only - Get the module name.
      * @private
@@ -20528,7 +20713,11 @@ let RichTextEditor = class RichTextEditor extends Component {
     updatePanelValue() {
         let value = this.value;
         value = (this.enableHtmlEncode && this.value) ? decode(value) : value;
+        let getTextArea = this.element.querySelector('.e-rte-srctextarea');
         if (value) {
+            if (getTextArea && getTextArea.style.display === 'block') {
+                getTextArea.value = this.value;
+            }
             if (this.valueContainer) {
                 this.valueContainer.value = (this.enableHtmlEncode) ? this.value : value;
             }
@@ -20541,6 +20730,9 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
         }
         else {
+            if (getTextArea && getTextArea.style.display === 'block') {
+                getTextArea.value = '';
+            }
             if (this.editorMode === 'HTML') {
                 this.inputElement.innerHTML = '<p><br/></p>';
             }
@@ -21019,8 +21211,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
             this.preventDefaultResize(e);
             this.trigger('focus', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-            if (!isNullOrUndefined(this.saveInterval) && this.saveInterval > 0) {
-                this.timeInterval = setInterval(this.updateIntervalValue.bind(this), this.saveInterval);
+            if (!isNullOrUndefined(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle) {
+                this.timeInterval = setInterval(this.updateValueOnIdle.bind(this), this.saveInterval);
             }
             EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
         }
@@ -21048,11 +21240,15 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         return value;
     }
-    updateIntervalValue() {
+    updateValueOnIdle() {
         this.setProperties({ value: this.getUpdatedValue() }, true);
         this.valueContainer.value = this.value;
         this.invokeChangeEvent();
     }
+    updateIntervalValue() {
+        clearTimeout(this.idleInterval);
+        this.idleInterval = setTimeout(this.updateValueOnIdle.bind(this), 0);
+    }
     onDocumentClick(e) {
         let target = e.target;
         let rteElement = closest(target, '.' + CLS_RTE);
@@ -21103,6 +21299,19 @@ let RichTextEditor = class RichTextEditor extends Component {
             this.isRTE = true;
         }
     }
+    /**
+     * invokeChangeEvent method
+     * @hidden
+     * @deprecated
+     */
+    contentChanged() {
+        if (this.autoSaveOnIdle) {
+            if (!isNullOrUndefined(this.saveInterval)) {
+                clearTimeout(this.timeInterval);
+                this.timeInterval = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
+            }
+        }
+    }
     /**
      * invokeChangeEvent method
      * @hidden
@@ -21201,6 +21410,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     wireEvents() {
         this.element.addEventListener('focusin', this.onFocusHandler, true);
         this.element.addEventListener('focusout', this.onBlurHandler, true);
+        this.on(contentChanged, this.contentChanged, this);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -21275,6 +21485,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     unWireEvents() {
         this.element.removeEventListener('focusin', this.onFocusHandler, true);
         this.element.removeEventListener('focusout', this.onBlurHandler, true);
+        this.off(contentChanged, this.contentChanged);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -21345,6 +21556,9 @@ __decorate$1([
 __decorate$1([
     Property(null)
 ], RichTextEditor.prototype, "placeholder", void 0);
+__decorate$1([
+    Property(false)
+], RichTextEditor.prototype, "autoSaveOnIdle", void 0);
 __decorate$1([
     Property(false)
 ], RichTextEditor.prototype, "readonly", void 0);
@@ -21426,6 +21640,9 @@ __decorate$1([
 __decorate$1([
     Event()
 ], RichTextEditor.prototype, "dialogOpen", void 0);
+__decorate$1([
+    Event()
+], RichTextEditor.prototype, "beforeDialogClose", void 0);
 __decorate$1([
     Event()
 ], RichTextEditor.prototype, "dialogClose", void 0);
@@ -21540,5 +21757,5 @@ RichTextEditor = __decorate$1([
  * Rich Text Editor component exported items
  */
 
-export { Toolbar$1 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, executeGroup, created, destroyed, load, initialLoad, 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, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, toolbarStatusUpdate, 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, dialogOpen, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, 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_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_TB_STATIC, 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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, 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 };
+export { Toolbar$1 as Toolbar, KeyboardEvents$1 as KeyboardEvents, BaseToolbar, BaseQuickToolbar, QuickToolbar, Count, ColorPickerInput, MarkdownToolbarStatus, ExecCommandCallBack, ToolbarAction, MarkdownEditor, HtmlEditor, PasteCleanup, Resize, DropDownButtons, FullScreen, setAttributes, HtmlToolbarStatus, XhtmlValidation, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, 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, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, toolbarStatusUpdate, 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, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, afterImageDelete, drop, xhtmlValidation, 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_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_TB_STATIC, 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, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, ServiceLocator, RendererFactory, EditorManager, IMAGE, TABLE, LINK, INSERT_ROW, INSERT_COLUMN, DELETEROW, DELETECOLUMN, REMOVETABLE, TABLEHEADER, TABLE_VERTICAL_ALIGN, 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 };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map