@syncfusion/ej2-richtexteditor 25.1.38 → 25.1.39

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

@@ -3089,40 +3089,6 @@ function getTooltipText(item, serviceLocator) {
     const tooltipText = i10n.getConstant(itemLocale);
     return tooltipText;
 }
-function getTooltipTextDropdownItems(item, serviceLocator, localeItems, rteObj) {
-    if (localeItems) {
-        const i10n = serviceLocator.getService('rteLocale');
-        for (let i = 0; i < localeItems.length; i++) {
-            const itemLocale = localeItems[i].value.toLocaleLowerCase();
-            const numberValue = localeItems[i].locale;
-            const numberLocale = defaultLocale[`${numberValue}`].toLocaleLowerCase();
-            if (item === itemLocale || item === numberLocale) {
-                const tooltipText = localeItems[i].locale;
-                return i10n.getConstant(tooltipText);
-            }
-        }
-    }
-    else {
-        const fontsize = rteObj.fontSize.items;
-        for (let i = 0; i < fontsize.length; i++) {
-            if (item === rteObj.fontSize.items[i].value) {
-                const fontSize$$1 = rteObj.fontSize.items[i].text;
-                return fontSize$$1;
-            }
-        }
-    }
-    return '';
-}
-function getQuickToolbarTooltipText(item) {
-    const keys = Object.keys(defaultLocale);
-    for (let i = 0; i < keys.length; i++) {
-        const tooltipText = defaultLocale[`${keys[i]}`];
-        if (item === tooltipText) {
-            return tooltipText;
-        }
-    }
-    return '';
-}
 /**
  * @param {ISetToolbarStatusArgs} e - specifies the e element
  * @param {boolean} isPopToolbar - specifies the boolean value
@@ -3591,6 +3557,1386 @@ function updateDropDownFontFormatLocale(self) {
     });
 }
 
+/**
+ * Is formatted or not.
+ *
+ * @hidden
+ * @deprecated
+ */
+class IsFormatted {
+    /**
+     * getFormattedNode method
+     *
+     * @param {Node} node - specifies the node.
+     * @param {string} format - specifies the string value.
+     * @param {Node} endNode - specifies the end node
+     * @returns {Node} - returns the node
+     * @hidden
+     * @deprecated
+     */
+    getFormattedNode(node, format, endNode) {
+        const parentNode = this.getFormatParent(node, format, endNode);
+        if (parentNode !== null && parentNode !== endNode) {
+            return parentNode;
+        }
+        return null;
+    }
+    getFormatParent(node, format, endNode) {
+        do {
+            node = node.parentNode;
+        } while (node && (node !== endNode) && !this.isFormattedNode(node, format));
+        return node;
+    }
+    isFormattedNode(node, format) {
+        switch (format) {
+            case 'bold':
+                return IsFormatted.isBold(node);
+            case 'italic':
+                return IsFormatted.isItalic(node);
+            case 'underline':
+                return IsFormatted.isUnderline(node);
+            case 'strikethrough':
+                return IsFormatted.isStrikethrough(node);
+            case 'superscript':
+                return IsFormatted.isSuperscript(node);
+            case 'subscript':
+                return IsFormatted.isSubscript(node);
+            case 'fontcolor':
+                return this.isFontColor(node);
+            case 'fontname':
+                return this.isFontName(node);
+            case 'fontsize':
+                return this.isFontSize(node);
+            case 'backgroundcolor':
+                return this.isBackgroundColor(node);
+            default:
+                return false;
+        }
+    }
+    /**
+     * isBold method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    static isBold(node) {
+        const validTags = ['strong', 'b'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && node.style.fontWeight === 'bold') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * isItalic method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    static isItalic(node) {
+        const validTags = ['em', 'i'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && node.style.fontStyle === 'italic') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * isUnderline method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    static isUnderline(node) {
+        const validTags = ['u'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+            /* eslint-disable */
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && (node.style.textDecoration === 'underline' ||
+            node.style.textDecorationLine === 'underline')) {
+            /* eslint-enable */
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * isStrikethrough method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    static isStrikethrough(node) {
+        const validTags = ['del', 'strike'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+            /* eslint-disable */
+        }
+        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            node.style && (node.style.textDecoration === 'line-through' ||
+            node.style.textDecorationLine === 'line-through')) {
+            /* eslint-enable */
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * isSuperscript method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    static isSuperscript(node) {
+        const validTags = ['sup'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * isSubscript method
+     *
+     * @param {Node} node - specifies the node value
+     * @returns {boolean} - returns the boolean value
+     * @hidden
+     * @deprecated
+     */
+    static isSubscript(node) {
+        const validTags = ['sub'];
+        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    isFontColor(node) {
+        const color = node.style && node.style.color;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            color !== null && color !== '' && color !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    isBackgroundColor(node) {
+        const backColor = node.style && node.style.backgroundColor;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            backColor !== null && backColor !== '' && backColor !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    isFontSize(node) {
+        const size = node.style && node.style.fontSize;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            size !== null && size !== '' && size !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    isFontName(node) {
+        const name = node.style && node.style.fontFamily;
+        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
+            name !== null && name !== '' && name !== undefined) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+}
+// Get Formatted Node
+IsFormatted.inlineTags = [
+    'a',
+    'abbr',
+    'acronym',
+    'b',
+    'bdo',
+    'big',
+    'cite',
+    'code',
+    'dfn',
+    'em',
+    'font',
+    'i',
+    'kbd',
+    'label',
+    'q',
+    'samp',
+    'small',
+    'span',
+    'strong',
+    'sub',
+    'sup',
+    'tt',
+    'u',
+    'var',
+    'del'
+];
+
+/**
+ * Constant values for EditorManager
+ */
+/**
+ * Image plugin events
+ *
+ * @hidden
+ */
+const IMAGE = 'INSERT-IMAGE';
+const AUDIO = 'INSERT-AUDIO';
+const VIDEO = 'INSERT-VIDEO';
+const TABLE = 'INSERT-TABLE';
+const LINK = 'INSERT-LINK';
+const INSERT_ROW = 'INSERT-ROW';
+const INSERT_COLUMN = 'INSERT-COLUMN';
+const DELETEROW = 'DELETE-ROW';
+const DELETECOLUMN = 'DELETE-COLUMN';
+const REMOVETABLE = 'REMOVE-TABLE';
+const TABLEHEADER = 'TABLE-HEADER';
+const TABLE_VERTICAL_ALIGN = 'TABLE_VERTICAL_ALIGN';
+const TABLE_MERGE = 'TABLE_MERGE';
+const TABLE_VERTICAL_SPLIT = 'TABLE_VERTICAL_SPLIT';
+const TABLE_HORIZONTAL_SPLIT = 'TABLE_HORIZONTAL_SPLIT';
+const TABLE_MOVE = 'TABLE_MOVE';
+/**
+ * Alignments plugin events
+ *
+ * @hidden
+ */
+const ALIGNMENT_TYPE = 'alignment-type';
+/**
+ * Indents plugin events
+ *
+ * @hidden
+ */
+const INDENT_TYPE = 'indent-type';
+/**
+ * Constant tag names
+ *
+ * @hidden
+ */
+const DEFAULT_TAG = 'p';
+/**
+ * @hidden
+ */
+const BLOCK_TAGS = ['address', 'article', 'aside', 'audio', 'blockquote',
+    'canvas', 'details', 'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer',
+    'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main', 'nav',
+    'noscript', 'ol', 'output', 'p', 'pre', 'section', 'table', 'tbody', 'td', 'tfoot', 'th',
+    'thead', 'tr', 'ul', 'video', 'body'];
+/**
+ * @hidden
+ */
+const IGNORE_BLOCK_TAGS = ['td', 'th'];
+/**
+ * @hidden
+ */
+const TABLE_BLOCK_TAGS = ['table', 'tbody', 'td', 'tfoot', 'th',
+    'thead', 'tr'];
+/**
+ * Selection plugin events
+ *
+ * @hidden
+ */
+const SELECTION_TYPE = 'selection-type';
+/**
+ * Insert HTML plugin events
+ *
+ * @hidden
+ */
+const INSERTHTML_TYPE = 'inserthtml-type';
+/**
+ * Insert Text plugin events
+ *
+ * @hidden
+ */
+const INSERT_TEXT_TYPE = 'insert-text-type';
+/**
+ * Clear Format HTML plugin events
+ *
+ * @hidden
+ */
+const CLEAR_TYPE = 'clear-type';
+/**
+ * Self closing tags
+ *
+ * @hidden
+ */
+const SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
+/**
+ * Source
+ *
+ * @hidden
+ */
+const PASTE_SOURCE = ['word', 'excel', 'onenote'];
+
+/**
+ * `Selection` module is used to handle RTE Selections.
+ */
+class NodeSelection {
+    constructor() {
+        this.startNodeName = [];
+        this.endNodeName = [];
+    }
+    saveInstance(range, body) {
+        this.range = range.cloneRange();
+        this.rootNode = this.documentFromRange(range);
+        this.body = body;
+        this.startContainer = this.getNodeArray(range.startContainer, true);
+        this.endContainer = this.getNodeArray(range.endContainer, false);
+        this.startOffset = range.startOffset;
+        this.endOffset = range.endOffset;
+        this.html = this.body.innerHTML;
+        return this;
+    }
+    documentFromRange(range) {
+        return (9 === range.startContainer.nodeType) ? range.startContainer : range.startContainer.ownerDocument;
+    }
+    getRange(docElement) {
+        const select$$1 = this.get(docElement);
+        const range = select$$1 && select$$1.rangeCount > 0 ? select$$1.getRangeAt(select$$1.rangeCount - 1) : docElement.createRange();
+        return (range.startContainer !== docElement || range.endContainer !== docElement
+            || range.startOffset || range.endOffset || (range.setStart(docElement.body, 0), range.collapse(!0)), range);
+    }
+    /**
+     * get method
+     *
+     * @param {Document} docElement - specifies the get function
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    get(docElement) {
+        return docElement.defaultView.getSelection();
+    }
+    /**
+     * save method
+     *
+     * @param {Range} range - range value.
+     * @param {Document} docElement - specifies the document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    save(range, docElement) {
+        range = (range) ? range.cloneRange() : this.getRange(docElement);
+        return this.saveInstance(range, docElement.body);
+    }
+    /**
+     * getIndex method
+     *
+     * @param {Node} node - specifies the node value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getIndex(node) {
+        let index;
+        let num = 0;
+        node = !node.previousSibling && node.tagName === 'BR' ? node : node.previousSibling;
+        if (node) {
+            for (let type = node.nodeType; node; null) {
+                index = node.nodeType;
+                num++;
+                //eslint-disable-next-line
+                type = index;
+                node = node.previousSibling;
+            }
+        }
+        return num;
+    }
+    isChildNode(nodeCollection, parentNode) {
+        for (let index = 0; index < parentNode.childNodes.length; index++) {
+            if (nodeCollection.indexOf(parentNode.childNodes[index]) > -1) {
+                return true;
+            }
+        }
+        return false;
+    }
+    getNode(startNode, endNode, nodeCollection) {
+        if (endNode === startNode &&
+            (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
+                || this.isChildNode(nodeCollection, startNode))) {
+            return null;
+        }
+        if (startNode.nodeType === 3 && startNode.previousSibling === endNode && endNode.nodeName === 'IMG') {
+            return null;
+        }
+        if (nodeCollection.indexOf(startNode.firstChild) === -1 && startNode.firstChild && !this.isChildNode(nodeCollection, startNode)) {
+            return startNode.firstChild;
+        }
+        if (startNode.nextSibling) {
+            return startNode.nextSibling;
+        }
+        if (!startNode.parentNode) {
+            return null;
+        }
+        else {
+            return startNode.parentNode;
+        }
+    }
+    /**
+     * getNodeCollection method
+     *
+     * @param {Range} range -specifies the range.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getNodeCollection(range) {
+        let startNode = range.startContainer.childNodes[range.startOffset]
+            || range.startContainer;
+        const endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
+            || range.endContainer;
+        if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
+            startNode.childNodes.length === 0) {
+            return [startNode];
+        }
+        if (range.startOffset === range.endOffset && range.startOffset !== 0 && range.startContainer.nodeName === 'PRE') {
+            return [startNode.nodeName === 'BR' || startNode.nodeName === '#text' ? startNode : startNode.childNodes[0]];
+        }
+        const nodeCollection = [];
+        do {
+            if (nodeCollection.indexOf(startNode) === -1) {
+                nodeCollection.push(startNode);
+            }
+            startNode = this.getNode(startNode, endNode, nodeCollection);
+        } while (startNode);
+        return nodeCollection;
+    }
+    /**
+     * getParentNodeCollection method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getParentNodeCollection(range) {
+        return this.getParentNodes(this.getNodeCollection(range), range);
+    }
+    /**
+     * getParentNodes method
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @param {Range} range - specifies the range values.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getParentNodes(nodeCollection, range) {
+        nodeCollection = nodeCollection.reverse();
+        for (let index = 0; index < nodeCollection.length; index++) {
+            if ((nodeCollection.indexOf(nodeCollection[index].parentNode) !== -1)
+                || (nodeCollection[index].nodeType === 3 &&
+                    range.startContainer !== range.endContainer &&
+                    range.startContainer.parentNode !== range.endContainer.parentNode)) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+            else if (nodeCollection[index].nodeType === 3) {
+                nodeCollection[index] = nodeCollection[index].parentNode;
+            }
+        }
+        return nodeCollection;
+    }
+    /**
+     * getSelectionNodeCollection method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getSelectionNodeCollection(range) {
+        return this.getSelectionNodes(this.getNodeCollection(range));
+    }
+    /**
+     * getSelectionNodeCollection along with BR node method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getSelectionNodeCollectionBr(range) {
+        return this.getSelectionNodesBr(this.getNodeCollection(range));
+    }
+    /**
+     * getParentNodes method
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getSelectionNodes(nodeCollection) {
+        nodeCollection = nodeCollection.reverse();
+        // eslint-disable-next-line
+        const regEx = new RegExp(String.fromCharCode(8203), 'g');
+        for (let index = 0; index < nodeCollection.length; index++) {
+            if (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
+                (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx)))) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+        }
+        return nodeCollection.reverse();
+    }
+    /**
+     * Get selection text nodes with br method.
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getSelectionNodesBr(nodeCollection) {
+        nodeCollection = nodeCollection.reverse();
+        // eslint-disable-next-line
+        const regEx = new RegExp(String.fromCharCode(8203), 'g');
+        for (let index = 0; index < nodeCollection.length; index++) {
+            if (nodeCollection[index].nodeName !== 'BR' &&
+                (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
+                    (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx))))) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+        }
+        return nodeCollection.reverse();
+    }
+    /**
+     * getInsertNodeCollection method
+     *
+     * @param {Range} range - specifies the range value.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getInsertNodeCollection(range) {
+        return this.getInsertNodes(this.getNodeCollection(range));
+    }
+    /**
+     * getInsertNodes method
+     *
+     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getInsertNodes(nodeCollection) {
+        nodeCollection = nodeCollection.reverse();
+        for (let index = 0; index < nodeCollection.length; index++) {
+            if ((nodeCollection[index].childNodes.length !== 0 &&
+                nodeCollection[index].nodeType !== 3) ||
+                (nodeCollection[index].nodeType === 3 &&
+                    nodeCollection[index].textContent === '')) {
+                nodeCollection.splice(index, 1);
+                index--;
+            }
+        }
+        return nodeCollection.reverse();
+    }
+    /**
+     * getNodeArray method
+     *
+     * @param {Node} node - specifies the node content.
+     * @param {boolean} isStart - specifies the boolean value.
+     * @param {Document} root - specifies the root document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getNodeArray(node, isStart, root) {
+        const array = [];
+        // eslint-disable-next-line
+        ((isStart) ? (this.startNodeName = []) : (this.endNodeName = []));
+        for (; node !== (root ? root : this.rootNode); null) {
+            if (isNullOrUndefined(node)) {
+                break;
+            }
+            // eslint-disable-next-line
+            (isStart) ? this.startNodeName.push(node.nodeName.toLowerCase()) : this.endNodeName.push(node.nodeName.toLowerCase());
+            array.push(this.getIndex(node));
+            node = node.parentNode;
+        }
+        return array;
+    }
+    setRangePoint(range, isvalid, num, size) {
+        let node = this.rootNode;
+        let index = num.length;
+        let constant = size;
+        for (; index--; null) {
+            node = node && node.childNodes[num[index]];
+        }
+        if (node && constant >= 0 && node.nodeName !== 'html') {
+            if (node.nodeType === 3 && node.nodeValue.replace(/\u00a0/g, '&nbsp;') === '&nbsp;') {
+                constant = node.textContent.length;
+            }
+            range[isvalid ? 'setStart' : 'setEnd'](node, constant);
+        }
+        return range;
+    }
+    /**
+     * restore method
+     *
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    restore() {
+        let range = this.range.cloneRange();
+        range = this.setRangePoint(range, true, this.startContainer, this.startOffset);
+        range = this.setRangePoint(range, false, this.endContainer, this.endOffset);
+        this.selectRange(this.rootNode, range);
+        return range;
+    }
+    selectRange(docElement, range) {
+        this.setRange(docElement, range);
+        this.save(range, docElement);
+    }
+    /**
+     * setRange method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Range} range - specifies the range.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    setRange(docElement, range) {
+        const selection = this.get(docElement);
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+    /**
+     * setSelectionText method
+     *
+     * @param {Document} docElement - specifies the documrent
+     * @param {Node} startNode - specifies the starting node.
+     * @param {Node} endNode - specifies the the end node.
+     * @param {number} startIndex - specifies the starting index.
+     * @param {number} endIndex - specifies the end index.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    setSelectionText(docElement, startNode, endNode, startIndex, endIndex) {
+        const range = docElement.createRange();
+        range.setStart(startNode, startIndex);
+        range.setEnd(endNode, endIndex);
+        this.setRange(docElement, range);
+    }
+    /**
+     * setSelectionContents method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Node} element - specifies the node.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    setSelectionContents(docElement, element) {
+        const range = docElement.createRange();
+        range.selectNode(element);
+        this.setRange(docElement, range);
+    }
+    /**
+     * setSelectionNode method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Node} element - specifies the node.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    setSelectionNode(docElement, element) {
+        const range = docElement.createRange();
+        range.selectNodeContents(element);
+        this.setRange(docElement, range);
+    }
+    /**
+     * getSelectedNodes method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    getSelectedNodes(docElement) {
+        return this.getNodeCollection(this.getRange(docElement));
+    }
+    /**
+     * Clear method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    Clear(docElement) {
+        this.get(docElement).removeAllRanges();
+    }
+    /**
+     * insertParentNode method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Node} newNode - specicfies the new node.
+     * @param {Range} range - specifies the range.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    insertParentNode(docElement, newNode, range) {
+        range.surroundContents(newNode);
+        this.selectRange(docElement, range);
+    }
+    /**
+     * setCursorPoint method
+     *
+     * @param {Document} docElement - specifies the document.
+     * @param {Element} element - specifies the element.
+     * @param {number} point - specifies the point.
+     * @returns {void}
+     * @hidden
+     * @deprecated
+     */
+    setCursorPoint(docElement, element, point) {
+        const range = docElement.createRange();
+        const selection = docElement.defaultView.getSelection();
+        range.setStart(element, point);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+}
+
+/**
+ * `Selection` module is used to handle RTE Selections.
+ */
+
+/**
+ * Defines common util methods used by Rich Text Editor.
+ */
+const inlineNode$1 = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
+    'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
+    'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress',
+    'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'svg',
+    'template', 'textarea', 'time', 'u', 'tt', 'var', 'video', 'wbr'];
+/**
+ * @returns {void}
+ * @hidden
+ */
+function isIDevice$1() {
+    let result = false;
+    if (Browser.isDevice && Browser.isIos) {
+        result = true;
+    }
+    return result;
+}
+/**
+ * @param {Element} editableElement - specifies the editable element.
+ * @param {string} selector - specifies the string values.
+ * @returns {void}
+ * @hidden
+ */
+function setEditFrameFocus(editableElement, selector) {
+    if (editableElement.nodeName === 'BODY' && !isNullOrUndefined(selector)) {
+        const iframe = top.window.document.querySelector(selector);
+        if (!isNullOrUndefined(iframe)) {
+            iframe.contentWindow.focus();
+        }
+    }
+}
+/**
+ * @param {string} value - specifies the string value
+ * @param {string} enterAction - specifies the enter key action API
+ * @returns {void}
+ * @hidden
+ */
+function updateTextNode$1(value, enterAction) {
+    const tempNode = document.createElement('div');
+    tempNode.innerHTML = value;
+    tempNode.setAttribute('class', 'tempDiv');
+    const resultElm = document.createElement('div');
+    const childNodes = tempNode.childNodes;
+    if (childNodes.length > 0) {
+        let isPreviousInlineElem;
+        let previousParent;
+        let paraElm;
+        while (tempNode.firstChild) {
+            if ((tempNode.firstChild.nodeName === '#text' &&
+                (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
+                inlineNode$1.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
+                if (!isPreviousInlineElem) {
+                    if (enterAction === 'BR') {
+                        resultElm.appendChild(tempNode.firstChild);
+                        previousParent = resultElm;
+                    }
+                    else {
+                        paraElm = createElement('p');
+                        resultElm.appendChild(paraElm);
+                        paraElm.appendChild(tempNode.firstChild);
+                        previousParent = paraElm;
+                        isPreviousInlineElem = true;
+                    }
+                }
+                else {
+                    previousParent.appendChild(tempNode.firstChild);
+                    previousParent = paraElm;
+                    isPreviousInlineElem = true;
+                }
+            }
+            else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
+                (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
+                detach(tempNode.firstChild);
+            }
+            else {
+                resultElm.appendChild(tempNode.firstChild);
+                isPreviousInlineElem = false;
+            }
+        }
+        const tableElm = resultElm.querySelectorAll('table');
+        for (let i = 0; i < tableElm.length; i++) {
+            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
+                tableElm[i].classList.add('e-rte-paste-table');
+                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-word-table');
+                    continue; // Skiping the removal of the border if the source is from word.
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-excel-table');
+                    if (tableElm[i].getAttribute('border') === '0') {
+                        tableElm[i].removeAttribute('border');
+                    }
+                    const tdElm = tableElm[i].querySelectorAll('td');
+                    for (let j = 0; j < tdElm.length; j++) {
+                        if (tdElm[j].style.borderLeft === 'none') {
+                            tdElm[j].style.removeProperty('border-left');
+                        }
+                        if (tdElm[j].style.borderRight === 'none') {
+                            tdElm[j].style.removeProperty('border-right');
+                        }
+                        if (tdElm[j].style.borderBottom === 'none') {
+                            tdElm[j].style.removeProperty('border-bottom');
+                        }
+                        if (tdElm[j].style.borderTop === 'none') {
+                            tdElm[j].style.removeProperty('border-top');
+                        }
+                        if (tdElm[j].style.border === 'none') {
+                            tdElm[j].style.removeProperty('border');
+                        }
+                    }
+                }
+                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                    continue;
+                }
+            }
+        }
+        const imageElm = resultElm.querySelectorAll('img');
+        for (let i = 0; i < imageElm.length; i++) {
+            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+                continue; // Should not add the class if the image is Broken.
+            }
+            if (!imageElm[i].classList.contains('e-rte-image')) {
+                imageElm[i].classList.add('e-rte-image');
+            }
+            if (!(imageElm[i].classList.contains('e-imginline') ||
+                imageElm[i].classList.contains('e-imgbreak'))) {
+                imageElm[i].classList.add('e-imginline');
+            }
+        }
+    }
+    return resultElm.innerHTML;
+}
+/**
+ * @param {Node} startChildNodes - specifies the node
+ * @returns {void}
+ * @hidden
+ */
+function getLastTextNode(startChildNodes) {
+    let finalNode = startChildNodes;
+    do {
+        if (finalNode.childNodes.length > 0) {
+            finalNode = finalNode.childNodes[0];
+        }
+    } while (finalNode.childNodes.length > 0);
+    return finalNode;
+}
+/**
+ * @returns {void}
+ * @hidden
+ */
+function getDefaultHtmlTbStatus() {
+    return {
+        bold: false,
+        italic: false,
+        subscript: false,
+        superscript: false,
+        strikethrough: false,
+        orderedlist: false,
+        unorderedlist: false,
+        numberFormatList: false,
+        bulletFormatList: false,
+        underline: false,
+        alignments: null,
+        backgroundcolor: null,
+        fontcolor: null,
+        fontname: null,
+        fontsize: null,
+        formats: null,
+        createlink: false,
+        insertcode: false
+    };
+}
+/**
+ * @returns {void}
+ * @hidden
+ */
+function getDefaultMDTbStatus() {
+    return {
+        bold: false,
+        italic: false,
+        subscript: false,
+        superscript: false,
+        strikethrough: false,
+        orderedlist: false,
+        uppercase: false,
+        lowercase: false,
+        inlinecode: false,
+        unorderedlist: false,
+        formats: null
+    };
+}
+/**
+ * @param {Range} range - specifies the range
+ * @returns {void}
+ * @hidden
+ */
+function nestedListCleanUp(range) {
+    if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+        range.extractContents();
+        while ((range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty').length > 0 ||
+            (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('ol :empty').length > 0) {
+            let emptyLI = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty');
+            if (emptyLI.length > 0) {
+                emptyLI.forEach((item) => {
+                    item.remove();
+                });
+            }
+        }
+        let liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
+        if (liElem.length > 0) {
+            liElem.forEach((item) => {
+                if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
+                    item.style.listStyleType = "none";
+                }
+            });
+        }
+    }
+}
+
+/**
+ * Update Toolbar Status
+ *
+ * @hidden
+ * @deprecated
+ */
+const statusCollection = getDefaultHtmlTbStatus();
+class ToolbarStatus {
+    /**
+     * get method
+     *
+     * @param {Document} docElement - specifies the document element
+     * @param {Node} rootNode - specifies the content editable element
+     * @param {string[]} formatNode - specifies the format node
+     * @param {string[]} fontSize - specifies the font size
+     * @param {string[]} fontName - specifies the font name.
+     * @param {Node} documentNode - specifies the document node.
+     * @returns {IToolbarStatus} - returns the toolbar status
+     * @hidden
+     * @deprecated
+     */
+    static get(docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
+        let formatCollection = JSON.parse(JSON.stringify(statusCollection));
+        const nodeCollection = JSON.parse(JSON.stringify(statusCollection));
+        const nodeSelection = new NodeSelection();
+        const range = nodeSelection.getRange(docElement);
+        const nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
+            nodeSelection.getSelectionNodeCollectionBr(range);
+        const nodesLength = nodes.length;
+        let isNodeChanged = false;
+        for (let index = 0; index < nodes.length; index++) {
+            while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
+                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&
+                (this.getImmediateBlockNode(nodes[index].parentNode)).textContent.replace(/\u200B/g, '').length === 0 &&
+                range.startContainer.textContent.replace(/\u200B/g, '').length === 0 &&
+                nodeSelection.get(docElement).toString().replace(/\u200B/g, '').length === 0) {
+                nodes[index] = nodes[index].parentNode.lastElementChild.firstChild;
+                isNodeChanged = true;
+            }
+            if (isNodeChanged && nodes[index]) {
+                nodeSelection.setCursorPoint(docElement, nodes[index], nodes[index].textContent.length);
+                isNodeChanged = false;
+            }
+            if ((nodes[index].nodeName !== 'BR' && nodes[index].nodeType !== 3) ||
+                (nodesLength > 1 && nodes[index].nodeType === 3 && nodes[index].textContent.trim() === '')) {
+                nodes.splice(index, 1);
+                index--;
+            }
+        }
+        for (let index = 0; index < nodes.length; index++) {
+            // eslint-disable-next-line max-len
+            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], rootNode, formatNode, fontSize, fontName);
+            if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
+                nodeCollection.bold = formatCollection.bold;
+            }
+            if ((index === 0 && formatCollection.insertcode) || !formatCollection.insertcode) {
+                nodeCollection.insertcode = formatCollection.insertcode;
+            }
+            if ((index === 0 && formatCollection.italic) || !formatCollection.italic) {
+                nodeCollection.italic = formatCollection.italic;
+            }
+            if ((index === 0 && formatCollection.underline) || !formatCollection.underline) {
+                nodeCollection.underline = formatCollection.underline;
+            }
+            if ((index === 0 && formatCollection.strikethrough) || !formatCollection.strikethrough) {
+                nodeCollection.strikethrough = formatCollection.strikethrough;
+            }
+            if ((index === 0 && formatCollection.superscript) || !formatCollection.superscript) {
+                nodeCollection.superscript = formatCollection.superscript;
+            }
+            if ((index === 0 && formatCollection.subscript) || !formatCollection.subscript) {
+                nodeCollection.subscript = formatCollection.subscript;
+            }
+            if ((index === 0 && formatCollection.fontcolor) || !formatCollection.fontcolor) {
+                nodeCollection.fontcolor = formatCollection.fontcolor;
+            }
+            if (index === 0 && formatCollection.fontname) {
+                nodeCollection.fontname = formatCollection.fontname;
+            }
+            else {
+                nodeCollection.fontname = formatCollection.fontname === nodeCollection.fontname ? formatCollection.fontname : 'empty';
+            }
+            if (index === 0 && formatCollection.fontsize) {
+                nodeCollection.fontsize = formatCollection.fontsize;
+            }
+            else {
+                nodeCollection.fontsize = formatCollection.fontsize === nodeCollection.fontsize ? formatCollection.fontsize : 'empty';
+            }
+            if ((index === 0 && formatCollection.backgroundcolor) || !formatCollection.backgroundcolor) {
+                nodeCollection.backgroundcolor = formatCollection.backgroundcolor;
+            }
+            if ((index === 0 && formatCollection.orderedlist) || !formatCollection.orderedlist) {
+                nodeCollection.orderedlist = formatCollection.orderedlist;
+            }
+            if ((index === 0 && formatCollection.unorderedlist) || !formatCollection.unorderedlist) {
+                nodeCollection.unorderedlist = formatCollection.unorderedlist;
+            }
+            if ((index === 0 && formatCollection.alignments) || !formatCollection.alignments) {
+                nodeCollection.alignments = formatCollection.alignments;
+            }
+            if (index === 0 && formatCollection.formats) {
+                nodeCollection.formats = formatCollection.formats;
+            }
+            else {
+                nodeCollection.formats = formatCollection.formats === nodeCollection.formats ? formatCollection.formats : 'empty';
+            }
+            if ((index === 0 && formatCollection.createlink) || !formatCollection.createlink) {
+                nodeCollection.createlink = formatCollection.createlink;
+            }
+            if ((index === 0 && formatCollection.numberFormatList) || !formatCollection.numberFormatList) {
+                nodeCollection.numberFormatList = formatCollection.numberFormatList;
+            }
+            if ((index === 0 && formatCollection.bulletFormatList) || !formatCollection.bulletFormatList) {
+                nodeCollection.bulletFormatList = formatCollection.bulletFormatList;
+            }
+            formatCollection = JSON.parse(JSON.stringify(statusCollection));
+        }
+        return nodeCollection;
+    }
+    static getImmediateBlockNode(node) {
+        do {
+            node = node.parentNode;
+        } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
+        return node;
+    }
+    static getFormatParent(docElement, formatCollection, node, targetNode, formatNode, fontSize, fontName) {
+        let isListUpdated = false;
+        let isComplexListUpdated = false;
+        if (targetNode.contains(node) ||
+            (node.nodeType === 3 && targetNode.nodeType !== 3 && targetNode.contains(node.parentNode))) {
+            do {
+                formatCollection = this.isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName);
+                if (formatCollection.orderedlist || formatCollection.unorderedlist) {
+                    isListUpdated = true;
+                }
+                if (formatCollection.bulletFormatList || formatCollection.numberFormatList) {
+                    isComplexListUpdated = true;
+                }
+                node = node.parentNode;
+            } while (node && (node !== targetNode));
+        }
+        return formatCollection;
+    }
+    static isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName) {
+        if (!formatCollection.bold) {
+            formatCollection.bold = IsFormatted.isBold(node);
+        }
+        if (!formatCollection.italic) {
+            formatCollection.italic = IsFormatted.isItalic(node);
+        }
+        if (!formatCollection.underline) {
+            formatCollection.underline = IsFormatted.isUnderline(node);
+        }
+        if (!formatCollection.strikethrough) {
+            formatCollection.strikethrough = IsFormatted.isStrikethrough(node);
+        }
+        if (!formatCollection.superscript) {
+            formatCollection.superscript = IsFormatted.isSuperscript(node);
+        }
+        if (!formatCollection.subscript) {
+            formatCollection.subscript = IsFormatted.isSubscript(node);
+        }
+        if (!formatCollection.fontcolor) {
+            formatCollection.fontcolor = this.isFontColor(docElement, node);
+        }
+        if (!formatCollection.fontname) {
+            formatCollection.fontname = this.isFontName(docElement, node, fontName);
+        }
+        if (!formatCollection.fontsize) {
+            formatCollection.fontsize = this.isFontSize(docElement, node, fontSize);
+        }
+        if (!formatCollection.backgroundcolor) {
+            formatCollection.backgroundcolor = this.isBackgroundColor(node);
+        }
+        if (!formatCollection.orderedlist && !isListUpdated) {
+            formatCollection.orderedlist = this.isOrderedList(node);
+        }
+        if (!formatCollection.unorderedlist && !isListUpdated) {
+            formatCollection.unorderedlist = this.isUnorderedList(node);
+        }
+        if (!formatCollection.alignments) {
+            formatCollection.alignments = this.isAlignment(node);
+        }
+        if (!formatCollection.formats) {
+            formatCollection.formats = this.isFormats(node, formatNode);
+            if (formatCollection.formats === 'pre') {
+                formatCollection.insertcode = true;
+            }
+        }
+        if (!formatCollection.createlink) {
+            formatCollection.createlink = this.isLink(node);
+        }
+        if (!formatCollection.numberFormatList && !isComplexListUpdated) {
+            formatCollection.numberFormatList = this.isNumberFormatList(node);
+        }
+        if (!formatCollection.bulletFormatList && !isComplexListUpdated) {
+            formatCollection.bulletFormatList = this.isBulletFormatList(node);
+        }
+        return formatCollection;
+    }
+    static isFontColor(docElement, node) {
+        let color = node.style && node.style.color;
+        if ((color === null || color === undefined || color === '') && node.nodeType !== 3) {
+            color = this.getComputedStyle(docElement, node, 'color');
+        }
+        if (color !== null && color !== '' && color !== undefined) {
+            return color;
+        }
+        else {
+            return null;
+        }
+    }
+    static isLink(node) {
+        if (node.nodeName.toLocaleLowerCase() === 'a') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    static isBackgroundColor(node) {
+        const backColor = node.style && node.style.backgroundColor;
+        if (backColor !== null && backColor !== '' && backColor !== undefined) {
+            return backColor;
+        }
+        else {
+            return null;
+        }
+    }
+    static isFontSize(docElement, node, fontSize) {
+        let size = node.style && node.style.fontSize;
+        if ((size === null || size === undefined || size === '') && node.nodeType !== 3 &&
+            node.parentElement.classList.contains('e-content')) {
+            size = this.getComputedStyle(docElement, node, 'font-size');
+        }
+        if ((size !== null && size !== '' && size !== undefined)
+            && (fontSize === null || fontSize === undefined || (fontSize.indexOf(size) > -1))) {
+            return size;
+        }
+        else {
+            return null;
+        }
+    }
+    static isFontName(docElement, node, fontName) {
+        let name = node.style && node.style.fontFamily;
+        if ((name === null || name === undefined || name === '') && node.nodeType !== 3) {
+            name = this.getComputedStyle(docElement, node, 'font-family');
+        }
+        let index = null;
+        if ((name !== null && name !== '' && name !== undefined)
+            && (fontName === null || fontName === undefined || (fontName.filter((value, pos) => {
+                // eslint-disable-next-line
+                const pattern = new RegExp(name, 'i');
+                if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
+                    (value.split(',')[0] && !isNullOrUndefined(value.split(',')[0].trim().match(pattern)) &&
+                        value.split(',')[0].trim() === value.split(',')[0].trim().match(pattern)[0])) {
+                    index = pos;
+                }
+            }) && (index !== null)))) {
+            // eslint-disable-next-line
+            return (index !== null) ? fontName[index] : name.replace(/"/g, '');
+        }
+        else {
+            return null;
+        }
+    }
+    static isOrderedList(node) {
+        if (node.nodeName.toLocaleLowerCase() === 'ol') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    static isUnorderedList(node) {
+        if (node.nodeName.toLocaleLowerCase() === 'ul') {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    static isAlignment(node) {
+        const align = node.style && node.style.textAlign;
+        if (align === 'left') {
+            return 'justifyleft';
+        }
+        else if (align === 'center') {
+            return 'justifycenter';
+        }
+        else if (align === 'right') {
+            return 'justifyright';
+        }
+        else if (align === 'justify') {
+            return 'justifyfull';
+        }
+        else {
+            return null;
+        }
+    }
+    static isFormats(node, formatNode) {
+        if (((formatNode === undefined || formatNode === null)
+            && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) > -1)
+            || (formatNode !== null && formatNode !== undefined
+                && formatNode.indexOf(node.nodeName.toLocaleLowerCase()) > -1)) {
+            return node.nodeName.toLocaleLowerCase();
+        }
+        else {
+            return null;
+        }
+    }
+    static getComputedStyle(docElement, node, prop) {
+        return docElement.defaultView.getComputedStyle(node, null).getPropertyValue(prop);
+    }
+    static isNumberFormatList(node) {
+        const list = node.style && node.style.listStyleType;
+        if (list === 'lower-alpha') {
+            return 'Lower Alpha';
+        }
+        else if (list === 'number') {
+            return 'Number';
+        }
+        else if (list === 'upper-alpha') {
+            return 'Upper Alpha';
+        }
+        else if (list === 'lower-roman') {
+            return 'Lower Roman';
+        }
+        else if (list === 'upper-roman') {
+            return 'Upper Roman';
+        }
+        else if (list === 'lower-greek') {
+            return 'Lower Greek';
+        }
+        else if (list === 'none') {
+            return 'None';
+        }
+        else if (this.isOrderedList(node)) {
+            return true;
+        }
+        else {
+            return null;
+        }
+    }
+    static isBulletFormatList(node) {
+        const list = node.style && node.style.listStyleType;
+        if (list === 'circle') {
+            return 'Circle';
+        }
+        else if (list === 'square') {
+            return 'Square';
+        }
+        else if (list === 'none') {
+            return 'None';
+        }
+        else if (list === 'disc') {
+            return 'Disc';
+        }
+        else if (this.isUnorderedList(node)) {
+            return true;
+        }
+        else {
+            return null;
+        }
+    }
+}
+
 /**
  * `Toolbar renderer` module is used to render toolbar in RichTextEditor.
  *
@@ -3648,7 +4994,7 @@ class ToolbarRenderer {
         }
     }
     dropDownSelected(args) {
-        this.parent.notify(dropDownSelect, args);
+        this.parent.notify(dropDownSelect, { element: args.element, item: args.item, originalEvent: args.event });
         this.destroyTooltip();
     }
     beforeDropDownItemRender(args) {
@@ -3672,6 +5018,9 @@ class ToolbarRenderer {
                     break;
             }
         }
+        if (args.target.querySelector('.e-active')) {
+            args.cancel = true;
+        }
     }
     dropDownOpen(args) {
         if (args.element.parentElement.getAttribute('id').indexOf('TableCell') > -1 && !isNullOrUndefined(args.element.parentElement.querySelector('.e-cell-merge')) &&
@@ -3692,19 +5041,6 @@ class ToolbarRenderer {
                 addClass([listEle[1], listEle[2]], 'e-disabled');
             }
         }
-        if (this.parent.showTooltip) {
-            this.dropdownTooltip = new Tooltip({
-                target: '[aria-owns="' + this.parent.getID() + '"].e-rte-elements [title]',
-                showTipPointer: true,
-                openDelay: 400,
-                opensOn: 'Hover',
-                beforeRender: this.tooltipBeforeRender.bind(this),
-                cssClass: this.parent.getCssClass(),
-                windowCollision: true,
-                position: 'BottomCenter'
-            });
-            this.dropdownTooltip.appendTo(args.element);
-        }
         this.parent.notify(selectionSave, args);
     }
     dropDownClose(args) {
@@ -3849,11 +5185,22 @@ class ToolbarRenderer {
                     }
                     //Formats preselect
                     if (args.items[0].command === 'Formats' || args.items[0].command === 'Font') {
+                        const fontName = [];
+                        const formats = [];
+                        this.parent.format.types.forEach((item) => {
+                            formats.push(item.value.toLocaleLowerCase());
+                        });
+                        this.parent.fontFamily.items.forEach((item) => {
+                            fontName.push(item.value);
+                        });
+                        const toolbarStatus = ToolbarStatus.get(this.parent.contentModule.getDocument(), this.parent.contentModule.getEditPanel(), formats, null, fontName);
                         for (let index = 0; index < args.element.childNodes.length; index++) {
                             const divNode = this.parent.createElement('div');
                             divNode.innerHTML = dropDown.content.trim();
-                            if (divNode.textContent.trim() !== ''
-                                && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) {
+                            if ((divNode.textContent.trim() !== ''
+                                && args.element.childNodes[index].textContent.trim() === divNode.textContent.trim()) ||
+                                ((args.items[0].command === 'Formats' && !isNullOrUndefined(toolbarStatus.formats) && this.parent.format.types[index].value.toLowerCase() === toolbarStatus.formats.toLowerCase() && args.element.childNodes[index].classList.contains(this.parent.format.types[index].cssClass))
+                                    || (args.items[0].command === 'Font' && !isNullOrUndefined(toolbarStatus.fontname) && this.parent.fontFamily.items[index].value.toLowerCase() === toolbarStatus.fontname.toLowerCase() && args.element.childNodes[index].classList.contains(this.parent.fontFamily.items[index].cssClass)))) {
                                 if (!args.element.childNodes[index].classList.contains('e-active')) {
                                     addClass([args.element.childNodes[index]], 'e-active');
                                 }
@@ -4037,6 +5384,8 @@ class ToolbarRenderer {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: (dropDownArgs) => {
+                colorPicker.inline = true;
+                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -4174,18 +5523,14 @@ class ToolbarRenderer {
         const colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: true,
-            value: null,
-            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
+            inline: false,
+            value: '#fff',
             created: () => {
                 const value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
-                colorPicker.value = value;
+                colorPicker.setProperties({ value: value });
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
-            presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
-            columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
             beforeTileRender: (args) => {
                 args.element.classList.add(CLS_COLOR_PALETTE);
                 args.element.classList.add(CLS_CUSTOM_TILE);
@@ -4230,6 +5575,10 @@ class ToolbarRenderer {
             }
         });
         colorPicker.isStringTemplate = true;
+        colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
+        colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
+            this.parent.fontColor.colorCode;
+        colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
         colorPicker.createElement = this.parent.createElement;
         colorPicker.appendTo(document.getElementById(args.target));
         return colorPicker;
@@ -4427,15 +5776,16 @@ class BaseToolbar {
             for (let num = 0; num < items.length; num++) {
                 const tooltipText = items[num].tooltipText;
                 let shortCutKey;
+                const isMacDev = window.navigator.platform.toLocaleLowerCase().includes('mac');
                 if (windowKeys[`${tooltipText}`]) {
-                    shortCutKey = window.navigator.platform.toLocaleLowerCase().includes('mac') ? windowKeys[`${tooltipText}`].replace('Ctrl', 'Cmd') : windowKeys[`${tooltipText}`];
+                    shortCutKey = isMacDev ? windowKeys[`${tooltipText}`].replace('Ctrl+', '⌘').replace('Shift+', '⇧').replace('Alt+', '⌥') : windowKeys[`${tooltipText}`];
                 }
                 else {
                     shortCutKey = tooltipText;
                 }
                 if (shortCutKey) {
                     if (!(items[num].command === "Images" && items[num].subCommand === "InsertLink")) {
-                        items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
+                        items[num].tooltipText = (tooltipText !== shortCutKey) ? (isMacDev) ? shortCutKey : tooltipText + ' (' + shortCutKey + ')' : tooltipText;
                     }
                 }
             }
@@ -4485,28 +5835,10 @@ class DropDownButtons {
         if (item.cssClass) {
             addClass([args.element], item.cssClass);
         }
-        if (item.command === 'Images' || item.command === 'Videos' || item.command === 'Audios' || item.command === 'Table') {
-            args.element.setAttribute('title', getQuickToolbarTooltipText(item.text) !== '' ? getQuickToolbarTooltipText(item.text) : item.text);
-        }
         if (item.command === 'Alignments' || item.subCommand === 'JustifyLeft'
             || item.subCommand === 'JustifyRight' || item.subCommand === 'JustifyCenter') {
             args.element.setAttribute('title', getTooltipText(item.subCommand.toLocaleLowerCase(), this.locator));
         }
-        if (item.command === 'Formats') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.subCommand.toLocaleLowerCase(), this.locator, formatsLocale));
-        }
-        if (item.command === 'Font') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, fontNameLocale) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, fontNameLocale) : item.text);
-        }
-        if (item.subCommand === 'BulletFormatList') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, bulletFormatListLocale) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, bulletFormatListLocale) : item.text);
-        }
-        if (item.subCommand === 'NumberFormatList') {
-            args.element.setAttribute('title', (getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, numberFormatListLocale)) !== '' ? getTooltipTextDropdownItems(item.text.toLocaleLowerCase(), this.locator, numberFormatListLocale) : item.text);
-        }
-        if (item.subCommand === 'FontSize') {
-            args.element.setAttribute('title', getTooltipTextDropdownItems(item.value.toLocaleLowerCase(), null, null, this.parent));
-        }
     }
     dropdownContent(width, type, content) {
         return ('<span style="display: inline-flex;' + 'width:' + ((type === 'quick') ? 'auto' : width) + '" >' +
@@ -4807,7 +6139,7 @@ class DropDownButtons {
         if (targetElement.classList.contains(CLS_DROPDOWN_BTN)) {
             return;
         }
-        this.tableRowsDropDown = this.toolbarRenderer.renderDropDownButton({
+        this.tableCellDropDown = this.toolbarRenderer.renderDropDownButton({
             iconCss: 'e-table-cell e-icons',
             cssClass: CLS_DROPDOWN_POPUP + ' ' + CLS_DROPDOWN_ITEMS + ' ' + CLS_QUICK_DROPDOWN,
             itemName: 'TableCell',
@@ -4915,6 +6247,10 @@ class DropDownButtons {
             this.removeDropDownClasses(this.tableColumnsDropDown.element);
             this.tableColumnsDropDown.destroy();
         }
+        if (this.tableCellDropDown) {
+            this.removeDropDownClasses(this.tableCellDropDown.element);
+            this.tableCellDropDown.destroy();
+        }
         if (this.tableCellVerticalAlignDropDown) {
             this.removeDropDownClasses(this.tableCellVerticalAlignDropDown.element);
             this.tableCellVerticalAlignDropDown.destroy();
@@ -4968,7 +6304,7 @@ class DropDownButtons {
         const dropDownObj = [
             this.formatDropDown, this.fontNameDropDown, this.fontSizeDropDown, this.alignDropDown, this.imageAlignDropDown,
             this.displayDropDown, this.numberFormatListDropDown, this.bulletFormatListDropDown, this.tableRowsDropDown,
-            this.tableColumnsDropDown, this.tableCellVerticalAlignDropDown
+            this.tableColumnsDropDown, this.tableCellDropDown, this.tableCellVerticalAlignDropDown
         ];
         for (let i = 0; i < dropDownObj.length; i++) {
             this.updateCss(dropDownObj[i], e);
@@ -4986,7 +6322,7 @@ class DropDownButtons {
         this.parent.on(bindCssClass, this.setCssClass, this);
     }
     onIframeMouseDown() {
-        if (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0) {
+        if (!isNullOrUndefined(this.parent.getToolbarElement()) && (this.parent.getToolbarElement().querySelectorAll('.e-rte-dropdown-btn[aria-expanded="true"]').length > 0 || this.parent.getToolbarElement().querySelectorAll('.e-dropdown-btn.e-rte-inline-dropdown[aria-expanded="true"]').length > 0)) {
             dispatchEvent(document, 'mousedown');
         }
     }
@@ -6356,26 +7692,19 @@ class BaseQuickToolbar {
         }
         target = isAligned ? e.target : target;
         let targetOffsetLeft;
-        let currentOffsetWidth;
         if (!isNullOrUndefined(closest(target, 'table'))) {
             targetOffsetLeft = target.offsetLeft;
-            let parentTable = closest(target, 'table');
-            let checkOffSetParentWidth = false;
-            if (!isNullOrUndefined(closest(parentTable, 'TD'))) {
-                checkOffSetParentWidth = true;
-            }
+            let parentTable = closest(target.parentElement, 'td');
             while (!isNullOrUndefined(parentTable)) {
                 targetOffsetLeft += parentTable.offsetLeft;
-                currentOffsetWidth = checkOffSetParentWidth ? parentTable.offsetWidth : target.offsetWidth;
                 parentTable = closest(parentTable.parentElement, 'table');
             }
         }
         else {
-            currentOffsetWidth = target.offsetWidth;
             targetOffsetLeft = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft;
         }
-        if (currentOffsetWidth > e.popWidth) {
-            x = (currentOffsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
+        if (target.offsetWidth > e.popWidth) {
+            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
         }
         else {
             x = e.parentData.left + targetOffsetLeft;
@@ -6514,6 +7843,7 @@ class BaseQuickToolbar {
                         target: '#' + this.element.id + ' [title]',
                         openDelay: 400,
                         showTipPointer: true,
+                        beforeRender: this.tooltipBeforeRender.bind(this),
                         windowCollision: true,
                         position: 'BottomCenter',
                         cssClass: this.parent.getCssClass()
@@ -6574,6 +7904,11 @@ class BaseQuickToolbar {
             }
         });
     }
+    tooltipBeforeRender(args) {
+        if (args.target.querySelector('.e-active')) {
+            args.cancel = true;
+        }
+    }
     /**
      * hidePopup method
      *
@@ -6606,9 +7941,6 @@ class BaseQuickToolbar {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);
             }
         }
-        if (this.parent.showTooltip && !isNullOrUndefined(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(destroyTooltip, { args: event });
-        }
         this.removeEleFromDOM();
         this.isRendered = false;
     }
@@ -6817,6 +8149,7 @@ class PopupRenderer {
  */
 class QuickToolbar {
     constructor(parent, locator) {
+        this.debounceTimeout = 1000;
         this.parent = parent;
         this.locator = locator;
         this.renderFactory = this.locator.getService('rendererFactory');
@@ -7007,7 +8340,7 @@ class QuickToolbar {
         clearTimeout(this.deBouncer);
         this.deBouncer = window.setTimeout(() => {
             this.showInlineQTBar(x, y, target);
-        }, 1000);
+        }, this.debounceTimeout);
     }
     mouseUpHandler(e) {
         if (this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice())) {
@@ -7057,7 +8390,7 @@ class QuickToolbar {
             this.offsetY = pageYOffset(args, this.parent.element, this.parent.iframeSettings.enable);
             const range = this.parent.getRange();
             if ((range.endContainer.parentElement.tagName === range.startContainer.parentElement.tagName && (range.startContainer.parentElement.tagName === 'A' && range.endContainer.parentElement.tagName === 'A')) ||
-                (target.tagName === 'IMG') || (target.tagName === 'VIDEO') || (target.tagName === 'AUDIO') || (target.childNodes[0] && target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
+                (target.tagName === 'IMG') || (target.tagName === 'VIDEO' || this.isEmbedVidElem(target)) || (target.tagName === 'AUDIO') || (target.childNodes[0] && target.childNodes[0].nodeType === 1 && target.childNodes[0].classList.contains('e-rte-audio')) ||
                 (this.parent.getRange().startOffset === this.parent.getRange().endOffset)) {
                 return;
             }
@@ -7065,6 +8398,15 @@ class QuickToolbar {
             this.textQTBar.showPopup(this.offsetX, this.offsetY, target, 'text');
         }
     }
+    isEmbedVidElem(target) {
+        if ((target && target.nodeType !== 3 && target.nodeName !== 'BR' && (target.classList && target.classList.contains(CLS_VID_CLICK_ELEM))) ||
+            (target && target.nodeName === 'IFRAME')) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
     keyDownHandler(e) {
         const preventHide = e.args.altKey;
         if (this.parent.inlineMode.enable && e.args.metaKey && e.args.keyCode === 65) {
@@ -7119,7 +8461,7 @@ class QuickToolbar {
         clearTimeout(this.deBouncer);
         this.deBouncer = window.setTimeout(() => {
             this.onSelectionChange(e);
-        }, 1000);
+        }, this.debounceTimeout);
     }
     onSelectionChange(e) {
         if (!isNullOrUndefined(select('.' + CLS_INLINE_POP, document.body))) {
@@ -7755,228 +9097,6 @@ class MarkdownSelection {
     }
 }
 
-/**
- * Defines common util methods used by Rich Text Editor.
- */
-const inlineNode$1 = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
-    'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
-    'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress',
-    'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'svg',
-    'template', 'textarea', 'time', 'u', 'tt', 'var', 'video', 'wbr'];
-/**
- * @returns {void}
- * @hidden
- */
-function isIDevice$1() {
-    let result = false;
-    if (Browser.isDevice && Browser.isIos) {
-        result = true;
-    }
-    return result;
-}
-/**
- * @param {Element} editableElement - specifies the editable element.
- * @param {string} selector - specifies the string values.
- * @returns {void}
- * @hidden
- */
-function setEditFrameFocus(editableElement, selector) {
-    if (editableElement.nodeName === 'BODY' && !isNullOrUndefined(selector)) {
-        const iframe = top.window.document.querySelector(selector);
-        if (!isNullOrUndefined(iframe)) {
-            iframe.contentWindow.focus();
-        }
-    }
-}
-/**
- * @param {string} value - specifies the string value
- * @param {string} enterAction - specifies the enter key action API
- * @returns {void}
- * @hidden
- */
-function updateTextNode$1(value, enterAction) {
-    const tempNode = document.createElement('div');
-    tempNode.innerHTML = value;
-    tempNode.setAttribute('class', 'tempDiv');
-    const resultElm = document.createElement('div');
-    const childNodes = tempNode.childNodes;
-    if (childNodes.length > 0) {
-        let isPreviousInlineElem;
-        let previousParent;
-        let paraElm;
-        while (tempNode.firstChild) {
-            if ((tempNode.firstChild.nodeName === '#text' &&
-                (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
-                inlineNode$1.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
-                if (!isPreviousInlineElem) {
-                    if (enterAction === 'BR') {
-                        resultElm.appendChild(tempNode.firstChild);
-                        previousParent = resultElm;
-                    }
-                    else {
-                        paraElm = createElement('p');
-                        resultElm.appendChild(paraElm);
-                        paraElm.appendChild(tempNode.firstChild);
-                        previousParent = paraElm;
-                        isPreviousInlineElem = true;
-                    }
-                }
-                else {
-                    previousParent.appendChild(tempNode.firstChild);
-                    previousParent = paraElm;
-                    isPreviousInlineElem = true;
-                }
-            }
-            else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
-                (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
-                detach(tempNode.firstChild);
-            }
-            else {
-                resultElm.appendChild(tempNode.firstChild);
-                isPreviousInlineElem = false;
-            }
-        }
-        const tableElm = resultElm.querySelectorAll('table');
-        for (let i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
-                tableElm[i].classList.add('e-rte-paste-table');
-                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-word-table');
-                    continue; // Skiping the removal of the border if the source is from word.
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-excel-table');
-                    if (tableElm[i].getAttribute('border') === '0') {
-                        tableElm[i].removeAttribute('border');
-                    }
-                    const tdElm = tableElm[i].querySelectorAll('td');
-                    for (let j = 0; j < tdElm.length; j++) {
-                        if (tdElm[j].style.borderLeft === 'none') {
-                            tdElm[j].style.removeProperty('border-left');
-                        }
-                        if (tdElm[j].style.borderRight === 'none') {
-                            tdElm[j].style.removeProperty('border-right');
-                        }
-                        if (tdElm[j].style.borderBottom === 'none') {
-                            tdElm[j].style.removeProperty('border-bottom');
-                        }
-                        if (tdElm[j].style.borderTop === 'none') {
-                            tdElm[j].style.removeProperty('border-top');
-                        }
-                        if (tdElm[j].style.border === 'none') {
-                            tdElm[j].style.removeProperty('border');
-                        }
-                    }
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
-                    continue;
-                }
-            }
-        }
-        const imageElm = resultElm.querySelectorAll('img');
-        for (let i = 0; i < imageElm.length; i++) {
-            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
-                continue; // Should not add the class if the image is Broken.
-            }
-            if (!imageElm[i].classList.contains('e-rte-image')) {
-                imageElm[i].classList.add('e-rte-image');
-            }
-            if (!(imageElm[i].classList.contains('e-imginline') ||
-                imageElm[i].classList.contains('e-imgbreak'))) {
-                imageElm[i].classList.add('e-imginline');
-            }
-        }
-    }
-    return resultElm.innerHTML;
-}
-/**
- * @param {Node} startChildNodes - specifies the node
- * @returns {void}
- * @hidden
- */
-function getLastTextNode(startChildNodes) {
-    let finalNode = startChildNodes;
-    do {
-        if (finalNode.childNodes.length > 0) {
-            finalNode = finalNode.childNodes[0];
-        }
-    } while (finalNode.childNodes.length > 0);
-    return finalNode;
-}
-/**
- * @returns {void}
- * @hidden
- */
-function getDefaultHtmlTbStatus() {
-    return {
-        bold: false,
-        italic: false,
-        subscript: false,
-        superscript: false,
-        strikethrough: false,
-        orderedlist: false,
-        unorderedlist: false,
-        numberFormatList: false,
-        bulletFormatList: false,
-        underline: false,
-        alignments: null,
-        backgroundcolor: null,
-        fontcolor: null,
-        fontname: null,
-        fontsize: null,
-        formats: null,
-        createlink: false,
-        insertcode: false
-    };
-}
-/**
- * @returns {void}
- * @hidden
- */
-function getDefaultMDTbStatus() {
-    return {
-        bold: false,
-        italic: false,
-        subscript: false,
-        superscript: false,
-        strikethrough: false,
-        orderedlist: false,
-        uppercase: false,
-        lowercase: false,
-        inlinecode: false,
-        unorderedlist: false,
-        formats: null
-    };
-}
-/**
- * @param {Range} range - specifies the range
- * @returns {void}
- * @hidden
- */
-function nestedListCleanUp(range) {
-    if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
-        range.extractContents();
-        while ((range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty').length > 0 ||
-            (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('ol :empty').length > 0) {
-            let emptyLI = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll('li :empty');
-            if (emptyLI.length > 0) {
-                emptyLI.forEach((item) => {
-                    item.remove();
-                });
-            }
-        }
-        let liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
-        if (liElem.length > 0) {
-            liElem.forEach((item) => {
-                if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
-                    item.style.listStyleType = "none";
-                }
-            });
-        }
-    }
-}
-
 /**
  * MarkdownToolbarStatus module for refresh the toolbar status
  */
@@ -8353,7 +9473,8 @@ class Formatter {
                         this.saveData();
                     }
                     self.isBlur = false;
-                    if (isNullOrUndefined(saveSelection) || isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
+                    var quickToolbarAction = !isNullOrUndefined(event) && !isNullOrUndefined(event.target) && (!isNullOrUndefined(closest(event.target, ".e-rte-elements.e-dropdown-popup.e-rte-dropdown-popup.e-quick-dropdown.e-popup-open")) || !isNullOrUndefined(closest(event.target, ".e-rte-elements.e-rte-quick-popup.e-popup-open")));
+                    if (isNullOrUndefined(saveSelection) || (!quickToolbarAction && (isNullOrUndefined(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")))) {
                         self.contentModule.getEditPanel().focus();
                     }
                     if (self.editorMode === 'HTML' && !isKeyboardVideoInsert) {
@@ -10446,844 +11567,303 @@ class MarkdownFormatter extends Formatter {
             this.updateFormatter(this.element, document, options.options);
         }
     }
-    initialize() {
-        this.keyConfig = markdownKeyConfig;
-        this.formatTags = markdownFormatTags;
-        this.listTags = markdownListsTags;
-        this.selectionTags = markdownSelectionTags;
-    }
-    /**
-     * Update the formatter of RichTextEditor
-     *
-     * @param  {Element} editElement - specifies the edit element.
-     * @param  {Document} doc - specifies the document.
-     * @param {number} options - specifies the options
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    updateFormatter(editElement, doc, options) {
-        if (editElement) {
-            this.editorManager = new MarkdownParser({
-                element: editElement,
-                formatTags: this.formatTags,
-                listTags: this.listTags,
-                selectionTags: this.selectionTags,
-                options: options
-            });
-        }
-    }
-}
-
-/**
- * Markdown module is used to render Rich Text Editor as Markdown editor content
- *
- * @hidden
- * @deprecated
- */
-class MarkdownRender {
-    /**
-     * Constructor for content renderer module
-     *
-     * @param {IRichTextEditor} parent - specifies the parent.
-     */
-    constructor(parent) {
-        this.parent = parent;
-    }
-    /**
-     * The function is used to render Rich Text Editor content div
-     *
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    renderPanel() {
-        const rteObj = this.parent;
-        const div = this.parent.createElement('div', { id: this.parent.getID() + '_view', className: 'e-rte-content' });
-        this.editableElement = this.parent.createElement('textarea', {
-            className: 'e-content',
-            id: this.parent.getID() + '_editable-content',
-            attrs: { 'aria-labelledby': this.parent.getID() + '_view' }
-        });
-        div.appendChild(this.editableElement);
-        this.setPanel(div);
-        rteObj.element.appendChild(div);
-    }
-    /**
-     * Get the content div element of RichTextEditor
-     *
-     * @returns {Element} - specifies the element
-     * @hidden
-     * @deprecated
-     */
-    getPanel() {
-        return this.contentPanel;
-    }
-    /**
-     * Get the editable element of RichTextEditor
-     *
-     * @returns {Element} - specifies the element
-     * @hidden
-     * @deprecated
-     */
-    getEditPanel() {
-        return this.editableElement;
-    }
-    /**
-     * Returns the text content as string.
-     *
-     * @returns {string} - specifies the string values.
-     */
-    getText() {
-        return this.getEditPanel().value;
-    }
-    /**
-     * Set the content div element of RichTextEditor
-     *
-     * @param  {Element} panel - specifies the element.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    setPanel(panel) {
-        this.contentPanel = panel;
-    }
-    /**
-     * Get the document of RichTextEditor
-     *
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    getDocument() {
-        return this.getEditPanel().ownerDocument;
-    }
-}
-
-/**
- * `MarkdownEditor` module is used to markdown editor
- */
-class MarkdownEditor {
-    constructor(parent, serviceLocator) {
-        this.parent = parent;
-        this.locator = serviceLocator;
-        this.renderFactory = this.locator.getService('rendererFactory');
-        this.addEventListener();
-    }
-    /**
-     * Destroys the Markdown.
-     *
-     * @function destroy
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    destroy() {
-        if (isNullOrUndefined(this.parent)) {
-            return;
-        }
-        this.removeEventListener();
-    }
-    moduleDestroy() {
-        this.parent = null;
-        this.toolbarUpdate.parent = null;
-    }
-    addEventListener() {
-        if (this.parent.isDestroyed) {
-            return;
-        }
-        this.saveSelection = new MarkdownSelection();
-        this.parent.on(initialLoad, this.instantiateRenderer, this);
-        this.parent.on(initialEnd, this.render, this);
-        this.parent.on(modelChanged, this.onPropertyChanged, this);
-        this.parent.on(markdownToolbarClick, this.onToolbarClick, this);
-        this.parent.on(destroy, this.destroy, this);
-        this.parent.on(selectAll$1, this.selectAll, this);
-        this.parent.on(getSelectedHtml, this.getSelectedHtml, this);
-        this.parent.on(selectionSave, this.onSelectionSave, this);
-        this.parent.on(selectionRestore, this.onSelectionRestore, this);
-        this.parent.on(readOnlyMode, this.updateReadOnly, this);
-        this.parent.on(moduleDestroy, this.moduleDestroy, this);
-    }
-    updateReadOnly() {
-        if (this.parent.readonly) {
-            this.parent.contentModule.getEditPanel().setAttribute('readonly', 'readonly');
-            addClass([this.parent.element], CLS_RTE_READONLY);
-        }
-        else {
-            this.parent.contentModule.getEditPanel().removeAttribute('readonly');
-            removeClass([this.parent.element], CLS_RTE_READONLY);
-        }
-    }
-    onSelectionSave() {
-        const textArea = this.parent.contentModule.getEditPanel();
-        this.saveSelection.save(textArea.selectionStart, textArea.selectionEnd);
-    }
-    // eslint-disable-next-line
-    onSelectionRestore(e) {
-        this.contentRenderer.getEditPanel().focus();
-        const textArea = this.parent.contentModule.getEditPanel();
-        this.saveSelection.restore(textArea);
-    }
-    onToolbarClick(args) {
-        const item = args.item;
-        const textArea = this.parent.contentModule.getEditPanel();
-        if (item.command !== 'Formats') {
-            textArea.focus();
-        }
-        const startOffset = textArea.selectionStart;
-        const endOffset = textArea.selectionEnd;
-        const text = textArea.value.substring(startOffset, endOffset);
-        switch (item.subCommand) {
-            case 'Maximize':
-                this.parent.notify(enableFullScreen, { args: args });
-                break;
-            case 'Minimize':
-                this.parent.notify(disableFullScreen, { args: args });
-                break;
-            case 'CreateLink':
-                this.parent.notify(insertLink, { member: 'link', args: args, text: text, module: 'Markdown' });
-                break;
-            case 'Image':
-                this.parent.notify(insertImage, { member: 'image', args: args, text: text, module: 'Markdown' });
-                break;
-            case 'CreateTable': {
-                const tableConstant = {
-                    'headingText': this.parent.localeObj.getConstant('TableHeadingText'),
-                    'colText': this.parent.localeObj.getConstant('TableColText')
-                };
-                this.parent.formatter.process(this.parent, args, args.originalEvent, tableConstant);
-                break;
-            }
-            default:
-                this.parent.formatter.process(this.parent, args, args.originalEvent, null);
-                break;
-        }
-    }
-    instantiateRenderer() {
-        this.renderFactory.addRenderer(RenderType.Content, new MarkdownRender(this.parent));
-    }
-    removeEventListener() {
-        if (this.parent.isDestroyed) {
-            return;
-        }
-        this.parent.off(initialEnd, this.render);
-        this.parent.off(modelChanged, this.onPropertyChanged);
-        this.parent.off(destroy, this.destroy);
-        this.parent.off(markdownToolbarClick, this.onToolbarClick);
-        this.parent.off(initialLoad, this.instantiateRenderer);
-        this.parent.off(selectAll$1, this.selectAll);
-        this.parent.off(getSelectedHtml, this.getSelectedHtml);
-        this.parent.off(selectionSave, this.onSelectionSave);
-        this.parent.off(selectionRestore, this.onSelectionRestore);
-        this.parent.off(readOnlyMode, this.updateReadOnly);
-        this.parent.off(moduleDestroy, this.moduleDestroy);
-    }
-    render() {
-        this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
-        const editElement = this.contentRenderer.getEditPanel();
-        const option = { undoRedoSteps: this.parent.undoRedoSteps, undoRedoTimer: this.parent.undoRedoTimer };
-        if (isNullOrUndefined(this.parent.formatter)) {
-            this.parent.formatter = new MarkdownFormatter({
-                element: editElement,
-                options: option
-            });
-        }
-        else {
-            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
-        }
-        if (this.parent.toolbarSettings.enable) {
-            this.toolbarUpdate = new MarkdownToolbarStatus(this.parent);
-        }
-        this.parent.notify(bindOnEnd, {});
-    }
-    /**
-     * Called internally if any of the property value changed.
-     *
-     * @param {RichTextEditorModel} e - specifies the editor model
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    onPropertyChanged(e) {
-        // On property code change here
-        if (!isNullOrUndefined(e.newProp.formatter)) {
-            const editElement = this.contentRenderer.getEditPanel();
-            const option = { undoRedoSteps: this.parent.undoRedoSteps,
-                undoRedoTimer: this.parent.undoRedoTimer };
-            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
-        }
-    }
-    /**
-     * For internal use only - Get the module name.
-     *
-     * @returns {void}
-     */
-    getModuleName() {
-        return 'markdownEditor';
-    }
-    /**
-     * For selecting all content in RTE
-     *
-     * @returns {void}
-     * @private
-     */
-    selectAll() {
-        this.parent.formatter.editorManager.markdownSelection.setSelection(this.parent.contentModule.getEditPanel(), 0, this.parent.contentModule.getEditPanel().value.length);
-    }
-    /**
-     * For get a selected text in RTE
-     *
-     * @param {NotifyArgs} e - specifies the arguments.
-     * @returns {void}
-     * @private
-     */
-    getSelectedHtml(e) {
-        e.callBack(this.parent.formatter.editorManager.markdownSelection.getSelectedText(this.parent.contentModule.getEditPanel()));
-    }
-}
-
-/**
- * Constant values for EditorManager
- */
-/**
- * Image plugin events
- *
- * @hidden
- */
-const IMAGE = 'INSERT-IMAGE';
-const AUDIO = 'INSERT-AUDIO';
-const VIDEO = 'INSERT-VIDEO';
-const TABLE = 'INSERT-TABLE';
-const LINK = 'INSERT-LINK';
-const INSERT_ROW = 'INSERT-ROW';
-const INSERT_COLUMN = 'INSERT-COLUMN';
-const DELETEROW = 'DELETE-ROW';
-const DELETECOLUMN = 'DELETE-COLUMN';
-const REMOVETABLE = 'REMOVE-TABLE';
-const TABLEHEADER = 'TABLE-HEADER';
-const TABLE_VERTICAL_ALIGN = 'TABLE_VERTICAL_ALIGN';
-const TABLE_MERGE = 'TABLE_MERGE';
-const TABLE_VERTICAL_SPLIT = 'TABLE_VERTICAL_SPLIT';
-const TABLE_HORIZONTAL_SPLIT = 'TABLE_HORIZONTAL_SPLIT';
-const TABLE_MOVE = 'TABLE_MOVE';
-/**
- * Alignments plugin events
- *
- * @hidden
- */
-const ALIGNMENT_TYPE = 'alignment-type';
-/**
- * Indents plugin events
- *
- * @hidden
- */
-const INDENT_TYPE = 'indent-type';
-/**
- * Constant tag names
- *
- * @hidden
- */
-const DEFAULT_TAG = 'p';
-/**
- * @hidden
- */
-const BLOCK_TAGS = ['address', 'article', 'aside', 'audio', 'blockquote',
-    'canvas', 'details', 'dd', 'div', 'dl', 'dt', 'fieldset', 'figcaption', 'figure', 'footer',
-    'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup', 'hr', 'li', 'main', 'nav',
-    'noscript', 'ol', 'output', 'p', 'pre', 'section', 'table', 'tbody', 'td', 'tfoot', 'th',
-    'thead', 'tr', 'ul', 'video', 'body'];
-/**
- * @hidden
- */
-const IGNORE_BLOCK_TAGS = ['td', 'th'];
-/**
- * @hidden
- */
-const TABLE_BLOCK_TAGS = ['table', 'tbody', 'td', 'tfoot', 'th',
-    'thead', 'tr'];
-/**
- * Selection plugin events
- *
- * @hidden
- */
-const SELECTION_TYPE = 'selection-type';
-/**
- * Insert HTML plugin events
- *
- * @hidden
- */
-const INSERTHTML_TYPE = 'inserthtml-type';
-/**
- * Insert Text plugin events
- *
- * @hidden
- */
-const INSERT_TEXT_TYPE = 'insert-text-type';
-/**
- * Clear Format HTML plugin events
- *
- * @hidden
- */
-const CLEAR_TYPE = 'clear-type';
-/**
- * Self closing tags
- *
- * @hidden
- */
-const SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td', 'table'];
-/**
- * Source
- *
- * @hidden
- */
-const PASTE_SOURCE = ['word', 'excel', 'onenote'];
-
-/**
- * `Selection` module is used to handle RTE Selections.
- */
-class NodeSelection {
-    constructor() {
-        this.startNodeName = [];
-        this.endNodeName = [];
-    }
-    saveInstance(range, body) {
-        this.range = range.cloneRange();
-        this.rootNode = this.documentFromRange(range);
-        this.body = body;
-        this.startContainer = this.getNodeArray(range.startContainer, true);
-        this.endContainer = this.getNodeArray(range.endContainer, false);
-        this.startOffset = range.startOffset;
-        this.endOffset = range.endOffset;
-        this.html = this.body.innerHTML;
-        return this;
-    }
-    documentFromRange(range) {
-        return (9 === range.startContainer.nodeType) ? range.startContainer : range.startContainer.ownerDocument;
-    }
-    getRange(docElement) {
-        const select$$1 = this.get(docElement);
-        const range = select$$1 && select$$1.rangeCount > 0 ? select$$1.getRangeAt(select$$1.rangeCount - 1) : docElement.createRange();
-        return (range.startContainer !== docElement || range.endContainer !== docElement
-            || range.startOffset || range.endOffset || (range.setStart(docElement.body, 0), range.collapse(!0)), range);
-    }
-    /**
-     * get method
-     *
-     * @param {Document} docElement - specifies the get function
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    get(docElement) {
-        return docElement.defaultView.getSelection();
-    }
-    /**
-     * save method
-     *
-     * @param {Range} range - range value.
-     * @param {Document} docElement - specifies the document.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    save(range, docElement) {
-        range = (range) ? range.cloneRange() : this.getRange(docElement);
-        return this.saveInstance(range, docElement.body);
-    }
-    /**
-     * getIndex method
-     *
-     * @param {Node} node - specifies the node value.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    getIndex(node) {
-        let index;
-        let num = 0;
-        node = !node.previousSibling && node.tagName === 'BR' ? node : node.previousSibling;
-        if (node) {
-            for (let type = node.nodeType; node; null) {
-                index = node.nodeType;
-                num++;
-                //eslint-disable-next-line
-                type = index;
-                node = node.previousSibling;
-            }
-        }
-        return num;
-    }
-    isChildNode(nodeCollection, parentNode) {
-        for (let index = 0; index < parentNode.childNodes.length; index++) {
-            if (nodeCollection.indexOf(parentNode.childNodes[index]) > -1) {
-                return true;
-            }
-        }
-        return false;
-    }
-    getNode(startNode, endNode, nodeCollection) {
-        if (endNode === startNode &&
-            (startNode.nodeType === 3 || !startNode.firstChild || nodeCollection.indexOf(startNode.firstChild) !== -1
-                || this.isChildNode(nodeCollection, startNode))) {
-            return null;
-        }
-        if (startNode.nodeType === 3 && startNode.previousSibling === endNode && endNode.nodeName === 'IMG') {
-            return null;
-        }
-        if (nodeCollection.indexOf(startNode.firstChild) === -1 && startNode.firstChild && !this.isChildNode(nodeCollection, startNode)) {
-            return startNode.firstChild;
-        }
-        if (startNode.nextSibling) {
-            return startNode.nextSibling;
-        }
-        if (!startNode.parentNode) {
-            return null;
-        }
-        else {
-            return startNode.parentNode;
-        }
-    }
+    initialize() {
+        this.keyConfig = markdownKeyConfig;
+        this.formatTags = markdownFormatTags;
+        this.listTags = markdownListsTags;
+        this.selectionTags = markdownSelectionTags;
+    }
     /**
-     * getNodeCollection method
+     * Update the formatter of RichTextEditor
      *
-     * @param {Range} range -specifies the range.
+     * @param  {Element} editElement - specifies the edit element.
+     * @param  {Document} doc - specifies the document.
+     * @param {number} options - specifies the options
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    getNodeCollection(range) {
-        let startNode = range.startContainer.childNodes[range.startOffset]
-            || range.startContainer;
-        const endNode = range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset]
-            || range.endContainer;
-        if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
-            startNode.childNodes.length === 0) {
-            return [startNode];
-        }
-        if (range.startOffset === range.endOffset && range.startOffset !== 0 && range.startContainer.nodeName === 'PRE') {
-            return [startNode.nodeName === 'BR' || startNode.nodeName === '#text' ? startNode : startNode.childNodes[0]];
+    updateFormatter(editElement, doc, options) {
+        if (editElement) {
+            this.editorManager = new MarkdownParser({
+                element: editElement,
+                formatTags: this.formatTags,
+                listTags: this.listTags,
+                selectionTags: this.selectionTags,
+                options: options
+            });
         }
-        const nodeCollection = [];
-        do {
-            if (nodeCollection.indexOf(startNode) === -1) {
-                nodeCollection.push(startNode);
-            }
-            startNode = this.getNode(startNode, endNode, nodeCollection);
-        } while (startNode);
-        return nodeCollection;
     }
+}
+
+/**
+ * Markdown module is used to render Rich Text Editor as Markdown editor content
+ *
+ * @hidden
+ * @deprecated
+ */
+class MarkdownRender {
     /**
-     * getParentNodeCollection method
+     * Constructor for content renderer module
      *
-     * @param {Range} range - specifies the range value.
-     * @returns {void}
-     * @hidden
-     * @deprecated
+     * @param {IRichTextEditor} parent - specifies the parent.
      */
-    getParentNodeCollection(range) {
-        return this.getParentNodes(this.getNodeCollection(range), range);
+    constructor(parent) {
+        this.parent = parent;
     }
     /**
-     * getParentNodes method
+     * The function is used to render Rich Text Editor content div
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
-     * @param {Range} range - specifies the range values.
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    getParentNodes(nodeCollection, range) {
-        nodeCollection = nodeCollection.reverse();
-        for (let index = 0; index < nodeCollection.length; index++) {
-            if ((nodeCollection.indexOf(nodeCollection[index].parentNode) !== -1)
-                || (nodeCollection[index].nodeType === 3 &&
-                    range.startContainer !== range.endContainer &&
-                    range.startContainer.parentNode !== range.endContainer.parentNode)) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
-            else if (nodeCollection[index].nodeType === 3) {
-                nodeCollection[index] = nodeCollection[index].parentNode;
-            }
-        }
-        return nodeCollection;
+    renderPanel() {
+        const rteObj = this.parent;
+        const div = this.parent.createElement('div', { id: this.parent.getID() + '_view', className: 'e-rte-content' });
+        this.editableElement = this.parent.createElement('textarea', {
+            className: 'e-content',
+            id: this.parent.getID() + '_editable-content',
+            attrs: { 'aria-labelledby': this.parent.getID() + '_view' }
+        });
+        div.appendChild(this.editableElement);
+        this.setPanel(div);
+        rteObj.element.appendChild(div);
     }
     /**
-     * getSelectionNodeCollection method
+     * Get the content div element of RichTextEditor
      *
-     * @param {Range} range - specifies the range value.
-     * @returns {void}
+     * @returns {Element} - specifies the element
      * @hidden
      * @deprecated
      */
-    getSelectionNodeCollection(range) {
-        return this.getSelectionNodes(this.getNodeCollection(range));
+    getPanel() {
+        return this.contentPanel;
     }
     /**
-     * getSelectionNodeCollection along with BR node method
+     * Get the editable element of RichTextEditor
      *
-     * @param {Range} range - specifies the range value.
-     * @returns {void}
+     * @returns {Element} - specifies the element
      * @hidden
      * @deprecated
      */
-    getSelectionNodeCollectionBr(range) {
-        return this.getSelectionNodesBr(this.getNodeCollection(range));
+    getEditPanel() {
+        return this.editableElement;
     }
     /**
-     * getParentNodes method
+     * Returns the text content as string.
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
-     * @returns {void}
-     * @hidden
-     * @deprecated
+     * @returns {string} - specifies the string values.
      */
-    getSelectionNodes(nodeCollection) {
-        nodeCollection = nodeCollection.reverse();
-        // eslint-disable-next-line
-        const regEx = new RegExp(String.fromCharCode(8203), 'g');
-        for (let index = 0; index < nodeCollection.length; index++) {
-            if (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
-                (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx)))) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
-        }
-        return nodeCollection.reverse();
+    getText() {
+        return this.getEditPanel().value;
     }
     /**
-     * Get selection text nodes with br method.
+     * Set the content div element of RichTextEditor
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @param  {Element} panel - specifies the element.
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    getSelectionNodesBr(nodeCollection) {
-        nodeCollection = nodeCollection.reverse();
-        // eslint-disable-next-line
-        const regEx = new RegExp(String.fromCharCode(8203), 'g');
-        for (let index = 0; index < nodeCollection.length; index++) {
-            if (nodeCollection[index].nodeName !== 'BR' &&
-                (nodeCollection[index].nodeType !== 3 || (nodeCollection[index].textContent.trim() === '' ||
-                    (nodeCollection[index].textContent.length === 1 && nodeCollection[index].textContent.match(regEx))))) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
-        }
-        return nodeCollection.reverse();
+    setPanel(panel) {
+        this.contentPanel = panel;
     }
     /**
-     * getInsertNodeCollection method
+     * Get the document of RichTextEditor
      *
-     * @param {Range} range - specifies the range value.
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    getInsertNodeCollection(range) {
-        return this.getInsertNodes(this.getNodeCollection(range));
+    getDocument() {
+        return this.getEditPanel().ownerDocument;
+    }
+}
+
+/**
+ * `MarkdownEditor` module is used to markdown editor
+ */
+class MarkdownEditor {
+    constructor(parent, serviceLocator) {
+        this.parent = parent;
+        this.locator = serviceLocator;
+        this.renderFactory = this.locator.getService('rendererFactory');
+        this.addEventListener();
     }
     /**
-     * getInsertNodes method
+     * Destroys the Markdown.
      *
-     * @param {Node[]} nodeCollection - specifies the collection of nodes.
+     * @function destroy
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    getInsertNodes(nodeCollection) {
-        nodeCollection = nodeCollection.reverse();
-        for (let index = 0; index < nodeCollection.length; index++) {
-            if ((nodeCollection[index].childNodes.length !== 0 &&
-                nodeCollection[index].nodeType !== 3) ||
-                (nodeCollection[index].nodeType === 3 &&
-                    nodeCollection[index].textContent === '')) {
-                nodeCollection.splice(index, 1);
-                index--;
-            }
+    destroy() {
+        if (isNullOrUndefined(this.parent)) {
+            return;
         }
-        return nodeCollection.reverse();
+        this.removeEventListener();
     }
-    /**
-     * getNodeArray method
-     *
-     * @param {Node} node - specifies the node content.
-     * @param {boolean} isStart - specifies the boolean value.
-     * @param {Document} root - specifies the root document.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    getNodeArray(node, isStart, root) {
-        const array = [];
-        // eslint-disable-next-line
-        ((isStart) ? (this.startNodeName = []) : (this.endNodeName = []));
-        for (; node !== (root ? root : this.rootNode); null) {
-            if (isNullOrUndefined(node)) {
-                break;
-            }
-            // eslint-disable-next-line
-            (isStart) ? this.startNodeName.push(node.nodeName.toLowerCase()) : this.endNodeName.push(node.nodeName.toLowerCase());
-            array.push(this.getIndex(node));
-            node = node.parentNode;
+    moduleDestroy() {
+        this.parent = null;
+        this.toolbarUpdate.parent = null;
+    }
+    addEventListener() {
+        if (this.parent.isDestroyed) {
+            return;
         }
-        return array;
+        this.saveSelection = new MarkdownSelection();
+        this.parent.on(initialLoad, this.instantiateRenderer, this);
+        this.parent.on(initialEnd, this.render, this);
+        this.parent.on(modelChanged, this.onPropertyChanged, this);
+        this.parent.on(markdownToolbarClick, this.onToolbarClick, this);
+        this.parent.on(destroy, this.destroy, this);
+        this.parent.on(selectAll$1, this.selectAll, this);
+        this.parent.on(getSelectedHtml, this.getSelectedHtml, this);
+        this.parent.on(selectionSave, this.onSelectionSave, this);
+        this.parent.on(selectionRestore, this.onSelectionRestore, this);
+        this.parent.on(readOnlyMode, this.updateReadOnly, this);
+        this.parent.on(moduleDestroy, this.moduleDestroy, this);
     }
-    setRangePoint(range, isvalid, num, size) {
-        let node = this.rootNode;
-        let index = num.length;
-        let constant = size;
-        for (; index--; null) {
-            node = node && node.childNodes[num[index]];
+    updateReadOnly() {
+        if (this.parent.readonly) {
+            this.parent.contentModule.getEditPanel().setAttribute('readonly', 'readonly');
+            addClass([this.parent.element], CLS_RTE_READONLY);
         }
-        if (node && constant >= 0 && node.nodeName !== 'html') {
-            if (node.nodeType === 3 && node.nodeValue.replace(/\u00a0/g, '&nbsp;') === '&nbsp;') {
-                constant = node.textContent.length;
-            }
-            range[isvalid ? 'setStart' : 'setEnd'](node, constant);
+        else {
+            this.parent.contentModule.getEditPanel().removeAttribute('readonly');
+            removeClass([this.parent.element], CLS_RTE_READONLY);
         }
-        return range;
     }
-    /**
-     * restore method
-     *
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    restore() {
-        let range = this.range.cloneRange();
-        range = this.setRangePoint(range, true, this.startContainer, this.startOffset);
-        range = this.setRangePoint(range, false, this.endContainer, this.endOffset);
-        this.selectRange(this.rootNode, range);
-        return range;
+    onSelectionSave() {
+        const textArea = this.parent.contentModule.getEditPanel();
+        this.saveSelection.save(textArea.selectionStart, textArea.selectionEnd);
     }
-    selectRange(docElement, range) {
-        this.setRange(docElement, range);
-        this.save(range, docElement);
+    // eslint-disable-next-line
+    onSelectionRestore(e) {
+        this.contentRenderer.getEditPanel().focus();
+        const textArea = this.parent.contentModule.getEditPanel();
+        this.saveSelection.restore(textArea);
     }
-    /**
-     * setRange method
-     *
-     * @param {Document} docElement - specifies the document.
-     * @param {Range} range - specifies the range.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    setRange(docElement, range) {
-        const selection = this.get(docElement);
-        selection.removeAllRanges();
-        selection.addRange(range);
+    onToolbarClick(args) {
+        const item = args.item;
+        const textArea = this.parent.contentModule.getEditPanel();
+        if (item.command !== 'Formats') {
+            textArea.focus();
+        }
+        const startOffset = textArea.selectionStart;
+        const endOffset = textArea.selectionEnd;
+        const text = textArea.value.substring(startOffset, endOffset);
+        switch (item.subCommand) {
+            case 'Maximize':
+                this.parent.notify(enableFullScreen, { args: args });
+                break;
+            case 'Minimize':
+                this.parent.notify(disableFullScreen, { args: args });
+                break;
+            case 'CreateLink':
+                this.parent.notify(insertLink, { member: 'link', args: args, text: text, module: 'Markdown' });
+                break;
+            case 'Image':
+                this.parent.notify(insertImage, { member: 'image', args: args, text: text, module: 'Markdown' });
+                break;
+            case 'CreateTable': {
+                const tableConstant = {
+                    'headingText': this.parent.localeObj.getConstant('TableHeadingText'),
+                    'colText': this.parent.localeObj.getConstant('TableColText')
+                };
+                this.parent.formatter.process(this.parent, args, args.originalEvent, tableConstant);
+                break;
+            }
+            default:
+                this.parent.formatter.process(this.parent, args, args.originalEvent, null);
+                break;
+        }
     }
-    /**
-     * setSelectionText method
-     *
-     * @param {Document} docElement - specifies the documrent
-     * @param {Node} startNode - specifies the starting node.
-     * @param {Node} endNode - specifies the the end node.
-     * @param {number} startIndex - specifies the starting index.
-     * @param {number} endIndex - specifies the end index.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    setSelectionText(docElement, startNode, endNode, startIndex, endIndex) {
-        const range = docElement.createRange();
-        range.setStart(startNode, startIndex);
-        range.setEnd(endNode, endIndex);
-        this.setRange(docElement, range);
+    instantiateRenderer() {
+        this.renderFactory.addRenderer(RenderType.Content, new MarkdownRender(this.parent));
     }
-    /**
-     * setSelectionContents method
-     *
-     * @param {Document} docElement - specifies the document.
-     * @param {Node} element - specifies the node.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    setSelectionContents(docElement, element) {
-        const range = docElement.createRange();
-        range.selectNode(element);
-        this.setRange(docElement, range);
+    removeEventListener() {
+        if (this.parent.isDestroyed) {
+            return;
+        }
+        this.parent.off(initialEnd, this.render);
+        this.parent.off(modelChanged, this.onPropertyChanged);
+        this.parent.off(destroy, this.destroy);
+        this.parent.off(markdownToolbarClick, this.onToolbarClick);
+        this.parent.off(initialLoad, this.instantiateRenderer);
+        this.parent.off(selectAll$1, this.selectAll);
+        this.parent.off(getSelectedHtml, this.getSelectedHtml);
+        this.parent.off(selectionSave, this.onSelectionSave);
+        this.parent.off(selectionRestore, this.onSelectionRestore);
+        this.parent.off(readOnlyMode, this.updateReadOnly);
+        this.parent.off(moduleDestroy, this.moduleDestroy);
     }
-    /**
-     * setSelectionNode method
-     *
-     * @param {Document} docElement - specifies the document.
-     * @param {Node} element - specifies the node.
-     * @returns {void}
-     * @hidden
-     * @deprecated
-     */
-    setSelectionNode(docElement, element) {
-        const range = docElement.createRange();
-        range.selectNodeContents(element);
-        this.setRange(docElement, range);
+    render() {
+        this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
+        const editElement = this.contentRenderer.getEditPanel();
+        const option = { undoRedoSteps: this.parent.undoRedoSteps, undoRedoTimer: this.parent.undoRedoTimer };
+        if (isNullOrUndefined(this.parent.formatter)) {
+            this.parent.formatter = new MarkdownFormatter({
+                element: editElement,
+                options: option
+            });
+        }
+        else {
+            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
+        }
+        if (this.parent.toolbarSettings.enable) {
+            this.toolbarUpdate = new MarkdownToolbarStatus(this.parent);
+        }
+        this.parent.notify(bindOnEnd, {});
     }
     /**
-     * getSelectedNodes method
+     * Called internally if any of the property value changed.
      *
-     * @param {Document} docElement - specifies the document.
+     * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
      * @deprecated
      */
-    getSelectedNodes(docElement) {
-        return this.getNodeCollection(this.getRange(docElement));
+    onPropertyChanged(e) {
+        // On property code change here
+        if (!isNullOrUndefined(e.newProp.formatter)) {
+            const editElement = this.contentRenderer.getEditPanel();
+            const option = { undoRedoSteps: this.parent.undoRedoSteps,
+                undoRedoTimer: this.parent.undoRedoTimer };
+            this.parent.formatter.updateFormatter(editElement, this.contentRenderer.getDocument(), option);
+        }
     }
     /**
-     * Clear method
+     * For internal use only - Get the module name.
      *
-     * @param {Document} docElement - specifies the document.
      * @returns {void}
-     * @hidden
-     * @deprecated
      */
-    Clear(docElement) {
-        this.get(docElement).removeAllRanges();
+    getModuleName() {
+        return 'markdownEditor';
     }
     /**
-     * insertParentNode method
+     * For selecting all content in RTE
      *
-     * @param {Document} docElement - specifies the document.
-     * @param {Node} newNode - specicfies the new node.
-     * @param {Range} range - specifies the range.
      * @returns {void}
-     * @hidden
-     * @deprecated
+     * @private
      */
-    insertParentNode(docElement, newNode, range) {
-        range.surroundContents(newNode);
-        this.selectRange(docElement, range);
+    selectAll() {
+        this.parent.formatter.editorManager.markdownSelection.setSelection(this.parent.contentModule.getEditPanel(), 0, this.parent.contentModule.getEditPanel().value.length);
     }
     /**
-     * setCursorPoint method
+     * For get a selected text in RTE
      *
-     * @param {Document} docElement - specifies the document.
-     * @param {Element} element - specifies the element.
-     * @param {number} point - specifies the point.
+     * @param {NotifyArgs} e - specifies the arguments.
      * @returns {void}
-     * @hidden
-     * @deprecated
+     * @private
      */
-    setCursorPoint(docElement, element, point) {
-        const range = docElement.createRange();
-        const selection = docElement.defaultView.getSelection();
-        range.setStart(element, point);
-        range.collapse(true);
-        selection.removeAllRanges();
-        selection.addRange(range);
+    getSelectedHtml(e) {
+        e.callBack(this.parent.formatter.editorManager.markdownSelection.getSelectedText(this.parent.contentModule.getEditPanel()));
     }
 }
 
-/**
- * `Selection` module is used to handle RTE Selections.
- */
-
 const markerClassName = {
     startSelection: 'e-editor-select-start',
     endSelection: 'e-editor-select-end'
@@ -12409,11 +12989,17 @@ class Lists {
     removeList(range, e) {
         let startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
         let endNode = (!isNullOrUndefined(range.endContainer.parentElement.closest('li')) && range.endContainer.parentElement.closest('li').childElementCount > 1 && range.endContainer.nodeName === '#text') ? range.endContainer : this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
+        const parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
+        let fullContent = '';
+        if (!isNullOrUndefined(parentList) && !isNullOrUndefined(parentList.childNodes)) {
+            parentList.childNodes.forEach((e) => {
+                fullContent = fullContent + e.textContent;
+            });
+        }
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         startNode = startNode.nodeName !== 'LI' && !isNullOrUndefined(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
         endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNullOrUndefined(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
-        const parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
         if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
             isNullOrUndefined(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
             isNullOrUndefined(startNode.previousElementSibling) && range.startOffset === 0) ||
@@ -12430,10 +13016,23 @@ class Lists {
             }
             e.event.preventDefault();
         }
-        else if (!isNullOrUndefined(parentList) && parentList.textContent === range.startContainer.textContent && parentList.closest('li').previousElementSibling === null) {
+        else if (!isNullOrUndefined(parentList) && !range.collapsed && parentList.textContent === fullContent) {
             range.deleteContents();
-            this.parent.editableElement.querySelectorAll('li:empty').forEach((e) => e.remove());
-            this.parent.editableElement.querySelectorAll('ol:empty').forEach((e) => e.remove());
+            this.parent.editableElement.querySelectorAll('li').forEach((li) => {
+                if (!li.firstChild || li.textContent.trim() === '') {
+                    li.parentNode.removeChild(li);
+                }
+            });
+            this.parent.editableElement.querySelectorAll('ol').forEach((ol) => {
+                if (!ol.firstChild || ol.textContent.trim() === '') {
+                    ol.parentNode.removeChild(ol);
+                }
+            });
+            this.parent.editableElement.querySelectorAll('ul').forEach((ul) => {
+                if (!ul.firstChild || ul.textContent.trim() === '') {
+                    ul.parentNode.removeChild(ul);
+                }
+            });
             e.event.preventDefault();
         }
     }
@@ -12830,6 +13429,10 @@ class Lists {
         }
         else {
             this.checkLists(elements, type, item);
+            let marginLeftAttribute = '';
+            if (elements[0].style.marginLeft !== '') {
+                marginLeftAttribute = ' style = "margin-left: ' + elements[0].style.marginLeft + ';"';
+            }
             for (let i = 0; i < elements.length; i++) {
                 if (!isNullOrUndefined(item) && !isNullOrUndefined(item.listStyle)) {
                     if (item.listStyle === 'listImage') {
@@ -12840,6 +13443,9 @@ class Lists {
                         setStyleAttribute(elements[i], { 'list-style-type': item.listStyle.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase() });
                     }
                 }
+                let elemAtt;
+                elements[i].style.removeProperty('margin-left');
+                elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
                 if (elements[i].getAttribute('contenteditable') === 'true'
                     && elements[i].childNodes.length === 1 && elements[i].childNodes[0].nodeName === 'TABLE') {
                     const listEle = document.createElement(type);
@@ -12848,8 +13454,7 @@ class Lists {
                 }
                 else if ('LI' !== elements[i].tagName && isNullOrUndefined(item) &&
                     elements[i].nodeName === 'BLOCKQUOTE') {
-                    const elemAtt = this.domNode.attributes(elements[i]);
-                    const openTag = '<' + type + '>';
+                    const openTag = '<' + type + marginLeftAttribute + '>';
                     const closeTag = '</' + type + '>';
                     const newTag = 'li' + elemAtt;
                     const replaceHTML = elements[i].innerHTML;
@@ -12858,8 +13463,7 @@ class Lists {
                     elements[i].innerHTML = collectionString;
                 }
                 else if ('LI' !== elements[i].tagName && isNullOrUndefined(item)) {
-                    const elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
-                    const openTag = '<' + type + '>';
+                    const openTag = '<' + type + marginLeftAttribute + '>';
                     const closeTag = '</' + type + '>';
                     const newTag = 'li' + elemAtt;
                     const replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ?
@@ -12870,8 +13474,8 @@ class Lists {
                 }
                 else if (!isNullOrUndefined(item) && 'LI' !== elements[i].tagName) {
                     // eslint-disable-next-line
-                    const elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
-                    const openTag = '<' + type + elemAtt + '>';
+                    const currentElemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
+                    const openTag = '<' + type + currentElemAtt + '>';
                     const closeTag = '</' + type + '>';
                     const newTag = 'li';
                     const replaceHTML = (elements[i].tagName.toLowerCase() === DEFAULT_TAG ?
@@ -13064,19 +13668,19 @@ class Lists {
                     if (DEFAULT_TAG && 0 === element.querySelectorAll(BLOCK_TAGS.join(', ')).length) {
                         const wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
                             ' class="' + className + ' e-rte-wrap-inner"';
-                        const parentElement = parentNode;
+                        let parentElement = parentNode;
                         if (elements.length === parentElement.querySelectorAll('li').length) {
                             if (!isNullOrUndefined(parentElement.style.listStyleType)) {
-                                parentNode.style.removeProperty('list-style-type');
+                                parentNode.style.removeProperty("list-style-type");
                             }
                             if (!isNullOrUndefined(parentElement.style.listStyleImage)) {
-                                parentNode.style.removeProperty('list-style-image');
+                                parentNode.style.removeProperty("list-style-image");
                             }
                             if (parentElement.style.length === 0) {
-                                parentNode.removeAttribute('style');
+                                parentNode.removeAttribute("style");
                             }
                         }
-                        const wrapper = '<' + DEFAULT_TAG + wrapperclass + '></' + DEFAULT_TAG + '>';
+                        const wrapper = '<' + DEFAULT_TAG + wrapperclass + this.domNode.attributes(element) + '></' + DEFAULT_TAG + '>';
                         if (e.enterAction !== 'BR') {
                             this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                         }
@@ -13384,8 +13988,11 @@ class NodeCutter {
             this.position = 1;
         }
         else {
-            const startOffset = this.GetCursorStart(indexes, range.startOffset, true);
+            let startOffset = this.GetCursorStart(indexes, range.startOffset, true);
             this.position = range.startOffset - startOffset;
+            if (startOffset !== 0 && str[startOffset] && str[startOffset] === ' ') {
+                startOffset = startOffset + 1;
+            }
             cursorRange.setStart(range.startContainer, startOffset);
             cursorRange.setEnd(range.startContainer, this.GetCursorStart(indexes, range.startOffset, false));
         }
@@ -14241,7 +14848,7 @@ class InsertHtml {
             if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
-            if (blockNode.closest('LI') && node && node.firstElementChild &&
+            if (blockNode.closest('LI') && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
                 ((node).firstElementChild.tagName === 'OL' || node.firstElementChild.tagName === 'UL')) {
                 let liNode;
                 while (node.firstElementChild.lastElementChild && node.firstElementChild.lastElementChild.tagName === 'LI') {
@@ -14271,7 +14878,7 @@ class InsertHtml {
                     }
                 }
                 else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNullOrUndefined(currentNode.parentElement) &&
-                    (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
+                    (currentNode.parentElement.nodeName === 'LI' || currentNode.parentElement.closest('LI') || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
                     currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNullOrUndefined(currentNode.nextSibling) &&
@@ -14280,6 +14887,12 @@ class InsertHtml {
                     }
                     if (!range.collapsed) {
                         range.deleteContents();
+                        const value = range.startContainer;
+                        if (!isNullOrUndefined(value) && value.nodeName === 'LI' && !isNullOrUndefined(value.parentElement) && (value.parentElement.nodeName === 'OL' || value.parentElement.nodeName === 'UL') && value.textContent.trim() === '') {
+                            value.parentElement.querySelectorAll('li').forEach((item) => {
+                                item.remove();
+                            });
+                        }
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;
@@ -14471,7 +15084,8 @@ class LinkCommand {
             }
             if (!isNullOrUndefined(e.item.text) && e.item.text !== '') {
                 linkText = anchorEle.innerText;
-                anchorEle.innerText = e.item.text;
+                anchorEle.firstChild.nodeName === '#text' ? anchorEle.innerText = e.item.text :
+                    anchorEle.firstChild.innerText = e.item.text;
             }
             if (!isNullOrUndefined(e.item.target)) {
                 anchorEle.setAttribute('target', e.item.target);
@@ -14487,7 +15101,8 @@ class LinkCommand {
             }
             else {
                 const startIndex = e.item.action === 'Paste' ? anchorEle.childNodes[0].textContent.length : 0;
-                e.item.selection.setSelectionText(this.parent.currentDocument, anchorEle.childNodes[0], anchorEle.childNodes[0], startIndex, anchorEle.childNodes[0].textContent.length);
+                const endIndex = anchorEle.firstChild.nodeName === '#text' ? anchorEle.childNodes[0].textContent.length : anchorEle.childNodes.length;
+                e.item.selection.setSelectionText(this.parent.currentDocument, anchorEle.childNodes[0], anchorEle.childNodes[0], startIndex, endIndex);
             }
         }
         else {
@@ -14907,7 +15522,7 @@ class Indents {
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
             }
             else {
-                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
+                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px' || marginLeftOrRight === '0in') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
                 /* eslint-enable */
             }
@@ -16470,28 +17085,23 @@ class TableCommand {
         const newCell = this.activeCell.cloneNode(true);
         newCell.removeAttribute('class');
         newCell.innerHTML = '</br>';
-        let avgWidth = parseFloat(this.activeCell.style.width) / 2;
-        if (this.activeCell.tagName === 'TH' && isNaN(avgWidth)) {
-            const cellCount = this.curTable.querySelector('tr').childElementCount;
-            let colSpanCount = 0;
-            for (let i = 0; i < cellCount; i++) {
-                colSpanCount = colSpanCount + (parseInt(this.curTable.querySelector('tr').children[i].getAttribute('colspan'), 10) || 1);
-            }
-            avgWidth = parseFloat((((this.activeCell.offsetWidth / 2) / this.curTable.offsetWidth) * 100).toFixed(1));
-        }
         const activeCellIndex = this.getCorrespondingIndex(this.activeCell, this.getCorrespondingColumns());
         const correspondingColumns = this.getCorrespondingColumns();
-        const activeCellcolSpan = parseInt(this.activeCell.getAttribute('colspan'), 10);
+        const activeCellcolSpan = parseInt(this.activeCell.getAttribute('colspan'), 10) || 1;
         if (activeCellcolSpan > 1) {
-            // eslint-disable-next-line
-            1 < Math.ceil(activeCellcolSpan / 2) ? this.activeCell.setAttribute('colspan', (activeCellcolSpan / 2).toString())
-                : this.activeCell.removeAttribute('colspan');
-            // eslint-disable-next-line
-            1 < (activeCellcolSpan - activeCellcolSpan / 2) ? newCell.setAttribute('colspan', 
-            // eslint-disable-next-line
-            (activeCellcolSpan - activeCellcolSpan / 2).toString()) : newCell.removeAttribute('colspan');
+            const colSpan = Math.ceil(activeCellcolSpan / 2);
+            const getColSizes = this.getColSizes(this.curTable);
+            const activeCellUpdatedWidth = this.getSplitColWidth(activeCellIndex[1], activeCellIndex[1] + colSpan - 1, getColSizes);
+            let newCellWidth = this.getSplitColWidth(activeCellIndex[1] + colSpan, activeCellIndex[1] + activeCellcolSpan - 1, getColSizes);
+            const activeCellWidth = this.convertPixelToPercentage(this.activeCell.offsetWidth, this.curTable.offsetWidth);
+            newCellWidth = (activeCellWidth - activeCellUpdatedWidth) < newCellWidth ? (activeCellWidth - activeCellUpdatedWidth) : newCellWidth;
+            1 < colSpan ? this.activeCell.setAttribute('colspan', colSpan.toString()) : this.activeCell.removeAttribute('colspan');
+            1 < activeCellcolSpan - colSpan ? newCell.setAttribute('colspan', (activeCellcolSpan - colSpan).toString()) : newCell.removeAttribute('colspan');
+            this.activeCell.style.width = activeCellUpdatedWidth + '%';
+            newCell.style.width = newCellWidth + '%';
         }
         else {
+            let avgWidth = parseFloat(this.activeCell.style.width) / 2;
             for (let i = 0; i <= allRows.length - 1; i++) {
                 if (0 === i || correspondingColumns[i][activeCellIndex[1]] !== correspondingColumns[i - 1][activeCellIndex[1]]) {
                     const currentCell = correspondingColumns[i][activeCellIndex[1]];
@@ -16501,9 +17111,9 @@ class TableCommand {
                     }
                 }
             }
+            this.activeCell.style.width = avgWidth + '%';
+            newCell.style.width = avgWidth + '%';
         }
-        this.activeCell.style.width = avgWidth + '%';
-        newCell.style.width = avgWidth + '%';
         this.activeCell.parentNode.insertBefore(newCell, this.activeCell.nextSibling);
         if (e.callBack) {
             e.callBack({
@@ -16515,6 +17125,54 @@ class TableCommand {
             });
         }
     }
+    getSplitColWidth(startIndex, endInex, sizes) {
+        let width = 0;
+        for (let i = startIndex; i <= endInex; i++) {
+            width += sizes[i];
+        }
+        return this.convertPixelToPercentage(width, this.curTable.offsetWidth);
+    }
+    getColSizes(curTable) {
+        const cellColl = curTable.rows[0].cells;
+        let cellCount = 0;
+        for (let cell = 0; cell < cellColl.length; cell++) {
+            cellCount = cellCount + cellColl[cell].colSpan;
+        }
+        const sizes = new Array(cellCount);
+        const rowSpanCells = new Map();
+        for (let i = 0; i < curTable.rows.length; i++) {
+            let currentColIndex = 0;
+            for (let k = 0; k < curTable.rows[i].cells.length; k++) {
+                for (let l = 1; l < curTable.rows[i].cells[k].rowSpan; l++) {
+                    const key = `${i + l}${currentColIndex}`;
+                    rowSpanCells.set(key, curTable.rows[i].cells[k]);
+                }
+                const cellIndex = this.getCellIndex(rowSpanCells, i, k);
+                if (cellIndex > currentColIndex) {
+                    currentColIndex = cellIndex;
+                }
+                const width = curTable.rows[i].cells[k].offsetWidth;
+                if (!sizes[currentColIndex] || width < sizes[currentColIndex]) {
+                    sizes[currentColIndex] = width;
+                }
+                currentColIndex += 1 + curTable.rows[i].cells[k].colSpan - 1;
+            }
+        }
+        return sizes;
+    }
+    getCellIndex(rowSpanCells, rowIndex, colIndex) {
+        const cellKey = `${rowIndex}${colIndex}`;
+        const spannedCell = rowSpanCells.get(cellKey);
+        if (spannedCell) {
+            return this.getCellIndex(rowSpanCells, rowIndex, colIndex + spannedCell.colSpan);
+        }
+        else {
+            return colIndex;
+        }
+    }
+    convertPixelToPercentage(value, offsetValue) {
+        return (value / offsetValue) * 100;
+    }
     getCorrespondingColumns() {
         const elementArray = [];
         // eslint-disable-next-line
@@ -16677,256 +17335,6 @@ class TableCommand {
 class MinMax {
 }
 
-/**
- * Is formatted or not.
- *
- * @hidden
- * @deprecated
- */
-class IsFormatted {
-    /**
-     * getFormattedNode method
-     *
-     * @param {Node} node - specifies the node.
-     * @param {string} format - specifies the string value.
-     * @param {Node} endNode - specifies the end node
-     * @returns {Node} - returns the node
-     * @hidden
-     * @deprecated
-     */
-    getFormattedNode(node, format, endNode) {
-        const parentNode = this.getFormatParent(node, format, endNode);
-        if (parentNode !== null && parentNode !== endNode) {
-            return parentNode;
-        }
-        return null;
-    }
-    getFormatParent(node, format, endNode) {
-        do {
-            node = node.parentNode;
-        } while (node && (node !== endNode) && !this.isFormattedNode(node, format));
-        return node;
-    }
-    isFormattedNode(node, format) {
-        switch (format) {
-            case 'bold':
-                return IsFormatted.isBold(node);
-            case 'italic':
-                return IsFormatted.isItalic(node);
-            case 'underline':
-                return IsFormatted.isUnderline(node);
-            case 'strikethrough':
-                return IsFormatted.isStrikethrough(node);
-            case 'superscript':
-                return IsFormatted.isSuperscript(node);
-            case 'subscript':
-                return IsFormatted.isSubscript(node);
-            case 'fontcolor':
-                return this.isFontColor(node);
-            case 'fontname':
-                return this.isFontName(node);
-            case 'fontsize':
-                return this.isFontSize(node);
-            case 'backgroundcolor':
-                return this.isBackgroundColor(node);
-            default:
-                return false;
-        }
-    }
-    /**
-     * isBold method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    static isBold(node) {
-        const validTags = ['strong', 'b'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && node.style.fontWeight === 'bold') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    /**
-     * isItalic method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    static isItalic(node) {
-        const validTags = ['em', 'i'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && node.style.fontStyle === 'italic') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    /**
-     * isUnderline method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    static isUnderline(node) {
-        const validTags = ['u'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-            /* eslint-disable */
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && (node.style.textDecoration === 'underline' ||
-            node.style.textDecorationLine === 'underline')) {
-            /* eslint-enable */
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    /**
-     * isStrikethrough method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    static isStrikethrough(node) {
-        const validTags = ['del', 'strike'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-            /* eslint-disable */
-        }
-        else if (this.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            node.style && (node.style.textDecoration === 'line-through' ||
-            node.style.textDecorationLine === 'line-through')) {
-            /* eslint-enable */
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    /**
-     * isSuperscript method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    static isSuperscript(node) {
-        const validTags = ['sup'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    /**
-     * isSubscript method
-     *
-     * @param {Node} node - specifies the node value
-     * @returns {boolean} - returns the boolean value
-     * @hidden
-     * @deprecated
-     */
-    static isSubscript(node) {
-        const validTags = ['sub'];
-        if (validTags.indexOf(node.nodeName.toLowerCase()) !== -1) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    isFontColor(node) {
-        const color = node.style && node.style.color;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            color !== null && color !== '' && color !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    isBackgroundColor(node) {
-        const backColor = node.style && node.style.backgroundColor;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            backColor !== null && backColor !== '' && backColor !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    isFontSize(node) {
-        const size = node.style && node.style.fontSize;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            size !== null && size !== '' && size !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    isFontName(node) {
-        const name = node.style && node.style.fontFamily;
-        if (IsFormatted.inlineTags.indexOf(node.nodeName.toLowerCase()) !== -1 &&
-            name !== null && name !== '' && name !== undefined) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-}
-// Get Formatted Node
-IsFormatted.inlineTags = [
-    'a',
-    'abbr',
-    'acronym',
-    'b',
-    'bdo',
-    'big',
-    'cite',
-    'code',
-    'dfn',
-    'em',
-    'font',
-    'i',
-    'kbd',
-    'label',
-    'q',
-    'samp',
-    'small',
-    'span',
-    'strong',
-    'sub',
-    'sup',
-    'tt',
-    'u',
-    'var',
-    'del'
-];
-
 /**
  * `Selection` module is used to handle RTE Selections.
  */
@@ -17294,6 +17702,10 @@ class SelectionCommands {
                     liElement.style.fontStyle = 'normal';
                 }
             }
+            else if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                SelectionCommands.conCatenateTextNode(liElement, format, '', 'normal');
+            }
         }
         if (child[0] && !isFontStyle) {
             let nodeTraverse = child[index] ? child[index] : child[0];
@@ -17352,6 +17764,10 @@ class SelectionCommands {
                             liElement.style.fontFamily = value;
                         }
                     }
+                    if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                        && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                        SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format, value);
+                    }
                     if (child[num].textContent === startText) {
                         if (num === 0) {
                             range.setStartBefore(child[num]);
@@ -17459,7 +17875,7 @@ class SelectionCommands {
                             parentElement = parentElement.parentElement;
                             liElement = parentElement;
                         }
-                        if (format === 'fontcolor' || format === 'fontname') {
+                        if (format === 'fontcolor' || format === 'fontname' || format === 'fontsize') {
                             const parentElem = nodes[index].parentElement;
                             if (!isNullOrUndefined(parentElem) && parentElem.childNodes) {
                                 for (let i = 0; i < parentElem.childNodes.length; i++) {
@@ -17479,6 +17895,9 @@ class SelectionCommands {
                                                 case 'fontname':
                                                     liElement.style.fontFamily = value;
                                                     break;
+                                                case 'fontsize':
+                                                    liElement.style.fontSize = value;
+                                                    break;
                                                 default:
                                                     break;
                                             }
@@ -17494,6 +17913,9 @@ class SelectionCommands {
                                             case 'fontname':
                                                 childElement.style.fontFamily = 'initial';
                                                 break;
+                                            case 'fontsize':
+                                                childElement.style.fontSize = 'initial';
+                                                break;
                                             default:
                                                 break;
                                         }
@@ -17553,6 +17975,10 @@ class SelectionCommands {
                             }
                             nodeList[0] = currentFormatNode;
                             this.applyStyles(nodeList, 0, element);
+                            if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                                && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                                SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format, value);
+                            }
                         }
                         else {
                             nodes[index] = this.applyStyles(nodes, index, element);
@@ -17573,6 +17999,10 @@ class SelectionCommands {
                                 liElement.style.fontStyle = 'italic';
                             }
                         }
+                        else if (!isNullOrUndefined(liElement) && liElement.tagName.toLowerCase() === 'li'
+                            && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                            SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format);
+                        }
                     }
                 }
             }
@@ -17776,7 +18206,9 @@ class SelectionCommands {
             }
             const blockChildNodes = parent.parentElement.childNodes;
             for (let k = 0; k < blockChildNodes.length; k++) {
-                if (blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) {
+                if ((blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) &&
+                    blockChildNodes[k].textContent.charCodeAt(0) !== 160) {
+                    // 160 is the char code for &nbsp;
                     detach(blockChildNodes[k]);
                 }
             }
@@ -17812,6 +18244,64 @@ class SelectionCommands {
         }
         return result;
     }
+    static conCatenateTextNode(liElement, format, value, formatStr, constVal) {
+        let result = '';
+        switch (format) {
+            case 'bold':
+                liElement.querySelectorAll('strong').forEach(function (e) {
+                    result = result + e.textContent;
+                });
+                if (result === value) {
+                    liElement.style.fontWeight = formatStr;
+                }
+                break;
+            case 'italic':
+                liElement.querySelectorAll('em').forEach(function (e) {
+                    result = result + e.textContent;
+                });
+                if (result === value) {
+                    liElement.style.fontStyle = formatStr;
+                }
+                break;
+            case 'fontcolor':
+                let colorStyle = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    colorStyle = span.style.color;
+                    if (colorStyle === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.color = colorStyle;
+                    liElement.style.textDecoration = 'inherit';
+                }
+                break;
+            case 'fontsize':
+                let fontSize = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    fontSize = span.style.getPropertyValue('font-size');
+                    if (fontSize === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.fontSize = fontSize;
+                }
+                break;
+            case 'fontname':
+                let fontFamily = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    fontFamily = span.style.getPropertyValue('font-family');
+                    if (fontFamily === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.fontFamily = fontFamily;
+                }
+                break;
+        }
+    }
 }
 SelectionCommands.enterAction = 'P';
 
@@ -19556,373 +20046,6 @@ class InsertTextExec {
     }
 }
 
-/**
- * Update Toolbar Status
- *
- * @hidden
- * @deprecated
- */
-const statusCollection = getDefaultHtmlTbStatus();
-class ToolbarStatus {
-    /**
-     * get method
-     *
-     * @param {Document} docElement - specifies the document element
-     * @param {Node} rootNode - specifies the content editable element
-     * @param {string[]} formatNode - specifies the format node
-     * @param {string[]} fontSize - specifies the font size
-     * @param {string[]} fontName - specifies the font name.
-     * @param {Node} documentNode - specifies the document node.
-     * @returns {IToolbarStatus} - returns the toolbar status
-     * @hidden
-     * @deprecated
-     */
-    static get(docElement, rootNode, formatNode, fontSize, fontName, documentNode) {
-        let formatCollection = JSON.parse(JSON.stringify(statusCollection));
-        const nodeCollection = JSON.parse(JSON.stringify(statusCollection));
-        const nodeSelection = new NodeSelection();
-        const range = nodeSelection.getRange(docElement);
-        const nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
-            nodeSelection.getSelectionNodeCollectionBr(range);
-        const nodesLength = nodes.length;
-        let isNodeChanged = false;
-        for (let index = 0; index < nodes.length; index++) {
-            while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
-                nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&
-                (this.getImmediateBlockNode(nodes[index].parentNode)).textContent.replace(/\u200B/g, '').length === 0 &&
-                range.startContainer.textContent.replace(/\u200B/g, '').length === 0 &&
-                nodeSelection.get(docElement).toString().replace(/\u200B/g, '').length === 0) {
-                nodes[index] = nodes[index].parentNode.lastElementChild.firstChild;
-                isNodeChanged = true;
-            }
-            if (isNodeChanged && nodes[index]) {
-                nodeSelection.setCursorPoint(docElement, nodes[index], nodes[index].textContent.length);
-                isNodeChanged = false;
-            }
-            if ((nodes[index].nodeName !== 'BR' && nodes[index].nodeType !== 3) ||
-                (nodesLength > 1 && nodes[index].nodeType === 3 && nodes[index].textContent.trim() === '')) {
-                nodes.splice(index, 1);
-                index--;
-            }
-        }
-        for (let index = 0; index < nodes.length; index++) {
-            // eslint-disable-next-line max-len
-            formatCollection = this.getFormatParent(docElement, formatCollection, nodes[index], rootNode, formatNode, fontSize, fontName);
-            if ((index === 0 && formatCollection.bold) || !formatCollection.bold) {
-                nodeCollection.bold = formatCollection.bold;
-            }
-            if ((index === 0 && formatCollection.insertcode) || !formatCollection.insertcode) {
-                nodeCollection.insertcode = formatCollection.insertcode;
-            }
-            if ((index === 0 && formatCollection.italic) || !formatCollection.italic) {
-                nodeCollection.italic = formatCollection.italic;
-            }
-            if ((index === 0 && formatCollection.underline) || !formatCollection.underline) {
-                nodeCollection.underline = formatCollection.underline;
-            }
-            if ((index === 0 && formatCollection.strikethrough) || !formatCollection.strikethrough) {
-                nodeCollection.strikethrough = formatCollection.strikethrough;
-            }
-            if ((index === 0 && formatCollection.superscript) || !formatCollection.superscript) {
-                nodeCollection.superscript = formatCollection.superscript;
-            }
-            if ((index === 0 && formatCollection.subscript) || !formatCollection.subscript) {
-                nodeCollection.subscript = formatCollection.subscript;
-            }
-            if ((index === 0 && formatCollection.fontcolor) || !formatCollection.fontcolor) {
-                nodeCollection.fontcolor = formatCollection.fontcolor;
-            }
-            if (index === 0 && formatCollection.fontname) {
-                nodeCollection.fontname = formatCollection.fontname;
-            }
-            else {
-                nodeCollection.fontname = formatCollection.fontname === nodeCollection.fontname ? formatCollection.fontname : 'empty';
-            }
-            if (index === 0 && formatCollection.fontsize) {
-                nodeCollection.fontsize = formatCollection.fontsize;
-            }
-            else {
-                nodeCollection.fontsize = formatCollection.fontsize === nodeCollection.fontsize ? formatCollection.fontsize : 'empty';
-            }
-            if ((index === 0 && formatCollection.backgroundcolor) || !formatCollection.backgroundcolor) {
-                nodeCollection.backgroundcolor = formatCollection.backgroundcolor;
-            }
-            if ((index === 0 && formatCollection.orderedlist) || !formatCollection.orderedlist) {
-                nodeCollection.orderedlist = formatCollection.orderedlist;
-            }
-            if ((index === 0 && formatCollection.unorderedlist) || !formatCollection.unorderedlist) {
-                nodeCollection.unorderedlist = formatCollection.unorderedlist;
-            }
-            if ((index === 0 && formatCollection.alignments) || !formatCollection.alignments) {
-                nodeCollection.alignments = formatCollection.alignments;
-            }
-            if (index === 0 && formatCollection.formats) {
-                nodeCollection.formats = formatCollection.formats;
-            }
-            else {
-                nodeCollection.formats = formatCollection.formats === nodeCollection.formats ? formatCollection.formats : 'empty';
-            }
-            if ((index === 0 && formatCollection.createlink) || !formatCollection.createlink) {
-                nodeCollection.createlink = formatCollection.createlink;
-            }
-            if ((index === 0 && formatCollection.numberFormatList) || !formatCollection.numberFormatList) {
-                nodeCollection.numberFormatList = formatCollection.numberFormatList;
-            }
-            if ((index === 0 && formatCollection.bulletFormatList) || !formatCollection.bulletFormatList) {
-                nodeCollection.bulletFormatList = formatCollection.bulletFormatList;
-            }
-            formatCollection = JSON.parse(JSON.stringify(statusCollection));
-        }
-        return nodeCollection;
-    }
-    static getImmediateBlockNode(node) {
-        do {
-            node = node.parentNode;
-        } while (node && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) < 0);
-        return node;
-    }
-    static getFormatParent(docElement, formatCollection, node, targetNode, formatNode, fontSize, fontName) {
-        let isListUpdated = false;
-        let isComplexListUpdated = false;
-        if (targetNode.contains(node) ||
-            (node.nodeType === 3 && targetNode.nodeType !== 3 && targetNode.contains(node.parentNode))) {
-            do {
-                formatCollection = this.isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName);
-                if (formatCollection.orderedlist || formatCollection.unorderedlist) {
-                    isListUpdated = true;
-                }
-                if (formatCollection.bulletFormatList || formatCollection.numberFormatList) {
-                    isComplexListUpdated = true;
-                }
-                node = node.parentNode;
-            } while (node && (node !== targetNode));
-        }
-        return formatCollection;
-    }
-    static isFormattedNode(docElement, formatCollection, node, isListUpdated, isComplexListUpdated, formatNode, fontSize, fontName) {
-        if (!formatCollection.bold) {
-            formatCollection.bold = IsFormatted.isBold(node);
-        }
-        if (!formatCollection.italic) {
-            formatCollection.italic = IsFormatted.isItalic(node);
-        }
-        if (!formatCollection.underline) {
-            formatCollection.underline = IsFormatted.isUnderline(node);
-        }
-        if (!formatCollection.strikethrough) {
-            formatCollection.strikethrough = IsFormatted.isStrikethrough(node);
-        }
-        if (!formatCollection.superscript) {
-            formatCollection.superscript = IsFormatted.isSuperscript(node);
-        }
-        if (!formatCollection.subscript) {
-            formatCollection.subscript = IsFormatted.isSubscript(node);
-        }
-        if (!formatCollection.fontcolor) {
-            formatCollection.fontcolor = this.isFontColor(docElement, node);
-        }
-        if (!formatCollection.fontname) {
-            formatCollection.fontname = this.isFontName(docElement, node, fontName);
-        }
-        if (!formatCollection.fontsize) {
-            formatCollection.fontsize = this.isFontSize(docElement, node, fontSize);
-        }
-        if (!formatCollection.backgroundcolor) {
-            formatCollection.backgroundcolor = this.isBackgroundColor(node);
-        }
-        if (!formatCollection.orderedlist && !isListUpdated) {
-            formatCollection.orderedlist = this.isOrderedList(node);
-        }
-        if (!formatCollection.unorderedlist && !isListUpdated) {
-            formatCollection.unorderedlist = this.isUnorderedList(node);
-        }
-        if (!formatCollection.alignments) {
-            formatCollection.alignments = this.isAlignment(node);
-        }
-        if (!formatCollection.formats) {
-            formatCollection.formats = this.isFormats(node, formatNode);
-            if (formatCollection.formats === 'pre') {
-                formatCollection.insertcode = true;
-            }
-        }
-        if (!formatCollection.createlink) {
-            formatCollection.createlink = this.isLink(node);
-        }
-        if (!formatCollection.numberFormatList && !isComplexListUpdated) {
-            formatCollection.numberFormatList = this.isNumberFormatList(node);
-        }
-        if (!formatCollection.bulletFormatList && !isComplexListUpdated) {
-            formatCollection.bulletFormatList = this.isBulletFormatList(node);
-        }
-        return formatCollection;
-    }
-    static isFontColor(docElement, node) {
-        let color = node.style && node.style.color;
-        if ((color === null || color === undefined || color === '') && node.nodeType !== 3) {
-            color = this.getComputedStyle(docElement, node, 'color');
-        }
-        if (color !== null && color !== '' && color !== undefined) {
-            return color;
-        }
-        else {
-            return null;
-        }
-    }
-    static isLink(node) {
-        if (node.nodeName.toLocaleLowerCase() === 'a') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    static isBackgroundColor(node) {
-        const backColor = node.style && node.style.backgroundColor;
-        if (backColor !== null && backColor !== '' && backColor !== undefined) {
-            return backColor;
-        }
-        else {
-            return null;
-        }
-    }
-    static isFontSize(docElement, node, fontSize) {
-        let size = node.style && node.style.fontSize;
-        if ((size === null || size === undefined || size === '') && node.nodeType !== 3 &&
-            node.parentElement.classList.contains('e-content')) {
-            size = this.getComputedStyle(docElement, node, 'font-size');
-        }
-        if ((size !== null && size !== '' && size !== undefined)
-            && (fontSize === null || fontSize === undefined || (fontSize.indexOf(size) > -1))) {
-            return size;
-        }
-        else {
-            return null;
-        }
-    }
-    static isFontName(docElement, node, fontName) {
-        let name = node.style && node.style.fontFamily;
-        if ((name === null || name === undefined || name === '') && node.nodeType !== 3) {
-            name = this.getComputedStyle(docElement, node, 'font-family');
-        }
-        let index = null;
-        if ((name !== null && name !== '' && name !== undefined)
-            && (fontName === null || fontName === undefined || (fontName.filter((value, pos) => {
-                // eslint-disable-next-line
-                const pattern = new RegExp(name, 'i');
-                if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
-                    (value.split(',')[0] && !isNullOrUndefined(value.split(',')[0].trim().match(pattern)) &&
-                        value.split(',')[0].trim() === value.split(',')[0].trim().match(pattern)[0])) {
-                    index = pos;
-                }
-            }) && (index !== null)))) {
-            // eslint-disable-next-line
-            return (index !== null) ? fontName[index] : name.replace(/"/g, '');
-        }
-        else {
-            return null;
-        }
-    }
-    static isOrderedList(node) {
-        if (node.nodeName.toLocaleLowerCase() === 'ol') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    static isUnorderedList(node) {
-        if (node.nodeName.toLocaleLowerCase() === 'ul') {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    static isAlignment(node) {
-        const align = node.style && node.style.textAlign;
-        if (align === 'left') {
-            return 'justifyleft';
-        }
-        else if (align === 'center') {
-            return 'justifycenter';
-        }
-        else if (align === 'right') {
-            return 'justifyright';
-        }
-        else if (align === 'justify') {
-            return 'justifyfull';
-        }
-        else {
-            return null;
-        }
-    }
-    static isFormats(node, formatNode) {
-        if (((formatNode === undefined || formatNode === null)
-            && BLOCK_TAGS.indexOf(node.nodeName.toLocaleLowerCase()) > -1)
-            || (formatNode !== null && formatNode !== undefined
-                && formatNode.indexOf(node.nodeName.toLocaleLowerCase()) > -1)) {
-            return node.nodeName.toLocaleLowerCase();
-        }
-        else {
-            return null;
-        }
-    }
-    static getComputedStyle(docElement, node, prop) {
-        return docElement.defaultView.getComputedStyle(node, null).getPropertyValue(prop);
-    }
-    static isNumberFormatList(node) {
-        const list = node.style && node.style.listStyleType;
-        if (list === 'lower-alpha') {
-            return 'Lower Alpha';
-        }
-        else if (list === 'number') {
-            return 'Number';
-        }
-        else if (list === 'upper-alpha') {
-            return 'Upper Alpha';
-        }
-        else if (list === 'lower-roman') {
-            return 'Lower Roman';
-        }
-        else if (list === 'upper-roman') {
-            return 'Upper Roman';
-        }
-        else if (list === 'lower-greek') {
-            return 'Lower Greek';
-        }
-        else if (list === 'none') {
-            return 'None';
-        }
-        else if (this.isOrderedList(node)) {
-            return true;
-        }
-        else {
-            return null;
-        }
-    }
-    static isBulletFormatList(node) {
-        const list = node.style && node.style.listStyleType;
-        if (list === 'circle') {
-            return 'Circle';
-        }
-        else if (list === 'square') {
-            return 'Square';
-        }
-        else if (list === 'none') {
-            return 'None';
-        }
-        else if (list === 'disc') {
-            return 'Disc';
-        }
-        else if (this.isUnorderedList(node)) {
-            return true;
-        }
-        else {
-            return null;
-        }
-    }
-}
-
 class EmojiPickerAction {
     constructor(parent) {
         this.parent = parent;
@@ -21830,12 +21953,17 @@ class HtmlEditor {
                 }
                 let lastNode = this.oldRangeElement.lastChild ? this.oldRangeElement.lastChild : this.oldRangeElement;
                 while (lastNode.nodeType !== 3 && lastNode.nodeName !== '#text' &&
-                    lastNode.nodeName !== 'BR') {
+                    lastNode.nodeName !== 'BR' && !isNullOrUndefined(lastNode.lastChild)) {
                     lastNode = lastNode.lastChild;
                 }
-                this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
-                // eslint-disable-next-line
-                lastNode, lastNode.textContent.length);
+                if (lastNode.nodeName === 'IMG') {
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), lastNode.parentElement, lastNode.parentElement.childNodes.length);
+                }
+                else {
+                    this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), 
+                    // eslint-disable-next-line
+                    lastNode, lastNode.textContent.length);
+                }
                 if (this.oldRangeElement.nodeName !== '#text' && this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     detach(this.oldRangeElement.querySelector('BR'));
                 }
@@ -24144,6 +24272,9 @@ class FormatPainter {
             if ((originalEvent.action === 'format-copy' || originalEvent.action === 'format-paste')) {
                 originalEvent.stopPropagation();
             }
+            if (Browser.userAgent.indexOf('Firefox') !== -1) {
+                originalEvent.preventDefault();
+            }
             this.actionHandler(event, 'keyBoard');
         }
     }
@@ -24887,7 +25018,7 @@ class EmojiPicker {
                     }
                 }
             }
-            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':')) {
+            if (noEMoji && !this.parent.element.querySelector('.e-rte-emojiSearch-noEmoji') && (inputValue !== '' && value !== ':' && value !== ': :')) {
                 noEmojiObj.innerHTML = '<span style="color: rgba(0, 0, 0, 0.75); font-weight: 500; font-size: 16px;">' + this.i10n.getConstant('emojiPickerNoResultFound') + ' 😥 </span>' + '<br>' + '<span style="color: rgba(0, 0, 0, 0.75);"> ' + this.i10n.getConstant('emojiPickerTrySomethingElse') + ' ? </span>';
                 noEmojiObj.style.margin = '55px';
                 emojipickerAll.appendChild(noEmojiObj);
@@ -27113,7 +27244,7 @@ class Image$1 {
                     this.uploadObj.remove();
                 }
                 this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
                     if (this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -27232,6 +27363,9 @@ class Image$1 {
                 removeClass([items[i]], 'e-resize');
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     }
     removeResizeEle() {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -28070,6 +28204,7 @@ class Audio {
         this.parent.on(editAreaClick, this.editAreaClickHandler, this);
         this.parent.on(insertCompleted, this.showAudioQuickToolbar, this);
         this.parent.on(destroy, this.removeEventListener, this);
+        this.parent.on(iframeMouseDown, this.closeDialog, this);
     }
     removeEventListener() {
         if (this.parent.isDestroyed) {
@@ -28088,6 +28223,7 @@ class Audio {
         this.parent.off(editAreaClick, this.editAreaClickHandler);
         this.parent.off(insertCompleted, this.showAudioQuickToolbar);
         this.parent.off(destroy, this.removeEventListener);
+        this.parent.off(iframeMouseDown, this.closeDialog);
         if (!isNullOrUndefined(this.contentModule)) {
             EventHandler.remove(this.parent.contentModule.getEditPanel(), Browser.touchStartEvent, this.touchStart);
             EventHandler.remove(this.contentModule.getEditPanel(), Browser.touchEndEvent, this.audioClick);
@@ -28336,7 +28472,7 @@ class Audio {
             this.parent.formatter.saveData();
         }
         e.selection.restore();
-        this.parent.formatter.process(this.parent, e.args, e.args, {
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, {
             selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
@@ -28432,6 +28568,9 @@ class Audio {
                 this.prevSelectedAudEle.style.outline = '';
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     }
     alignmentSelect(e) {
         const item = e.item;
@@ -28464,7 +28603,7 @@ class Audio {
         }
         const subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Break';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     }
     inline(e) {
         if (e.selectNode[0].nodeName !== 'AUDIO') {
@@ -28472,7 +28611,7 @@ class Audio {
         }
         const subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Inline';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     }
     editAreaClickHandler(e) {
         if (this.parent.readonly) {
@@ -28610,7 +28749,7 @@ class Audio {
                     this.uploadObj.removing();
                 }
                 this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
                     if (this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -29696,7 +29835,7 @@ class Video {
             this.parent.formatter.saveData();
         }
         e.selection.restore();
-        this.parent.formatter.process(this.parent, e.args, e.args, {
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, {
             selectNode: e.selectNode,
             subCommand: e.args.item.subCommand
         });
@@ -29786,6 +29925,9 @@ class Video {
                 this.prevSelectedVidEle.style.outline = '';
             }
         }
+        if (this.parent.inlineMode.enable && target && this.dialogObj && !closest(target, '#' + this.dialogObj.element.id)) {
+            this.dialogObj.hide();
+        }
     }
     removeResizeEle() {
         EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.resizing);
@@ -29803,7 +29945,7 @@ class Video {
         }
         const subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Break';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     }
     inline(e) {
         if (e.selectNode[0].nodeName !== 'VIDEO' && !this.isEmbedVidElem(e.selectNode[0])) {
@@ -29811,12 +29953,12 @@ class Video {
         }
         const subCommand = (e.args.item) ?
             e.args.item.subCommand : 'Inline';
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     }
     alignVideo(e, type) {
         const subCommand = (e.args.item) ?
             e.args.item.subCommand : type;
-        this.parent.formatter.process(this.parent, e.args, e.args, { selectNode: e.selectNode, subCommand: subCommand });
+        this.parent.formatter.process(this.parent, e.args, e.args.originalEvent, { selectNode: e.selectNode, subCommand: subCommand });
     }
     editAreaClickHandler(e) {
         if (this.parent.readonly) {
@@ -29958,7 +30100,7 @@ class Video {
                     this.uploadObj.removing();
                 }
                 this.parent.isBlur = false;
-                if (event && event.event.returnValue) {
+                if (event && !isNullOrUndefined(event.event) && event.event.returnValue) {
                     if (this.parent.editorMode === 'HTML') {
                         selection.restore();
                     }
@@ -30049,21 +30191,26 @@ class Video {
                 }
             }
         });
-        if (e.selectNode && ((e.selectNode[0] && e.selectNode[0].nodeType !== 3 &&
-            e.selectNode[0].nodeName !== 'BR' &&
-            (e.selectNode[0].classList &&
-                e.selectNode[0].classList.contains(CLS_VID_CLICK_ELEM))) ||
-            e.selectNode[0].nodeName === 'IFRAME' || e.selectNode[0].nodeName === 'VIDEO')) {
-            const regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-            const sourceElement = e.selectNode[0].querySelector('source');
-            this.inputUrl.value = sourceElement.src.match(regex) ? sourceElement.src : '';
+        if (e.selectNode && e.selectNode[0] && (e.selectNode[0].nodeName === 'VIDEO' || this.isEmbedVidElem(e.selectNode[0]))) {
+            if (e.selectNode[0].nodeName === 'VIDEO') {
+                const regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
+                const sourceElement = e.selectNode[0].querySelector('source');
+                this.inputUrl.value = sourceElement && sourceElement.src && sourceElement.src.match(regex) ? sourceElement.src : '';
+            }
+            else {
+                this.embedInputUrl.value = e.selectNode[0].nodeName === 'IFRAME' ? e.selectNode[0].outerHTML
+                    : e.selectNode[0].querySelector('iframe').outerHTML;
+            }
         }
+        const isWebUrl = this.inputUrl.value ? true : false;
         const embedUrlBtn = new RadioButton({
             label: this.i10n.getConstant('embeddedCode'),
-            checked: true,
+            checked: !isWebUrl,
             name: 'URL',
             created: () => {
-                urlContent.appendChild(this.embedInputUrl);
+                if (!isWebUrl) {
+                    urlContent.appendChild(this.embedInputUrl);
+                }
             },
             change: () => {
                 urlContent.innerHTML = '';
@@ -30073,7 +30220,13 @@ class Video {
         embedUrlBtn.appendTo(videoUrl.querySelector('#embedURL'));
         const webUrlBtn = new RadioButton({
             label: this.i10n.getConstant('webUrl'),
+            checked: isWebUrl,
             name: 'URL',
+            created: () => {
+                if (isWebUrl) {
+                    urlContent.appendChild(this.inputUrl);
+                }
+            },
             change: () => {
                 urlContent.innerHTML = '';
                 urlContent.appendChild(this.inputUrl);
@@ -31229,13 +31382,14 @@ class Table {
         }
         const target = e.target || e.targetTouches[0].target;
         const closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table');
-        if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable &&
+        const isResizing = this.parent.contentModule.getEditPanel().querySelectorAll('.e-table-box.e-rbox-select, .e-table-rhelper.e-column-helper, .e-table-rhelper.e-row-helper').length > 0;
+        if (!isResizing && !isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable &&
             this.parent.contentModule.getEditPanel().contains(closestTable)) {
             this.removeResizeElement();
             this.removeHelper(e);
             this.cancelResizeAction();
         }
-        if (target.nodeName === 'TABLE' || target.nodeName === 'TD' || target.nodeName === 'TH') {
+        if (!isResizing && (target.nodeName === 'TABLE' || target.nodeName === 'TD' || target.nodeName === 'TH')) {
             this.curTable = (closestTable && this.parent.contentModule.getEditPanel().contains(closestTable))
                 && (target.nodeName === 'TD' || target.nodeName === 'TH') ?
                 closestTable : target;
@@ -31380,7 +31534,6 @@ class Table {
             e.preventDefault();
             this.parent.preventDefaultResize(e);
             removeClass(this.curTable.querySelectorAll('td,th'), CLS_TABLE_SEL);
-            this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
             this.pageX = this.getPointX(e);
             this.pageY = this.getPointY(e);
             this.resizeBtnInit();
@@ -31639,7 +31792,8 @@ class Table {
                                 const width = parseFloat(this.curTable.style.width);
                                 currentMarginLeft = 100 - width;
                             }
-                            if (currentMarginLeft && currentMarginLeft < 1) {
+                            // For table pasted from word, Margin left can be anything so we are avoiding the below process.
+                            if (!this.curTable.classList.contains('e-rte-paste-table') && currentMarginLeft && currentMarginLeft < 1) {
                                 this.curTable.style.marginLeft = null;
                                 this.curTable.style.width = '100%';
                                 return;
@@ -31802,7 +31956,13 @@ class Table {
             tableTrPercentage[i] = percentage;
         }
         for (let i = 0; i < currentTableTrElement.length; i++) {
-            currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+            if (currentTableTrElement[i].parentElement.nodeName === 'THEAD') {
+                currentTableTrElement[i].parentElement.style.height = tableTrPercentage[i] + '%';
+                currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+            }
+            else {
+                currentTableTrElement[i].style.height = tableTrPercentage[i] + '%';
+            }
         }
         const args = { event: e, requestType: 'table' };
         this.parent.trigger(resizeStop, args);
@@ -31951,6 +32111,9 @@ class Table {
         if (this.popupObj) {
             this.popupObj.hide();
         }
+        if (this.parent.inlineMode.enable && this.editdlgObj) {
+            this.editdlgObj.hide();
+        }
     }
     docClick(e) {
         const target = e.args.target;
@@ -33098,7 +33261,7 @@ class EnterKeyAction {
                 curElement = curElement.parentElement;
                 blockElement = curElement;
             }
-            isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
+            isTableEnter = blockElement.tagName === 'TH' || blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
         if (e.args.which === 13 && !e.args.ctrlKey && (!Browser.isDevice ? e.args.code === 'Enter' : e.args.key === 'Enter')) {
             if (isNullOrUndefined(this.startNode.closest('LI, UL, OL')) && isNullOrUndefined(this.endNode.closest('LI, UL, OL')) &&
@@ -33113,6 +33276,9 @@ class EnterKeyAction {
                 };
                 this.parent.trigger(actionBegin, actionBeginArgs, (actionBeginArgs) => {
                     if (!actionBeginArgs.cancel) {
+                        if (this.parent.formatter.getUndoRedoStack().length === 0) {
+                            this.parent.formatter.saveData();
+                        }
                         if (!(this.range.startOffset === this.range.endOffset && this.range.startContainer === this.range.endContainer)) {
                             if (!(this.range.startContainer.nodeName === 'SPAN' && (this.range.startContainer.classList.contains('e-video-wrap') ||
                                 this.range.startContainer.classList.contains('e-audio-wrap')))) {
@@ -34247,8 +34413,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which == 67))) {
             this.formatter.saveData();
         }
-        if (e.action !== 'insert-link' &&
-            e.action !== 'format-copy' && e.action !== 'format-paste' &&
+        const keyboardEventAction = ['insert-link', 'format-copy', 'format-paste', 'insert-image', 'insert-table', 'insert-audio', 'insert-video'];
+        if (keyboardEventAction.indexOf(e.action) === -1 &&
             (!e.target || !(e.target.classList.contains('e-mention') && !isNullOrUndefined(document.querySelector('#' + e.target.id + '_popup.e-popup-open')) && e.code === 'Tab')) &&
             (e.action && e.action !== 'paste' && e.action !== 'space'
                 || e.which === 9 || (e.code === 'Backspace' && e.which === 8))) {
@@ -35900,9 +36066,7 @@ let RichTextEditor = class RichTextEditor extends Component {
     autoResize() {
         if (this.height === 'auto') {
             if (this.editorMode === 'Markdown') {
-                setTimeout(() => {
-                    this.setAutoHeight(this.inputElement);
-                }, 0);
+                this.setAutoHeight(this.inputElement);
             }
             else if (this.iframeSettings.enable) {
                 const iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
@@ -35915,21 +36079,10 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
     }
     setAutoHeight(element) {
-        if (!isNullOrUndefined(element) && !this.iframeSettings.enable) {
+        if (!isNullOrUndefined(element)) {
             element.style.height = this.inputElement.scrollHeight + 'px';
             element.style.overflow = 'hidden';
         }
-        else if (!isNullOrUndefined(element) && !isNullOrUndefined(element.parentElement) && this.iframeSettings.enable) {
-            const newRange = this.getRange();
-            element.style.height = 'auto';
-            const newHeight = element.contentDocument.body.scrollHeight + 'px';
-            element.style.height = newHeight;
-            element.style.overflow = 'hidden';
-            // 16 px added for padding doesn't affect the editor height
-            if (newRange.startContainer.nodeName !== '#text' && newRange.startContainer.nodeName !== 'BODY' && window.innerHeight < newRange.startContainer.getBoundingClientRect().top + element.getBoundingClientRect().top + 16) {
-                newRange.startContainer.scrollIntoView(false);
-            }
-        }
     }
     wireEvents() {
         this.element.addEventListener('focusin', this.onFocusHandler, true);
@@ -36427,5 +36580,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, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, 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, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_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_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, 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_ALIGN_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_AUD_FOCUS, CLS_VID_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, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, getIndex, hasClass, getDropDownValue, isIDevice, getFormattedFontSize, pageYOffset, getTooltipText, getTooltipTextDropdownItems, getQuickToolbarTooltipText, setToolbarStatus, getCollection, getTBarItemsIndex, updateUndoRedoStatus, dispatchEvent, parseHtml, getTextNodesUnder, toObjectLowerCase, getEditValue, updateTextNode, getDefaultValue, isEditableValueEmpty, decode, sanitizeHelper, convertToBlob, getLocaleFontFormat, updateDropDownFontFormatLocale, ServiceLocator, RendererFactory, EditorManager, IMAGE, AUDIO, VIDEO, 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, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, imageResizeFactor, 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, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
+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, FormatPainter, EmojiPicker, HTMLFormatter, Formatter, MarkdownFormatter, ContentRender, Render, ToolbarRenderer, Link, Image$1 as Image, Audio, Video, ViewSource, Table, DialogRenderer, IframeContentRender, MarkdownRender, PopupRenderer, RichTextEditor, RenderType, ToolbarType, DialogType, executeGroup, created, destroyed, tableclass, load, initialLoad, contentChanged, initialEnd, iframeMouseDown, destroy, toolbarClick, toolbarRefresh, refreshBegin, toolbarUpdated, bindOnEnd, renderColorPicker, htmlToolbarClick, markdownToolbarClick, destroyColorPicker, modelChanged, tableModulekeyUp, keyUp, keyDown, mouseUp, toolbarCreated, toolbarRenderComplete, enableFullScreen, disableFullScreen, dropDownSelect, beforeDropDownItemRender, execCommandCallBack, imageToolbarAction, audioToolbarAction, videoToolbarAction, linkToolbarAction, windowResize, resizeStart, onResize, resizeStop, undo, redo, insertLink, unLink, editLink, openLink, actionBegin, actionComplete, updatedToolbarStatus, actionSuccess, updateToolbarItem, insertImage, insertAudio, insertVideo, insertCompleted, imageLeft, imageRight, imageCenter, imageBreak, imageInline, imageLink, imageAlt, imageDelete, audioDelete, videoDelete, imageCaption, imageSize, videoSize, 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, moduleDestroy, pasteClean, enterHandler, beforeDialogOpen, clearDialogObj, dialogOpen, beforeDialogClose, dialogClose, beforeQuickToolbarOpen, quickToolbarOpen, quickToolbarClose, popupHide, imageSelected, imageUploading, imageUploadSuccess, imageUploadFailed, imageRemoving, fileSelected, fileUploading, fileUploadSuccess, fileUploadFailed, fileRemoving, afterImageDelete, afterMediaDelete, drop, xhtmlValidation, beforeImageUpload, beforeFileUpload, resizeInitialized, renderFileManager, beforeImageDrop, dynamicModule, beforePasteCleanup, afterPasteCleanup, updateTbItemsStatus, showLinkDialog, closeLinkDialog, showImageDialog, showAudioDialog, showVideoDialog, closeImageDialog, closeAudioDialog, closeVideoDialog, showTableDialog, closeTableDialog, bindCssClass, formatPainterClick, formatPainterDoubleClick, emojiPicker, destroyTooltip, hidePopup, cleanupResizeElements, afterKeyDown, updateValueOnIdle, documentClickClosedBy, showColorPicker, closeTooltip, blockEmptyNodes, inlineEmptyNodes, supportedUnits, conversionFactors, onHandleFontsizeChange, CLS_RTE, CLS_RTL, CLS_CONTENT, CLS_DISABLED, CLS_SCRIPT_SHEET, CLS_STYLE_SHEET, CLS_TOOLBAR, CLS_TB_FIXED, CLS_TB_FLOAT, CLS_INLINE, CLS_TB_INLINE, CLS_RTE_EXPAND_TB, CLS_FULL_SCREEN, CLS_QUICK_TB, CLS_TEXT_QUICK_TB, CLS_POP, CLS_TB_STATIC, CLS_QUICK_POP, CLS_QUICK_DROPDOWN, CLS_IMAGE_POP, CLS_TEXT_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_AUDIOBREAK, CLS_CLICKELEM, CLS_VID_CLICK_ELEM, CLS_AUDIOWRAP, CLS_VIDEOWRAP, CLS_VIDEOBREAK, CLS_CAPTION, CLS_RTE_CAPTION, CLS_CAPINLINE, CLS_IMGINLINE, CLS_AUDIOINLINE, CLS_VIDEOINLINE, 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_ALIGN_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_AUD_FOCUS, CLS_VID_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, CLS_RTE_RES_WEST, CLS_RTE_SOURCE_CODE_TXTAREA, 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, AUDIO, VIDEO, 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, SELF_CLOSING_TAGS, PASTE_SOURCE, CLASS_IMAGE_RIGHT, CLASS_IMAGE_LEFT, CLASS_IMAGE_CENTER, CLASS_VIDEO_RIGHT, CLASS_VIDEO_LEFT, CLASS_VIDEO_CENTER, CLASS_IMAGE_BREAK, CLASS_AUDIO_BREAK, CLASS_VIDEO_BREAK, CLASS_CAPTION, CLASS_RTE_CAPTION, CLASS_CAPTION_INLINE, CLASS_IMAGE_INLINE, CLASS_AUDIO_INLINE, CLASS_CLICK_ELEM, CLASS_VIDEO_CLICK_ELEM, CLASS_AUDIO, CLASS_VIDEO, CLASS_AUDIO_WRAP, CLASS_VIDEO_WRAP, CLASS_EMBED_VIDEO_WRAP, CLASS_AUDIO_FOCUS, CLASS_VIDEO_FOCUS, CLASS_VIDEO_INLINE, Lists, markerClassName, DOMNode, Alignments, Indents, Formats, LinkCommand, InsertMethods, InsertTextExec, InsertHtmlExec, InsertHtml, IsFormatted, MsWordPaste, NodeCutter, ImageCommand, AudioCommand, VideoCommand, SelectionCommands, SelectionBasedExec, ClearFormatExec, UndoRedoManager, TableCommand, statusCollection, ToolbarStatus, FormatPainterActions, EmojiPickerAction, NodeSelection, MarkdownParser, LISTS_COMMAND, selectionCommand, LINK_COMMAND, CLEAR_COMMAND, MD_TABLE, INSERT_TEXT_COMMAND, ClearFormat, MDLists, MDFormats, MarkdownSelection, UndoRedoCommands, MDSelectionFormats, MDLink, MDTable, markdownFormatTags, markdownSelectionTags, markdownListsTags, htmlKeyConfig, markdownKeyConfig, pasteCleanupGroupingTags, listConversionFilters, selfClosingTags, imageResizeFactor, 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, FORMAT_PAINTER_ACTIONS, EMOJI_PICKER_ACTIONS, MOUSE_DOWN };
 //# sourceMappingURL=ej2-richtexteditor.es2015.js.map