@syncfusion/ej2-richtexteditor 25.2.3 → 25.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.3
+*  version : 25.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@25.1.42",
+  "_id": "@syncfusion/ej2-richtexteditor@25.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-XGBgOsVJDjeoUg7NCBMs+ayX0m4MrTWbdXlHzdK3COGoWMO8ssDjO3iw8e+6828qeoGJnLQrJHa23r7RYWpb/Q==",
+  "_integrity": "sha512-axjlW/M2AfJzH2TUhZ6jxy0E69gZEmC+Oxm+OBXnGOWNez043U4Nw8uw+eV/UuK52BrzdX0n99k9vxWwlIoKcw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.42.tgz",
-  "_shasum": "e1bb753283216537b608b5a49c85096650d5693d",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.2.4.tgz",
+  "_shasum": "b32bf82ce555a4b5b2905f206d207d22866194fd",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.3",
-    "@syncfusion/ej2-buttons": "~25.2.3",
+    "@syncfusion/ej2-base": "~25.2.5",
+    "@syncfusion/ej2-buttons": "~25.2.4",
     "@syncfusion/ej2-filemanager": "~25.2.3",
-    "@syncfusion/ej2-inputs": "~25.2.3",
-    "@syncfusion/ej2-navigations": "~25.2.3",
-    "@syncfusion/ej2-popups": "~25.2.3",
-    "@syncfusion/ej2-splitbuttons": "~25.2.3"
+    "@syncfusion/ej2-inputs": "~25.2.5",
+    "@syncfusion/ej2-navigations": "~25.2.4",
+    "@syncfusion/ej2-popups": "~25.2.4",
+    "@syncfusion/ej2-splitbuttons": "~25.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -79,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.2.3",
+  "version": "25.2.5",
   "sideEffects": false
 }

package/src/common/util.js

@@ -213,11 +213,14 @@ export function nestedListCleanUp(range) {
                     item.remove();
                 });
             }
+            else {
+                break;
+            }
         }
         var liElem = (range.startContainer.nodeName === "#text" ? range.startContainer.parentElement : range.startContainer).querySelectorAll("li");
         if (liElem.length > 0) {
             liElem.forEach(function (item) {
-                if (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL") {
+                if (!isNullOrUndefined(item.firstChild) && (item.firstChild.nodeName === "OL" || item.firstChild.nodeName === "UL")) {
                     item.style.listStyleType = "none";
                 }
             });

package/src/editor-manager/base/editor-manager.js

@@ -115,12 +115,14 @@ var EditorManager = /** @class */ (function () {
             case 'alignments':
                 this.observer.notify(CONSTANT.ALIGNMENT_TYPE, {
                     subCommand: value, event: event, callBack: callBack,
-                    selector: selector,
-                    value: exeValue
+                    selector: selector, value: exeValue, enterAction: enterAction
                 });
                 break;
             case 'indents':
-                this.observer.notify(CONSTANT.INDENT_TYPE, { subCommand: value, event: event, callBack: callBack, selector: selector });
+                this.observer.notify(CONSTANT.INDENT_TYPE, {
+                    subCommand: value, event: event, callBack: callBack,
+                    selector: selector, enterAction: enterAction
+                });
                 break;
             case 'links':
                 this.observer.notify(CONSTANT.LINK, { command: command, value: value, item: exeValue, event: event, callBack: callBack });

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

@@ -64,6 +64,9 @@ var Alignments = /** @class */ (function () {
         if (!isTableAlign) {
             this.parent.domNode.setMarker(save);
             var alignmentNodes = this.parent.domNode.blockNodes();
+            if (e.enterAction === 'BR') {
+                alignmentNodes = this.parent.domNode.convertToBlockNodes(alignmentNodes, false);
+            }
             for (var i = 0; i < alignmentNodes.length; i++) {
                 var parentNode = alignmentNodes[i];
                 setStyleAttribute(parentNode, { 'text-align': this.alignments[e.subCommand] });

package/src/editor-manager/plugin/dom-node.d.ts

@@ -314,6 +314,26 @@ export declare class DOMNode {
 
      */
     getImageTagInSelection(): NodeListOf<HTMLImageElement>;
+    /**
+     * Method to wrap the inline and text node with block node.
+     *
+     * @param {HTMLElement} node - specifies the element sent to wrap the node around it with block nodes.
+     * @param {string} wrapperElement - specifies which block nodes to wrap around.
+     * @returns {HTMLElement} - returns the wrapped element.
+     * @hidden
+
+     */
+    gatherElementsAround(node: HTMLElement, wrapperElement: string): HTMLElement;
+    /**
+     * Method to convert all the inline nodes between the selection to block nodes.
+     *
+     * @param {Node[]} selectedNodes - specifies the nodes of the start and end selection.
+     * @param {boolean} fromList - specifies if the method is called from list module.
+     * @returns {Node[]} - returns the selected list of elements as block nodes.
+     * @hidden
+
+     */
+    convertToBlockNodes(selectedNodes: Node[], fromList: boolean): Node[];
     /**
      * blockNodes method
      *

package/src/editor-manager/plugin/dom-node.js

@@ -1,5 +1,5 @@
 import * as CONSTANT from './../base/constant';
-import { append, detach, createElement, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
+import { append, detach, createElement, isNullOrUndefined as isNOU, closest } from '@syncfusion/ej2-base';
 import { NodeSelection } from './../../selection/index';
 import { selfClosingTags } from '../../common/config';
 import { getLastTextNode } from '../../common/util';
@@ -318,7 +318,7 @@ var DOMNode = /** @class */ (function () {
     DOMNode.prototype.unWrap = function (element) {
         var parent = element.parentNode;
         var unWrapNode = [];
-        while (element.firstChild) {
+        while (element.firstChild && (element.previousSibling !== this.parent.querySelector('.e-mention-chip') || element.textContent !== ' ')) {
             unWrapNode.push(element.firstChild);
             parent.insertBefore(element.firstChild, element);
         }
@@ -668,6 +668,109 @@ var DOMNode = /** @class */ (function () {
         }
         return null;
     };
+    /**
+     * Method to wrap the inline and text node with block node.
+     *
+     * @param {HTMLElement} node - specifies the element sent to wrap the node around it with block nodes.
+     * @param {string} wrapperElement - specifies which block nodes to wrap around.
+     * @returns {HTMLElement} - returns the wrapped element.
+     * @hidden
+
+     */
+    DOMNode.prototype.gatherElementsAround = function (node, wrapperElement) {
+        var newWrapElem = createElement(wrapperElement);
+        // Insert the new div element before the current node.
+        var currentNode = node.previousSibling;
+        var currentNodeParent = node.parentElement;
+        if (currentNodeParent.className === 'e-editor-select-start') {
+            currentNodeParent.parentNode.insertBefore(newWrapElem, currentNodeParent);
+        }
+        else if (currentNodeParent) {
+            currentNodeParent.insertBefore(newWrapElem, node);
+        }
+        var i = 0;
+        while (currentNode !== null && currentNode.nodeName !== 'BR' &&
+            !this.isBlockNode(currentNode)) {
+            var prevSibling = currentNode.previousSibling;
+            if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
+                if (i === 0) {
+                    newWrapElem.appendChild(currentNode);
+                }
+                else {
+                    newWrapElem.insertBefore(currentNode, newWrapElem.firstChild);
+                }
+            }
+            currentNode = prevSibling;
+            i++;
+        }
+        // Add the current node to the new div
+        newWrapElem.appendChild(node);
+        // Gather text and inline elements after the currentNode
+        currentNode = newWrapElem.nextSibling ? newWrapElem.nextSibling :
+            newWrapElem.parentElement.nextSibling;
+        while (currentNode !== null && currentNode.nodeName !== 'BR' &&
+            !this.isBlockNode(currentNode)) {
+            var nextSibling = currentNode.nextSibling ?
+                currentNode.nextSibling : currentNode.parentElement.nextSibling;
+            if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
+                newWrapElem.appendChild(currentNode);
+            }
+            currentNode = nextSibling;
+        }
+        return newWrapElem;
+    };
+    /**
+     * Method to convert all the inline nodes between the selection to block nodes.
+     *
+     * @param {Node[]} selectedNodes - specifies the nodes of the start and end selection.
+     * @param {boolean} fromList - specifies if the method is called from list module.
+     * @returns {Node[]} - returns the selected list of elements as block nodes.
+     * @hidden
+
+     */
+    DOMNode.prototype.convertToBlockNodes = function (selectedNodes, fromList) {
+        if (selectedNodes.length > 1) {
+            var i = 0;
+            var currentSelectedNode = selectedNodes[0];
+            while (!isNOU(currentSelectedNode)) {
+                if (currentSelectedNode.nodeName === 'BR') {
+                    var nextNode = currentSelectedNode.nextSibling;
+                    detach(currentSelectedNode);
+                    currentSelectedNode = nextNode;
+                }
+                if (!isNOU(currentSelectedNode)) {
+                    if (fromList) {
+                        selectedNodes[i] = currentSelectedNode.nodeName === 'LI' || this.isBlockNode(currentSelectedNode) ?
+                            currentSelectedNode :
+                            this.gatherElementsAround(currentSelectedNode, (fromList ? 'p' : 'div'));
+                    }
+                    else {
+                        selectedNodes[i] = !this.isBlockNode(selectedNodes[i]) ?
+                            this.gatherElementsAround(currentSelectedNode, (fromList ? 'p' : 'div')) :
+                            selectedNodes[i];
+                    }
+                    var currentProcessNode = selectedNodes[i].nodeName === 'LI' ? selectedNodes[i].parentElement : selectedNodes[i];
+                    var currentElementCheckNode = currentProcessNode.nodeName === '#text' ? currentProcessNode.parentElement : currentProcessNode;
+                    currentSelectedNode = !isNOU(currentElementCheckNode.querySelector('.e-editor-select-end')) ||
+                        !isNOU(closest(currentSelectedNode, '.e-editor-select-end')) ?
+                        null : currentProcessNode.nextSibling;
+                    if (currentSelectedNode === null && !isNOU(currentProcessNode.nextSibling) && currentProcessNode.nextSibling.nodeName === 'BR') {
+                        detach(currentProcessNode.nextSibling);
+                    }
+                }
+                i++;
+            }
+        }
+        else {
+            if (!this.isBlockNode(selectedNodes[0])) {
+                selectedNodes[0] = this.gatherElementsAround(selectedNodes[0], (fromList ? 'p' : 'div'));
+                if (!isNOU(selectedNodes[0].nextSibling) && (selectedNodes[0].nextSibling.nodeName === 'BR')) {
+                    detach(selectedNodes[0].nextSibling);
+                }
+            }
+        }
+        return selectedNodes;
+    };
     /**
      * blockNodes method
      *

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

@@ -51,7 +51,7 @@ var Formats = /** @class */ (function () {
                 }
             }
         }
-        if (e.enterAction !== 'BR' && !isNOU(range.startContainer) && !isNOU(range.startContainer.parentElement) && range.startContainer === range.endContainer && range.startContainer.nodeName === '#text' && range.startContainer.parentElement.classList.contains("e-content") && range.startContainer.parentElement.isContentEditable) {
+        if (e.enterAction !== 'BR' && !isNOU(range.startContainer) && !isNOU(range.startContainer.parentElement) && range.startContainer === range.endContainer && range.startContainer.nodeName === '#text' && range.startContainer.parentElement.classList.contains('e-content') && range.startContainer.parentElement.isContentEditable) {
             var pTag = createElement(e.enterAction);
             range.startContainer.parentElement.insertBefore(pTag, range.startContainer);
             pTag.appendChild(range.startContainer);

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

@@ -43,6 +43,9 @@ var Indents = /** @class */ (function () {
         var save = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.parent.domNode.setMarker(save);
         var indentsNodes = this.parent.domNode.blockNodes();
+        if (e.enterAction === 'BR') {
+            indentsNodes = this.parent.domNode.convertToBlockNodes(indentsNodes, false);
+        }
         var parentNodes = indentsNodes.slice();
         var listsNodes = [];
         for (var i = 0; i < parentNodes.length; i++) {

package/src/editor-manager/plugin/lists.d.ts

@@ -47,5 +47,4 @@ export declare class Lists {
     private revertList;
     private openTag;
     private closeTag;
-    private gatherElementsAround;
 }

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

@@ -553,39 +553,7 @@ var Lists = /** @class */ (function () {
         var listsNodes = this.domNode.blockNodes(true);
         if (e.enterAction === 'BR') {
             this.setSelectionBRConfig();
-            var selectedNodes = this.parent.domNode.blockNodes();
-            if (selectedNodes.length > 1) {
-                var i = 0;
-                var currentAlignmentNode = selectedNodes[0];
-                while (!isNOU(currentAlignmentNode)) {
-                    if (currentAlignmentNode.nodeName === 'BR') {
-                        var nextNode = currentAlignmentNode.nextSibling;
-                        detach(currentAlignmentNode);
-                        currentAlignmentNode = nextNode;
-                    }
-                    if (!isNOU(currentAlignmentNode)) {
-                        selectedNodes[i] = currentAlignmentNode.nodeName === 'LI' || this.parent.domNode.isBlockNode(currentAlignmentNode) ?
-                            currentAlignmentNode : this.gatherElementsAround(currentAlignmentNode);
-                        var currentSelectNode = selectedNodes[i].nodeName === 'LI' ? selectedNodes[i].parentElement : selectedNodes[i];
-                        var currentElementCheckNode = currentAlignmentNode.nodeName === '#text' ? currentAlignmentNode.parentElement : currentAlignmentNode;
-                        currentAlignmentNode = !isNOU(currentElementCheckNode.querySelector('.e-editor-select-end')) ||
-                            !isNOU(closest(currentAlignmentNode, '.e-editor-select-end')) ?
-                            null : currentSelectNode.nextSibling;
-                        if (currentAlignmentNode === null && !isNOU(currentSelectNode.nextSibling) && currentSelectNode.nextSibling.nodeName === 'BR') {
-                            detach(currentSelectNode.nextSibling);
-                        }
-                    }
-                    i++;
-                }
-            }
-            else {
-                if (!this.parent.domNode.isBlockNode(selectedNodes[0])) {
-                    selectedNodes[0] = this.gatherElementsAround(selectedNodes[0]);
-                    if (!isNOU(selectedNodes[0].nextSibling) && (selectedNodes[0].nextSibling.nodeName === 'BR')) {
-                        detach(selectedNodes[0].nextSibling);
-                    }
-                }
-            }
+            this.parent.domNode.convertToBlockNodes(this.parent.domNode.blockNodes(), true);
             this.setSelectionBRConfig();
             listsNodes = this.parent.domNode.blockNodes();
         }
@@ -897,7 +865,7 @@ var Lists = /** @class */ (function () {
                                 parentNode.removeAttribute("style");
                             }
                         }
-                        var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass + this.domNode.attributes(element) + '></' + CONSTANT.DEFAULT_TAG + '>';
+                        var wrapper = '<' + e.enterAction + wrapperclass + this.domNode.attributes(element) + '></' + e.enterAction + '>';
                         if (e.enterAction !== 'BR') {
                             this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                         }
@@ -971,48 +939,6 @@ var Lists = /** @class */ (function () {
     Lists.prototype.closeTag = function (type) {
         return this.domNode.parseHTMLFragment('<span class="e-rte-list-close-' + type.toLowerCase() + '"></span>');
     };
-    Lists.prototype.gatherElementsAround = function (node) {
-        var pWrap = document.createElement('p');
-        // Insert the new div before the current node
-        var currentNode = node.previousSibling;
-        var classNode = node.parentNode;
-        if (classNode.className === 'e-editor-select-start') {
-            node.parentNode.parentNode.insertBefore(pWrap, node.parentNode);
-        }
-        else if (node.parentNode) {
-            node.parentNode.insertBefore(pWrap, node);
-        }
-        // Gather text and inline elements before the currentNode
-        var i = 0;
-        while (currentNode !== null && currentNode.nodeName !== 'BR' &&
-            !this.parent.domNode.isBlockNode(currentNode)) {
-            var prevSibling = currentNode.previousSibling;
-            if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
-                if (i === 0) {
-                    pWrap.appendChild(currentNode);
-                }
-                else {
-                    pWrap.insertBefore(currentNode, pWrap.firstChild);
-                }
-            }
-            currentNode = prevSibling;
-            i++;
-        }
-        // Add the current node to the new p
-        pWrap.appendChild(node);
-        // Gather text and inline elements after the currentNode
-        currentNode = pWrap.nextSibling ? pWrap.nextSibling : pWrap.parentElement.nextSibling;
-        while (currentNode !== null && currentNode.nodeName !== 'BR' &&
-            !this.parent.domNode.isBlockNode(currentNode)) {
-            var nextSibling = currentNode.nextSibling ?
-                currentNode.nextSibling : currentNode.parentElement.nextSibling;
-            if (currentNode.nodeType === 3 || currentNode.nodeType === 1) {
-                pWrap.appendChild(currentNode);
-            }
-            currentNode = nextSibling;
-        }
-        return pWrap;
-    };
     return Lists;
 }());
 export { Lists };

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

@@ -25,9 +25,6 @@ var FullScreen = /** @class */ (function () {
             && !isNOU(this.parent.quickToolbarModule)) {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
-        if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.destroyTooltip, { args: event });
-        }
         this.scrollableParent = getScrollableParent(this.parent.element);
         if (!this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
             var evenArgs = {
@@ -80,9 +77,6 @@ var FullScreen = /** @class */ (function () {
             && !isNOU(this.parent.quickToolbarModule)) {
             this.parent.quickToolbarModule.hideQuickToolbars();
         }
-        if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.destroyTooltip, { args: event });
-        }
         if (this.parent.element.classList.contains(classes.CLS_FULL_SCREEN)) {
             var evenArgs = {
                 cancel: false,

package/src/rich-text-editor/actions/html-editor.d.ts

@@ -106,4 +106,5 @@ export declare class HtmlEditor {
      * @hidden
      */
     private getSelectedHtml;
+    private marginTabAdd;
 }

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

@@ -287,25 +287,54 @@ var HtmlEditor = /** @class */ (function () {
             this.deleteCleanup(e, currentRange);
         }
         if (args.keyCode === 9 && this.parent.enableTabKey) {
+            this.parent.formatter.saveData(e);
             if (!isNOU(args.target) && isNullOrUndefined(closest(args.target, '.e-rte-toolbar'))) {
                 var range = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument());
                 var parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
                 if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
                     closest(parentNode[0], 'table')) && range.startOffset === 0)) {
                     args.preventDefault();
-                    if (!args.shiftKey) {
-                        InsertHtml.Insert(this.contentRenderer.getDocument(), '    ');
-                        this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
+                    var selection = this.contentRenderer.getDocument().getSelection().getRangeAt(0);
+                    var alignmentNodes = this.parent.formatter.editorManager.domNode.blockNodes();
+                    if (this.parent.enterKey === 'BR') {
+                        if (selection.startOffset !== selection.endOffset && selection.startOffset === 0) {
+                            var save = this.nodeSelectionObj.save(range, this.contentRenderer.getDocument());
+                            this.parent.formatter.editorManager.domNode.setMarker(save);
+                            alignmentNodes = this.parent.formatter.editorManager.domNode.blockNodes();
+                            this.parent.formatter.editorManager.domNode.convertToBlockNodes(alignmentNodes, false);
+                            this.marginTabAdd(args.shiftKey, alignmentNodes);
+                            save = this.parent.formatter.editorManager.domNode.saveMarker(save);
+                            save.restore();
+                        }
+                        else {
+                            InsertHtml.Insert(this.contentRenderer.getDocument(), '    ');
+                            this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
+                        }
                     }
-                    else if (this.rangeCollection.length > 0 &&
-                        this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
-                        var textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
-                        this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
-                        InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
-                        this.rangeCollection.pop();
+                    else {
+                        if (!args.shiftKey) {
+                            if (selection.startOffset !== selection.endOffset && selection.startOffset === 0) {
+                                this.marginTabAdd(args.shiftKey, alignmentNodes);
+                            }
+                            else {
+                                InsertHtml.Insert(this.contentRenderer.getDocument(), '    ');
+                                this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
+                            }
+                        }
+                        else if (this.rangeCollection.length > 0 &&
+                            this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
+                            var textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
+                            this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
+                            InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
+                            this.rangeCollection.pop();
+                        }
+                        else {
+                            this.marginTabAdd(args.shiftKey, alignmentNodes);
+                        }
                     }
                 }
             }
+            this.parent.formatter.saveData(e);
         }
         if (e.args.action === 'space' ||
             e.args.action === 'enter' ||
@@ -968,6 +997,30 @@ var HtmlEditor = /** @class */ (function () {
     HtmlEditor.prototype.getSelectedHtml = function (e) {
         e.callBack(this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument()).toString());
     };
+    HtmlEditor.prototype.marginTabAdd = function (val, alignmentNodes) {
+        for (var index = 0; index < alignmentNodes.length; index++) {
+            var element = alignmentNodes[index];
+            if (element.closest('li')) {
+                continue;
+            }
+            if (element.style.marginLeft) {
+                var count = parseInt(element.style.marginLeft, 10);
+                if (val) {
+                    count -= 20;
+                }
+                else {
+                    count += 20;
+                }
+                element.style.marginLeft = count.toString() + 'px';
+                if (element.style.marginLeft === '0px') {
+                    element.removeAttribute('style');
+                }
+            }
+            else if (!val) {
+                element.style.marginLeft = '20px';
+            }
+        }
+    };
     return HtmlEditor;
 }());
 export { HtmlEditor };

package/src/rich-text-editor/actions/paste-clean-up.d.ts

@@ -58,6 +58,7 @@ export declare class PasteCleanup {
     private docClick;
     private cleanAppleClass;
     private formatting;
+    private convertBlobToBase64;
     private cropImageHandler;
     private addTableClass;
     private setImageProperties;

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -729,11 +729,36 @@ var PasteCleanup = /** @class */ (function () {
             this.cropImageHandler(this.parent.inputElement);
         }
     };
+    PasteCleanup.prototype.convertBlobToBase64 = function (element) {
+        var imgElem = element.querySelectorAll('img');
+        var _loop_1 = function (i) {
+            if (imgElem[i].getAttribute('src') &&
+                imgElem[i].getAttribute('src').startsWith("blob")) {
+                var blobImageUrl = imgElem[i].getAttribute('src');
+                var img_1 = new Image();
+                var onImageLoadEvent_1 = function () {
+                    var canvas = document.createElement('canvas');
+                    var ctx = canvas.getContext('2d');
+                    canvas.width = img_1.width;
+                    canvas.height = img_1.height;
+                    ctx.drawImage(img_1, 0, 0);
+                    var base64String = canvas.toDataURL('image/png');
+                    imgElem[i].src = base64String;
+                    img_1.removeEventListener('load', onImageLoadEvent_1);
+                };
+                img_1.src = blobImageUrl;
+                img_1.addEventListener('load', onImageLoadEvent_1);
+            }
+        };
+        for (var i = 0; i < imgElem.length; i++) {
+            _loop_1(i);
+        }
+    };
     PasteCleanup.prototype.cropImageHandler = function (element) {
         var _this = this;
         var allImgElm = element.querySelectorAll('.e-img-cropped');
         if (allImgElm.length > 0) {
-            var _loop_1 = function (i) {
+            var _loop_2 = function (i) {
                 if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
                     var image_1 = new Image();
                     image_1.src = allImgElm[i].getAttribute('src');
@@ -767,13 +792,24 @@ var PasteCleanup = /** @class */ (function () {
                 }
             };
             for (var i = 0; i < allImgElm.length; i++) {
-                _loop_1(i);
+                _loop_2(i);
             }
         }
         else {
-            this.imgUploading(this.parent.inputElement);
-            if (this.parent.iframeSettings.enable) {
-                this.parent.updateValue();
+            if (!isNullOrUndefined(this.parent.insertImageSettings.saveUrl) && !isNullOrUndefined(this.parent.insertImageSettings.path) && !isNullOrUndefined(this.parent.inputElement.querySelectorAll("img")) && this.parent.inputElement.querySelectorAll("img")[0].src.startsWith("blob")) {
+                this.convertBlobToBase64(this.parent.inputElement);
+                setTimeout(function () {
+                    _this.imgUploading(_this.parent.inputElement);
+                    if (_this.parent.iframeSettings.enable) {
+                        _this.parent.updateValue();
+                    }
+                }, 20);
+            }
+            else {
+                this.imgUploading(this.parent.inputElement);
+                if (this.parent.iframeSettings.enable) {
+                    this.parent.updateValue();
+                }
             }
         }
     };

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

@@ -58,6 +58,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private isResizeInitialized;
     private isValueChangeBlurhandler;
     private displayTempElem;
+    private beforeRenderClassValue;
     /**
      * @hidden
 

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

@@ -196,6 +196,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.persistData();
         setStyleAttribute(this.element, { 'width': formatUnit(this.width) });
         attributes(this.element, { role: 'application', 'aria-label': 'Rich Text Editor' });
+        this.beforeRenderClassValue = this.element.getAttribute('class');
     };
     RichTextEditor.prototype.persistData = function () {
         if (this.enablePersistence && this.originalElement.tagName === 'TEXTAREA') {
@@ -1068,6 +1069,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
+        this.element.className = this.beforeRenderClassValue;
+        this.removeHtmlAttributes();
+        this.removeAttributes();
+        this.beforeRenderClassValue = null;
         if (!isNOU(this.timeInterval)) {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
@@ -1135,8 +1140,6 @@ var RichTextEditor = /** @class */ (function (_super) {
                 }
             }
         }
-        this.removeHtmlAttributes();
-        this.removeAttributes();
         _super.prototype.destroy.call(this);
         this.isRendered = false;
     };
@@ -1167,6 +1170,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.element.removeAttribute('aria-disabled');
         this.element.removeAttribute('role');
         this.element.removeAttribute('tabindex');
+        this.element.removeAttribute('aria-label');
     };
     RichTextEditor.prototype.destroyDependentModules = function () {
         /* destroy dependent modules */