@syncfusion/ej2-richtexteditor 24.2.4 → 24.2.8

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -1,5 +1,5 @@
 import * as EVENTS from '../../common/constant';
-import { createElement, isNullOrUndefined as isNOU, detach } from '@syncfusion/ej2-base';
+import { createElement, isNullOrUndefined as isNOU, detach, addClass } from '@syncfusion/ej2-base';
 import { PASTE_SOURCE } from '../base/constant';
 /**
  * PasteCleanup for MsWord content
@@ -68,7 +68,6 @@ var MsWordPaste = /** @class */ (function () {
         if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
             pattern4.test(tempHTMLContent)) {
             var source = this.findSource(elm);
-            this.imageConversion(elm, rtfData);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
             this.addListClass(elm);
             listNodes = this.cleanUp(elm, listNodes);
@@ -76,6 +75,7 @@ var MsWordPaste = /** @class */ (function () {
                 listNodes[0].parentElement.tagName !== 'OL') {
                 this.listConverter(listNodes);
             }
+            this.imageConversion(elm, rtfData);
             this.cleanList(elm, 'UL');
             this.cleanList(elm, 'OL');
             this.styleCorrection(elm, wordPasteStyleConfig);
@@ -84,11 +84,11 @@ var MsWordPaste = /** @class */ (function () {
             this.removeEmptyElements(elm);
             this.removeEmptyAnchorTag(elm);
             this.breakLineAddition(elm);
+            this.processMargin(elm);
             this.removeClassName(elm);
             if (pattern4.test(tempHTMLContent)) {
                 this.addTableBorderClass(elm);
             }
-            this.processMargin(elm);
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
@@ -159,8 +159,9 @@ var MsWordPaste = /** @class */ (function () {
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0) {
-                detach(imgElem[i]);
+                imgElem[i].classList.add('e-rte-image-unsupported');
             }
+            imgElem[i].removeAttribute('v:shapes');
         }
         imgElem = elm.querySelectorAll('img');
         var imgSrc = [];
@@ -190,6 +191,7 @@ var MsWordPaste = /** @class */ (function () {
                     });
                 }
             }
+            imgElem = elm.querySelectorAll('img:not(.e-rte-image-unsupported');
             for (var i = 0; i < imgElem.length; i++) {
                 if (imgSrc[i].match(linkRegex)) {
                     imgElem[i].setAttribute('src', imgSrc[i]);
@@ -200,7 +202,7 @@ var MsWordPaste = /** @class */ (function () {
                     }
                     else {
                         imgElem[i].removeAttribute('src');
-                        imgElem[i].setAttribute('alt', 'Unsupported file format');
+                        imgElem[i].classList.add('e-rte-image-unsupported');
                     }
                     if (!isNOU(base64Src[i]) && base64Src[i].isCroppedImage) {
                         imgElem[i].classList.add('e-img-cropped');
@@ -208,6 +210,10 @@ var MsWordPaste = /** @class */ (function () {
                 }
                 imgElem[i].setAttribute('id', 'msWordImg-' + imgName[i]);
             }
+            imgElem = elm.querySelectorAll('.e-rte-image-unsupported');
+            for (var i = 0; i < imgElem.length; i++) {
+                imgElem[i].removeAttribute('src');
+            }
         }
     };
     MsWordPaste.prototype.checkVShape = function (elm) {
@@ -281,6 +287,9 @@ var MsWordPaste = /** @class */ (function () {
         var result = [];
         if (!isNOU(fullImg)) {
             for (var i = 0; i < fullImg.length; i++) {
+                if (fullImg[i].indexOf('fIsBullet') !== -1 && fullImg[i].indexOf('wzName') === -1) {
+                    continue;
+                }
                 var isCroppedImage = false;
                 var goalWidth = 0;
                 var goalHeight = 0;
@@ -295,7 +304,7 @@ var MsWordPaste = /** @class */ (function () {
                     else if (fullImg[i].indexOf('\\jpegblip') !== -1) {
                         imgType = 'image/jpeg';
                     }
-                    else if (fullImg[i].indexOf('\\picprop') !== -1) {
+                    else if (fullImg[i].indexOf('\\emfblip') !== -1) {
                         imgType = null;
                     }
                     else {
@@ -335,7 +344,7 @@ var MsWordPaste = /** @class */ (function () {
         return parseInt(result, 10);
     };
     MsWordPaste.prototype.removeClassName = function (elm) {
-        var elmWithClass = elm.querySelectorAll('*[class]:not(.e-img-cropped)');
+        var elmWithClass = elm.querySelectorAll('*[class]:not(.e-img-cropped):not(.e-rte-image-unsupported)');
         for (var i = 0; i < elmWithClass.length; i++) {
             elmWithClass[i].removeAttribute('class');
         }
@@ -608,6 +617,7 @@ var MsWordPaste = /** @class */ (function () {
     MsWordPaste.prototype.listConverter = function (listNodes) {
         var level;
         var data = [];
+        var listFormatOverride;
         var collection = [];
         var content = '';
         var stNode;
@@ -629,6 +639,17 @@ var MsWordPaste = /** @class */ (function () {
             else {
                 level = 1;
             }
+            if (content && content.indexOf('mso-list:') !== -1) {
+                var msoListValue = void 0;
+                if (content.match(/mso-list:[^;]+;?/)) {
+                    var changedContent = content.replace('\n', '').split(' ').join('');
+                    msoListValue = changedContent.match(/mso-list:[^;]+;?/)[0].split(':l');
+                    listFormatOverride = isNOU(msoListValue) ? null : parseInt(msoListValue[1].split('level')[0], 10);
+                }
+                else {
+                    listFormatOverride = null;
+                }
+            }
             this.listContents = [];
             this.getListContent(listNodes[i]);
             var type = void 0;
@@ -664,9 +685,9 @@ var MsWordPaste = /** @class */ (function () {
                             startAttr = this.lowerGreekNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
                         }
                     }
-                    if (listNodes[i].style.marginLeft !== '') {
-                        styleMarginLeft = listNodes[i].style.marginLeft;
-                    }
+                }
+                if (listNodes[i].style.marginLeft !== '') {
+                    styleMarginLeft = listNodes[i].style.marginLeft;
                 }
                 var tempNode = [];
                 for (var j = 1; j < this.listContents.length; j++) {
@@ -682,7 +703,8 @@ var MsWordPaste = /** @class */ (function () {
                     currentListStyle = listNodes[i].getAttribute('style');
                 }
                 collection.push({
-                    listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
+                    listType: type, content: tempNode, nestedLevel: level,
+                    listFormatOverride: listFormatOverride, class: currentClassName,
                     listStyle: currentListStyle, listStyleTypeName: listStyleType, start: startAttr, styleMarginLeft: styleMarginLeft
                 });
             }
@@ -755,6 +777,7 @@ var MsWordPaste = /** @class */ (function () {
         var prevList;
         var listCount = 0;
         var elem;
+        var lfo = collection[0].listFormatOverride;
         for (var index = 0; index < collection.length; index++) {
             var listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
             var isNormalList = false;
@@ -771,16 +794,24 @@ var MsWordPaste = /** @class */ (function () {
             }
             var pElement = createElement('p', { className: 'MsoNormal' });
             pElement.innerHTML = collection[index].content.join(' ');
-            if ((collection[index].nestedLevel === 1) && listCount === 0 && collection[index].content) {
+            if ((collection[index].nestedLevel === 1) &&
+                (listCount === 0 || lfo !== collection[index].listFormatOverride) &&
+                collection[index].content) {
                 root.appendChild(temp = createElement(collection[index].listType, { className: collection[index].class }));
                 prevList = createElement('li');
                 prevList.appendChild(pElement);
                 temp.appendChild(prevList);
                 temp.setAttribute('level', collection[index].nestedLevel.toString());
-                temp.style.marginLeft = collection[index].styleMarginLeft;
+                if (collection[index].class !== 'msolistparagraph') {
+                    temp.style.marginLeft = collection[index].styleMarginLeft;
+                }
+                else {
+                    addClass([temp], 'marginLeftIgnore');
+                }
                 temp.style.listStyleType = collection[index].listStyleTypeName;
             }
-            else if (collection[index].nestedLevel === pLevel) {
+            else if (collection[index].nestedLevel === pLevel &&
+                lfo === collection[index].listFormatOverride) {
                 if (!isNOU(prevList) && !isNOU(prevList.parentElement)
                     && prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
                     prevList.parentElement.appendChild(prevList = createElement('li'));
@@ -843,6 +874,12 @@ var MsWordPaste = /** @class */ (function () {
                         prevList.appendChild(pElement);
                         temp.appendChild(prevList);
                         temp.setAttribute('level', collection[index].nestedLevel.toString());
+                        if (collection[index].class !== 'msolistparagraph') {
+                            temp.style.marginLeft = collection[index].styleMarginLeft;
+                        }
+                        else {
+                            addClass([temp], 'marginLeftIgnore');
+                        }
                         temp.style.listStyleType = collection[index].listStyleTypeName;
                     }
                 }
@@ -866,14 +903,34 @@ var MsWordPaste = /** @class */ (function () {
                     elem = elem.parentElement;
                     if (elem.attributes.getNamedItem('level')) {
                         // eslint-disable-next-line
-                        if (parseInt(elem.attributes.getNamedItem('level').textContent, null) === collection[index].nestedLevel) {
+                        if (parseInt(elem.attributes.getNamedItem('level').textContent, null) === collection[index].nestedLevel &&
+                            lfo === collection[index].listFormatOverride) {
                             prevList = createElement('li');
                             prevList.appendChild(pElement);
                             elem.appendChild(prevList);
                             break;
                             // eslint-disable-next-line
                         }
-                        else if (collection[index].nestedLevel > parseInt(elem.attributes.getNamedItem('level').textContent, null)) {
+                        else if (parseInt(elem.attributes.getNamedItem('level').textContent, null) === collection[index].nestedLevel &&
+                            lfo !== collection[index].listFormatOverride) {
+                            temp = createElement(collection[index].listType);
+                            prevList = createElement('li');
+                            temp.appendChild(prevList);
+                            if (collection[index].nestedLevel > 1) {
+                                for (var k = 0; k < collection[index].nestedLevel - 1; k++) {
+                                    prevList.appendChild(temp = createElement(collection[index].listType));
+                                    prevList = createElement('li');
+                                    temp.appendChild(prevList);
+                                    temp.style.listStyleType = 'none';
+                                }
+                            }
+                            prevList.appendChild(pElement);
+                            elem.appendChild(temp);
+                            temp.setAttribute('level', collection[index].nestedLevel.toString());
+                            temp.style.listStyleType = collection[index].listStyleTypeName;
+                            break;
+                        }
+                        else if (collection[index].nestedLevel > parseInt(elem.attributes.getNamedItem('level').textContent, 10)) {
                             elem.appendChild(temp = createElement(collection[index].listType));
                             prevList = createElement('li');
                             prevList.appendChild(pElement);
@@ -889,8 +946,9 @@ var MsWordPaste = /** @class */ (function () {
             prevList.setAttribute('class', collection[index].class);
             prevList.setAttribute('style', (!isNOU(collection[index].listStyle) ? collection[index].listStyle : ''));
             pLevel = collection[index].nestedLevel;
+            lfo = collection[index].listFormatOverride;
             listCount++;
-            if (!isNOU(collection[index].start)) {
+            if (!isNOU(collection[index].start && collection[index].start !== 1 && collection[index].listType === 'ol')) {
                 temp.setAttribute('start', collection[index].start.toString());
             }
         }
@@ -927,7 +985,7 @@ var MsWordPaste = /** @class */ (function () {
         var liChildren = element.querySelectorAll('li');
         if (liChildren.length > 0) {
             for (var i = 0; i < liChildren.length; i++) {
-                if (!isNOU((liChildren[i]).style.marginLeft)) {
+                if (!isNOU((liChildren[i]).style.marginLeft) && !liChildren[i].parentElement.classList.contains('marginLeftIgnore')) {
                     (liChildren[i]).style.marginLeft = '';
                 }
             }
@@ -941,6 +999,17 @@ var MsWordPaste = /** @class */ (function () {
                 }
             }
         }
+        var ignoredNode = element.querySelectorAll('.marginLeftIgnore li');
+        if (ignoredNode.length > 0) {
+            for (var i = 0; i < ignoredNode.length; i++) {
+                if (!isNOU((ignoredNode[i]).style.marginLeft) && (ignoredNode[i]).style.marginLeft !== '') {
+                    var marginLeft = (ignoredNode[i]).style.marginLeft;
+                    var marginLeftValue = parseFloat(marginLeft.split('in')[0]);
+                    var result = marginLeftValue - 0.5;
+                    (ignoredNode[i]).style.marginLeft = result.toString() + 'in';
+                }
+            }
+        }
     };
     MsWordPaste.prototype.removeEmptyAnchorTag = function (element) {
         var removableElement = element.querySelectorAll('a:not([href])');

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

@@ -125,7 +125,7 @@ var NodeCutter = /** @class */ (function () {
         else if (len > -1) {
             this.spliceEmptyNode(fragment.childNodes[0], isStart);
         }
-        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG' && !(fragment.classList.contains('e-video-wrap')) && !(fragment.classList.contains('e-audio-wrap'))) {
+        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0) && !(fragment.classList.contains('e-video-wrap')) && !(fragment.classList.contains('e-audio-wrap'))) {
             fragment.parentNode.removeChild(fragment);
         }
         return fragment;

package/src/editor-manager/plugin/selection-commands.d.ts

@@ -29,4 +29,5 @@ export declare class SelectionCommands {
     private static updateStyles;
     private static insertFormatPainterElem;
     private static formatPainterCleanup;
+    private static concatenateTextExcludingList;
 }

package/src/editor-manager/plugin/selection-commands.js

@@ -38,6 +38,29 @@ var SelectionCommands = /** @class */ (function () {
             var nodeCutter = new NodeCutter();
             var isFormatted = new IsFormatted();
             var range = domSelection.getRange(docElement);
+            var currentAnchorNode = range.startContainer.parentElement;
+            if (range.collapsed && !isNOU(currentAnchorNode) &&
+                currentAnchorNode.tagName === 'A' &&
+                (range.startOffset === currentAnchorNode.textContent.length || range.startOffset === 0)) {
+                var emptyTextNode = document.createTextNode('');
+                if (range.startOffset === 0) {
+                    currentAnchorNode.parentNode.insertBefore(emptyTextNode, currentAnchorNode);
+                }
+                else {
+                    if (!isNOU(currentAnchorNode.nextSibling)) {
+                        currentAnchorNode.parentElement.insertBefore(emptyTextNode, currentAnchorNode.nextSibling);
+                    }
+                    else {
+                        currentAnchorNode.parentNode.appendChild(emptyTextNode);
+                    }
+                }
+                // Set the range to the empty text node
+                var newRange = docElement.createRange();
+                range.setStart(emptyTextNode, 0);
+                range.setEnd(emptyTextNode, 0);
+                range.collapse(true);
+                domSelection.setRange(docElement, newRange);
+            }
             if (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer === range.endContainer && !isNOU(endNode) && range.startContainer === endNode) {
                 var startChildNodes = range.startContainer.childNodes;
                 var startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) :
@@ -413,7 +436,10 @@ var SelectionCommands = /** @class */ (function () {
                 }
                 var num = index;
                 var liChildContent = '';
-                while (num >= 0 && !isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' && liElement.textContent.replace('/\u200B/g', '').trim().includes(nodes[num].textContent.trim())) {
+                /* eslint-disable security/detect-object-injection */
+                while (num >= 0 && !isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' && liElement.contains(nodes[num]) &&
+                    liElement.textContent.replace('/\u200B/g', '').trim().includes(nodes[num].textContent.trim())) {
+                    /* eslint-enable security/detect-object-injection */
                     liChildContent = ' ' + nodes[num].textContent.trim() + liChildContent;
                     num--;
                 }
@@ -485,6 +511,23 @@ var SelectionCommands = /** @class */ (function () {
                             parentElement = parentElement.parentElement;
                             liElement = parentElement;
                         }
+                        if (format === 'fontcolor') {
+                            var parentElem = nodes[index].parentElement;
+                            if (!isNOU(parentElem) && parentElem.childNodes) {
+                                for (var i = 0; i < parentElem.childNodes.length; i++) {
+                                    if (this.concatenateTextExcludingList(nodes, index) === nodes[index].textContent) {
+                                        if (parentElem.tagName === 'LI') {
+                                            parentElem.style.color = value;
+                                        }
+                                    }
+                                    // eslint-disable-next-line
+                                    var childElement = parentElem.childNodes[i];
+                                    if (childElement.tagName === 'OL' || childElement.tagName === 'UL') {
+                                        childElement.style.color = 'initial';
+                                    }
+                                }
+                            }
+                        }
                         if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li' &&
                             liElement.textContent.trim() === nodes[index].textContent.trim()) {
                             if (format === 'fontsize') {
@@ -784,6 +827,18 @@ var SelectionCommands = /** @class */ (function () {
             }
         }
     };
+    SelectionCommands.concatenateTextExcludingList = function (nodes, index) {
+        var result = '';
+        var parentNode = nodes[index].parentElement;
+        for (var i = 0; i < parentNode.childNodes.length; i++) {
+            // eslint-disable-next-line
+            var childNode = parentNode.childNodes[i];
+            if ((childNode.nodeType === 3) || (childNode.nodeType === 1 && (childNode.tagName !== 'OL' && childNode.tagName !== 'UL'))) {
+                result += childNode.textContent;
+            }
+        }
+        return result;
+    };
     SelectionCommands.enterAction = 'P';
     return SelectionCommands;
 }());

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

@@ -538,7 +538,7 @@ var TableCommand = /** @class */ (function () {
         var eleArray = elements;
         //eslint-disable-next-line
         if (min < (max = Math.min(max, eleArray[0].length - 1))) {
-            for (colIndex === min; colIndex <= max; colIndex++) {
+            for (colIndex = min; colIndex <= max; colIndex++) {
                 // eslint-disable-next-line
                 if (!(min < colIndex && eleArray[0][colIndex] === eleArray[0][colIndex - 1]) && 1 < (index =
                     Math.min(parseInt(eleArray[0][colIndex].getAttribute('colspan'), 10) || 1, max - min + 1)) &&

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -79,7 +79,7 @@ var BaseQuickToolbar = /** @class */ (function () {
             e.target.classList.contains('e-imgbreak')) ? false : true;
         var target = !isNOU(imgWrapper) ? imgWrapper : e.target;
         addClass([this.toolbarElement], [classes.CLS_RM_WHITE_SPACE]);
-        var targetOffsetTop = target.offsetTop;
+        var targetOffsetTop = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetTop : target.offsetTop;
         var parentOffsetTop = window.pageYOffset + e.parentData.top;
         if ((targetOffsetTop - e.editTop) > e.popHeight) {
             y = parentOffsetTop + e.tBarElementHeight + (targetOffsetTop - e.editTop) - e.popHeight - 5;
@@ -92,7 +92,7 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         target = isAligned ? e.target : target;
         if (target.offsetWidth > e.popWidth) {
-            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + target.offsetLeft;
+            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + ((target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft);
         }
         else {
             x = e.parentData.left + target.offsetLeft;
@@ -264,9 +264,9 @@ var BaseQuickToolbar = /** @class */ (function () {
                     parentData: parent_1.getBoundingClientRect(),
                     tBarElementHeight: tBarHeight
                 };
-                if (target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
+                if ((target.tagName === 'IMG' || target.tagName === 'AUDIO' || target.tagName === 'VIDEO' || target.tagName === 'IFRAME' || (target.classList &&
                     (target.classList.contains(classes.CLS_AUDIOWRAP) || target.classList.contains(classes.CLS_CLICKELEM) ||
-                        target.classList.contains(classes.CLS_VID_CLICK_ELEM)))) {
+                        target.classList.contains(classes.CLS_VID_CLICK_ELEM)))) && (x == beforeQuickToolbarArgs.positionX || y == beforeQuickToolbarArgs.positionY)) {
                     _this.setPosition(showPopupData);
                 }
                 if (!_this.parent.inlineMode.enable) {

package/src/rich-text-editor/actions/color-picker.d.ts

@@ -39,6 +39,7 @@ export declare class ColorPickerInput {
     private setCssClass;
     private updateCss;
     protected addEventListener(): void;
+    private showColorPicker;
     private onPropertyChanged;
     protected removeEventListener(): void;
 }

package/src/rich-text-editor/actions/color-picker.js

@@ -170,6 +170,15 @@ var ColorPickerInput = /** @class */ (function () {
         this.parent.on(events.destroyColorPicker, this.destroyColorPicker, this);
         this.parent.on(events.modelChanged, this.onPropertyChanged, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
+        this.parent.on(events.showColorPicker, this.showColorPicker, this);
+    };
+    ColorPickerInput.prototype.showColorPicker = function (e) {
+        if (!isNullOrUndefined(this.fontColorPicker) && (e.toolbarClick === "fontcolor")) {
+            this.fontColorDropDown.toggle();
+        }
+        else if (!isNullOrUndefined(this.backgroundColorPicker) && (e.toolbarClick === "backgroundcolor")) {
+            this.backgroundColorDropDown.toggle();
+        }
     };
     ColorPickerInput.prototype.onPropertyChanged = function (model) {
         var newProp = model.newProp;
@@ -243,6 +252,7 @@ var ColorPickerInput = /** @class */ (function () {
         this.parent.off(events.destroyColorPicker, this.destroyColorPicker);
         this.parent.off(events.modelChanged, this.onPropertyChanged);
         this.parent.off(events.bindCssClass, this.setCssClass);
+        this.parent.off(events.showColorPicker, this.showColorPicker);
     };
     return ColorPickerInput;
 }());

package/src/rich-text-editor/actions/enter-key.js

@@ -485,10 +485,10 @@ var EnterKeyAction = /** @class */ (function () {
         }
         var previousBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].previousSibling;
         var nextBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].nextSibling;
-        if (!isNOU(previousBlockNode) && previousBlockNode.hasAttribute('style')) {
+        if (!isNOU(previousBlockNode) && previousBlockNode.hasAttribute('style') && previousBlockNode.nodeName !== 'TABLE') {
             insertElem.setAttribute('style', previousBlockNode.getAttribute('style'));
         }
-        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.hasAttribute('style')) {
+        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.hasAttribute('style') && nextBlockNode.nodeName !== 'TABLE') {
             insertElem.setAttribute('style', nextBlockNode.getAttribute('style'));
         }
         return insertElem;

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

@@ -192,9 +192,12 @@ var HtmlEditor = /** @class */ (function () {
         var range = this.parent.getRange();
         // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(8203), 'g');
+        var isEmptyNode = range.startContainer === range.endContainer && range.startOffset === range.endOffset &&
+            range.startOffset === 1 && range.startContainer.textContent.length === 1 && range.startContainer.textContent.charCodeAt(0) == 8203 &&
+            range.startContainer.textContent.replace(regEx, '').length === 0;
         var pointer;
         var isRootParent = false;
-        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
             pointer = range.startOffset;
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
             range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
@@ -317,8 +320,13 @@ var HtmlEditor = /** @class */ (function () {
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
                     var newRange = this.parent.getRange();
-                    if (!isNOU(newRange.startContainer) && newRange.startContainer === this.parent.inputElement.lastChild && newRange.startContainer.nodeName !== '#text' && this.parent.height !== 'auto') {
-                        newRange.startContainer.scrollIntoView({ block: "end", inline: "nearest" });
+                    if (!isNullOrUndefined(newRange.startContainer) && this.parent.height !== 'auto' && newRange.startContainer.nodeName !== '#text'
+                        && !this.parent.iframeSettings.enable && newRange.startContainer.getBoundingClientRect().bottom > this.parent.element.getBoundingClientRect().bottom) {
+                        this.parent.element.querySelector('.e-rte-content').scrollTop += newRange.startContainer.getBoundingClientRect().bottom - this.parent.element.getBoundingClientRect().bottom;
+                    }
+                    else if (!isNullOrUndefined(newRange.startContainer) && this.parent.height === 'auto' && newRange.startContainer.nodeName !== '#text'
+                        && !this.parent.iframeSettings.enable && window.innerHeight < newRange.startContainer.getBoundingClientRect().top) {
+                        newRange.startContainer.scrollIntoView({ block: 'end', inline: 'nearest' });
                     }
                 }
             }
@@ -400,11 +408,13 @@ var HtmlEditor = /** @class */ (function () {
             currentRange.startContainer.previousSibling.nodeName === 'SPAN') {
             isPreviousNotContentEditable = currentRange.startContainer.previousSibling.contentEditable === 'false' ? false : true;
         }
+        var checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
+        var isSelectedPositionNotStart = closest(currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer, 'li') ?
+            checkNode.nodeName !== 'li' && isNOU(checkNode.previousSibling) : true;
         if (e.args.code === 'Backspace' && e.args.keyCode === 8 && currentRange.startOffset === 0 &&
             currentRange.endOffset === 0 && this.parent.getSelection().length === 0 && currentRange.startContainer.textContent.length > 0 &&
             currentRange.startContainer.parentElement.tagName !== 'TD' && currentRange.startContainer.parentElement.tagName !== 'TH' &&
-            isPreviousNotContentEditable) {
-            var checkNode = currentRange.startContainer.nodeName === '#text' ? currentRange.startContainer.parentElement : currentRange.startContainer;
+            isPreviousNotContentEditable && isSelectedPositionNotStart) {
             if ((!this.parent.formatter.editorManager.domNode.isBlockNode(checkNode) &&
                 !isNOU(checkNode.previousSibling) && checkNode.previousSibling.nodeName === 'BR') ||
                 (!isNOU(currentRange.startContainer.previousSibling) && currentRange.startContainer.previousSibling.nodeName === 'BR')) {
@@ -416,7 +426,8 @@ var HtmlEditor = /** @class */ (function () {
                 if (liElement.previousElementSibling && liElement.previousElementSibling.childElementCount > 0) {
                     this.oldRangeElement = liElement.previousElementSibling.lastElementChild.nodeName === 'BR' ?
                         liElement.previousElementSibling : liElement.previousElementSibling.lastElementChild;
-                    if (!isNullOrUndefined(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR') {
+                    if (!isNOU(liElement.lastElementChild) && liElement.lastElementChild.nodeName !== 'BR' &&
+                        isNOU(liElement.lastElementChild.previousSibling)) {
                         this.rangeElement = liElement.lastElementChild;
                         isLiElement = true;
                     }
@@ -426,13 +437,13 @@ var HtmlEditor = /** @class */ (function () {
                 }
             }
             else if (this.rangeElement === this.parent.inputElement || this.rangeElement.tagName === 'TABLE' ||
-                (!isNullOrUndefined(this.rangeElement.previousElementSibling) && this.rangeElement.previousElementSibling.tagName === 'TABLE')) {
+                (!isNOU(this.rangeElement.previousElementSibling) && this.rangeElement.previousElementSibling.tagName === 'TABLE')) {
                 return;
             }
             else {
                 this.oldRangeElement = this.rangeElement.previousElementSibling;
             }
-            if (isNullOrUndefined(this.oldRangeElement)) {
+            if (isNOU(this.oldRangeElement)) {
                 return;
             }
             else {
@@ -452,7 +463,7 @@ var HtmlEditor = /** @class */ (function () {
                 if (this.oldRangeElement.querySelectorAll('BR').length === 1) {
                     detach(this.oldRangeElement.querySelector('BR'));
                 }
-                if (!isNullOrUndefined(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
+                if (!isNOU(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
                     while (this.rangeElement.firstChild) {
                         this.oldRangeElement.appendChild(this.rangeElement.childNodes[0]);
                     }
@@ -708,9 +719,11 @@ var HtmlEditor = /** @class */ (function () {
         this.tooltipTargetEle = closest(args.originalEvent.target, '[data-tooltip-id]');
         if (!isNOU(this.tooltipTargetEle) && this.parent.showTooltip && !isNOU(currentDocument.querySelector('.e-tooltip-wrap'))) {
             this.parent.notify(events.destroyTooltip, { args: event });
-            this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
-            this.tooltipTargetEle.removeAttribute('title');
-            EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+            if (!this.tooltipTargetEle.closest('.e-rte-quick-popup')) {
+                this.tooltipTargetEle.setAttribute('data-title', this.tooltipTargetEle.getAttribute('title'));
+                this.tooltipTargetEle.removeAttribute('title');
+                EventHandler.add(this.tooltipTargetEle, 'mouseout', this.mouseOutHandler, this);
+            }
         }
         if (item.command !== 'FormatPainter') {
             if (closestElement && !closestElement.classList.contains('e-rte-inline-popup') && !closestElement.classList.contains('e-rte-text-popup')) {

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

@@ -55,6 +55,7 @@ export declare class PasteCleanup {
     private updateCss;
     private setCssClass;
     private destroyDialog;
+    private docClick;
     private cleanAppleClass;
     private formatting;
     private cropImageHandler;