@syncfusion/ej2-richtexteditor - npm Package Compare versions

Comparing version 24.2.4 to 24.2.7

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 24.2.4
+*  version : 24.2.7
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@24.2.3",
+  "_id": "@syncfusion/ej2-richtexteditor@24.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-qjy4z7YGj17wCO4I5dW2kqGyRSaUxHXprYekBaF78kmtSAbFQjy8QFO9+15bOUEcNTPaTaPWHNvZ61Vm3+qOEw==",
+  "_integrity": "sha512-gxGUXVmOFE1abnbYaLzzX3FEGyT+H3uIhWIt0jS7DALyg61NbYz8XViClAoYz62KxDenDXYzu+HyP5bjpMc7gg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
@@ -28,4 +28,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.2.3.tgz",
-  "_shasum": "c6180082b7903ea03940e96f5911e093ee6fab92",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-24.2.4.tgz",
+  "_shasum": "c1a662b91702ceddbdb9a858bae8cdccb2635ea7",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
@@ -41,9 +41,9 @@ "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
-    "@syncfusion/ej2-buttons": "~24.2.3",
-    "@syncfusion/ej2-filemanager": "~24.2.3",
-    "@syncfusion/ej2-inputs": "~24.2.4",
+    "@syncfusion/ej2-base": "~24.2.7",
+    "@syncfusion/ej2-buttons": "~24.2.7",
+    "@syncfusion/ej2-filemanager": "~24.2.7",
+    "@syncfusion/ej2-inputs": "~24.2.7",
     "@syncfusion/ej2-navigations": "~24.2.4",
-    "@syncfusion/ej2-popups": "~24.2.3",
-    "@syncfusion/ej2-splitbuttons": "~24.2.3"
+    "@syncfusion/ej2-popups": "~24.2.5",
+    "@syncfusion/ej2-splitbuttons": "~24.2.7"
   },
@@ -74,4 +74,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "24.2.4",
+  "version": "24.2.7",
   "sideEffects": false
 }

src/common/util.js

@@ -89,3 +89,3 @@ /**
                     tableElm[i].classList.remove('e-rte-paste-word-table');
-                    continue; // Sking the removal of the border if the source is from word.
+                    continue; // Skiping the removal of the border if the source is from word.
                 }
@@ -124,2 +124,5 @@ else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
         for (var 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')) {
@@ -126,0 +129,0 @@ imageElm[i].classList.add('e-rte-image');

src/editor-manager/plugin/formats.d.ts

@@ -21,2 +21,3 @@ import { EditorManager } from './../base/editor-manager';
     private onKeyUp;
+    private getBlockParent;
     private onKeyDown;
@@ -23,0 +24,0 @@ private removeCodeContent;

src/editor-manager/plugin/formats.js

@@ -55,2 +55,10 @@ import * as EVENTS from './../../common/constant';
     };
+    Formats.prototype.getBlockParent = function (node, endNode) {
+        var currentParent;
+        while (node != endNode) {
+            currentParent = node;
+            node = node.parentElement;
+        }
+        return currentParent;
+    };
     Formats.prototype.onKeyDown = function (e) {
@@ -65,2 +73,4 @@ if (e.event.which === 13) {
             var endPreElem = closest(endCon, 'pre');
+            var blockquoteEle = closest(startCon, 'blockquote');
+            var endBlockquoteEle = closest(endCon, 'blockquote');
             var liParent = !isNOU(preElem) && !isNOU(preElem.parentElement) && preElem.parentElement.tagName === 'LI';
@@ -77,2 +87,13 @@ if (liParent) {
             }
+            if (e.event.which === 13 && ((!isNOU(blockquoteEle) && !isNOU(endBlockquoteEle)) || (!isNOU(blockquoteEle) && isNOU(endBlockquoteEle)))) {
+                var startParent = this.getBlockParent(range.startContainer, blockquoteEle);
+                if ((startParent.textContent.charCodeAt(0) === 8203 &&
+                    startParent.textContent.length === 1) || startParent.textContent.length === 0) {
+                    if (isNOU(startParent.nextSibling) && ((startParent.previousSibling.textContent.charCodeAt(0) === 8203 &&
+                        startParent.previousSibling.textContent.length === 1) || startParent.previousSibling.textContent.length === 0)) {
+                        e.event.preventDefault();
+                        this.paraFocus(startParent.parentElement); //Revert from blockquotes while pressing enter key
+                    }
+                }
+            }
             if (e.event.which === 13 && !isNOU(preElem) && !isNOU(endPreElem)) {
@@ -301,3 +322,3 @@ e.event.preventDefault();
             if ((e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
-                (e.subCommand.toLowerCase() !== 'pre' ||
+                (e.subCommand.toLowerCase() !== 'pre' && e.subCommand.toLowerCase() !== 'blockquote' ||
                     (!isNOU(e.exeValue) && e.exeValue.name === 'dropDownSelect'))) ||
@@ -311,3 +332,17 @@ isNOU(parentNode.parentNode) ||
                 'p' : e.subCommand;
-            var replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            var isToggleBlockquoteList = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
+                e.subCommand.toLowerCase() === 'blockquote' && this.parent.domNode.isList(parentNode.firstElementChild);
+            var isToggleBlockquote = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase()
+                && e.subCommand.toLowerCase() === 'blockquote';
+            var replaceTag = void 0;
+            if (isToggleBlockquoteList) {
+                replaceTag = replaceHTML.replace(/>\s+</g, '><');
+            }
+            else if (isToggleBlockquote) {
+                var tagWrap = (e.enterAction == 'BR' || e.enterAction == 'P') ? 'P' : e.enterAction;
+                replaceTag = this.parent.domNode.createTagString(tagWrap, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
+            else {
+                replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
             if (parentNode.tagName === 'LI') {
@@ -314,0 +349,0 @@ parentNode.innerHTML = '';

src/editor-manager/plugin/inserthtml.js

@@ -251,3 +251,8 @@ import { NodeSelection } from './../../selection/index';
                 else {
+                    var startContainerParent = range.startContainer.parentNode;
+                    // Get the index of the start container among its siblings
+                    var startIndex = Array.prototype.indexOf.call(startContainerParent.childNodes, range.startContainer);
                     range.deleteContents();
+                    range.setStart(startContainerParent, startIndex);
+                    range.setEnd(startContainerParent, startIndex);
                     if (!isNOU(lasNode)) {
@@ -257,3 +262,3 @@ detach(lasNode);
                     // eslint-disable-next-line
-                    !isNOU(sibNode) ? sibNode.parentNode.appendChild(fragment) : editNode.appendChild(fragment);
+                    !isNOU(sibNode) ? (sibNode.parentNode === editNode ? sibNode.appendChild(fragment) : sibNode.parentNode.appendChild(fragment)) : range.insertNode(fragment);
                 }
@@ -483,3 +488,11 @@ }
         var focusNode = document.createTextNode(' ');
-        node.parentNode.insertBefore(focusNode, node.nextSibling);
+        if (node.parentNode && node.parentNode.nodeName === 'A') {
+            var anchorTag = node.parentNode;
+            var parentNode = anchorTag.parentNode;
+            parentNode.insertBefore(focusNode, anchorTag.nextSibling);
+            parentNode.insertBefore(node, focusNode);
+        }
+        else {
+            node.parentNode.insertBefore(focusNode, node.nextSibling);
+        }
         nodeSelection.setSelectionText(docElement, node.nextSibling, node.nextSibling, 0, 0);
@@ -486,0 +499,0 @@ };

src/editor-manager/plugin/lists.js

@@ -678,2 +678,5 @@ import * as CONSTANT from './../base/constant';
             }
+            if (nodes[i].parentNode.tagName === tagName && nodes[i].parentNode.style.listStyleType !== '') {
+                isRevert = true;
+            }
         }
@@ -825,4 +828,14 @@ return isRevert;
                         ' class="' + className + ' e-rte-wrap-inner"';
+                    var parentElement = parentNode;
+                    if (!isNOU(parentElement.style.listStyleType)) {
+                        parentNode.style.removeProperty("list-style-type");
+                    }
+                    if (!isNOU(parentElement.style.listStyleImage)) {
+                        parentNode.style.removeProperty("list-style-image");
+                    }
+                    if (parentElement.style.length === 0) {
+                        parentNode.removeAttribute("style");
+                    }
                     var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass +
-                        this.domNode.attributes(parentNode) + '></' + CONSTANT.DEFAULT_TAG + '>';
+                        this.domNode.attributes(parentElement) + '></' + CONSTANT.DEFAULT_TAG + '>';
                     if (e.enterAction !== 'BR') {
@@ -829,0 +842,0 @@ this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));

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

 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';
@@ -71,3 +71,2 @@ /**
             var source = this.findSource(elm);
-            this.imageConversion(elm, rtfData);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
@@ -80,2 +79,3 @@ this.addListClass(elm);
             }
+            this.imageConversion(elm, rtfData);
             this.cleanList(elm, 'UL');
@@ -89,2 +89,3 @@ this.cleanList(elm, 'OL');
             this.breakLineAddition(elm);
+            this.processMargin(elm);
             this.removeClassName(elm);
@@ -94,3 +95,2 @@ if (pattern4.test(tempHTMLContent)) {
             }
-            this.processMargin(elm);
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
@@ -166,4 +166,5 @@ }
                 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');
         }
@@ -198,2 +199,3 @@ imgElem = elm.querySelectorAll('img');
             }
+            imgElem = elm.querySelectorAll('img:not(.e-rte-image-unsupported');
             for (var i = 0; i < imgElem.length; i++) {
@@ -209,3 +211,3 @@ if (imgSrc[i].match(linkRegex)) {
                         imgElem[i].removeAttribute('src');
-                        imgElem[i].setAttribute('alt', 'Unsupported file format');
+                        imgElem[i].classList.add('e-rte-image-unsupported');
                     }
@@ -218,2 +220,6 @@ if (!isNOU(base64Src[i]) && base64Src[i].isCroppedImage) {
             }
+            imgElem = elm.querySelectorAll('.e-rte-image-unsupported');
+            for (var i = 0; i < imgElem.length; i++) {
+                imgElem[i].removeAttribute('src');
+            }
         }
@@ -292,2 +298,5 @@ };
             for (var i = 0; i < fullImg.length; i++) {
+                if (fullImg[i].indexOf('fIsBullet') !== -1 && fullImg[i].indexOf('wzName') === -1) {
+                    continue;
+                }
                 var isCroppedImage = false;
@@ -307,3 +316,3 @@ var goalWidth = 0;
                     }
-                    else if (fullImg[i].indexOf('\\picprop') !== -1) {
+                    else if (fullImg[i].indexOf('\\emfblip') !== -1) {
                         imgType = null;
@@ -348,3 +357,3 @@ }
     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++) {
@@ -622,2 +631,3 @@ elmWithClass[i].removeAttribute('class');
         var data = [];
+        var listFormatOverride;
         var collection = [];
@@ -644,2 +654,13 @@ var content = '';
             }
+            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 = [];
@@ -680,6 +701,6 @@ this.getListContent(listNodes[i]);
                     }
-                    if (listNodes[i].style.marginLeft !== '') {
-                        styleMarginLeft = listNodes[i].style.marginLeft;
-                    }
                 }
+                if (listNodes[i].style.marginLeft !== '') {
+                    styleMarginLeft = listNodes[i].style.marginLeft;
+                }
                 var tempNode = [];
@@ -699,3 +720,4 @@ for (var j = 1; j < this.listContents.length; j++) {
                 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
@@ -773,2 +795,3 @@ });
         var elem;
+        var lfo = collection[0].listFormatOverride;
         for (var index = 0; index < collection.length; index++) {
@@ -790,3 +813,5 @@ var listClass = ['MsoListParagraphCxSpFirst', 'MsoListParagraphCxSpMiddle', 'MsoListParagraphCxSpLast'];
             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 }));
@@ -797,6 +822,12 @@ prevList = createElement('li');
                 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)
@@ -864,2 +895,8 @@ && prevList.parentElement.tagName.toLowerCase() === collection[index].listType) {
                         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;
@@ -888,3 +925,4 @@ }
                         // 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');
@@ -896,3 +934,22 @@ prevList.appendChild(pElement);
                         }
-                        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));
@@ -913,4 +970,5 @@ prevList = createElement('li');
             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());
@@ -952,3 +1010,3 @@ }
             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 = '';
@@ -967,2 +1025,13 @@ }
         }
+        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';
+                }
+            }
+        }
     };
@@ -969,0 +1038,0 @@ MsWordPaste.prototype.removeEmptyAnchorTag = function (element) {

src/editor-manager/plugin/nodecutter.js

@@ -128,3 +128,3 @@ import { NodeSelection } from './../../selection/index';
         }
-        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);
@@ -131,0 +131,0 @@ }

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

@@ -32,2 +32,3 @@ import { FormatPainterValue } from '../base/interface';
     private static formatPainterCleanup;
+    private static concatenateTextExcludingList;
 }

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

@@ -41,2 +41,25 @@ /**
             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) {
@@ -417,3 +440,6 @@ var startChildNodes = range.startContainer.childNodes;
                 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;
@@ -490,2 +516,19 @@ num--;
                         }
+                        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' &&
@@ -790,2 +833,14 @@ liElement.textContent.trim() === nodes[index].textContent.trim()) {
     };
+    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';
@@ -792,0 +847,0 @@ return SelectionCommands;

src/editor-manager/plugin/table.js

@@ -541,3 +541,3 @@ import { createElement, closest, detach, Browser, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
         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
@@ -544,0 +544,0 @@ if (!(min < colIndex && eleArray[0][colIndex] === eleArray[0][colIndex - 1]) && 1 < (index =

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

@@ -82,3 +82,3 @@ import { detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
         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;
@@ -96,3 +96,3 @@ if ((targetOffsetTop - e.editTop) > e.popHeight) {
         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);
         }
@@ -99,0 +99,0 @@ else {

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

@@ -488,6 +488,6 @@ import { isNullOrUndefined as isNOU, detach, Browser } from '@syncfusion/ej2-base';
         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'));
@@ -494,0 +494,0 @@ }

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

@@ -195,5 +195,8 @@ import * as events from '../base/constant';
         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;
@@ -321,5 +324,10 @@ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                     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' });
+                    }
                 }
@@ -405,7 +413,9 @@ }
         }
+        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) &&
@@ -422,3 +432,4 @@ !isNOU(checkNode.previousSibling) && checkNode.previousSibling.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;
@@ -433,3 +444,3 @@ isLiElement = true;
             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;
@@ -440,3 +451,3 @@ }
             }
-            if (isNullOrUndefined(this.oldRangeElement)) {
+            if (isNOU(this.oldRangeElement)) {
                 return;
@@ -461,3 +472,3 @@ }
                 }
-                if (!isNullOrUndefined(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
+                if (!isNOU(this.rangeElement) && this.oldRangeElement !== this.rangeElement) {
                     while (this.rangeElement.firstChild) {
@@ -718,5 +729,7 @@ this.oldRangeElement.appendChild(this.rangeElement.childNodes[0]);
             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);
+            }
         }
@@ -723,0 +736,0 @@ if (item.command !== 'FormatPainter') {

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

@@ -58,2 +58,3 @@ import { IRichTextEditor } from '../base/interface';
     private destroyDialog;
+    private docClick;
     private cleanAppleClass;
@@ -60,0 +61,0 @@ private formatting;

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

@@ -5,3 +5,3 @@ import * as events from '../base/constant';
 import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass, removeClass } from '@syncfusion/ej2-base';
-import { getUniqueID, Browser } from '@syncfusion/ej2-base';
+import { getUniqueID, Browser, closest } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
@@ -50,2 +50,3 @@ import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.docClick, this.docClick, this);
     };
@@ -62,2 +63,3 @@ PasteCleanup.prototype.destroy = function () {
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.docClick, this.docClick);
     };
@@ -132,2 +134,8 @@ PasteCleanup.prototype.pasteClean = function (e) {
             tempDivElem.innerHTML = value;
+            var unsupportedImg = tempDivElem.querySelectorAll('.e-rte-image-unsupported');
+            for (var index = 0; index < unsupportedImg.length; index++) {
+                unsupportedImg[index].setAttribute('alt', this.i10n.getConstant('unsupportedImage'));
+                unsupportedImg[index].classList.remove('e-rte-image-unsupported');
+            }
+            value = tempDivElem.innerHTML;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
@@ -418,3 +426,5 @@ !isNOU(tempDivElem.querySelector('table'));
         imgElem.style.opacity = '1';
-        uploadObj.destroy();
+        if (!uploadObj.isDestroyed) {
+            uploadObj.destroy();
+        }
         this.toolbarEnableDisable(false);
@@ -570,3 +580,3 @@ };
             cssClass: CLS_RTE_DIALOG_MIN_HEIGHT,
-            isModal: true,
+            isModal: Browser.isDevice,
             visible: false
@@ -625,3 +635,3 @@ };
     PasteCleanup.prototype.destroyDialog = function (rteDialogWrapper) {
-        var rteDialogContainer = this.parent.element.querySelector('.e-dlg-container');
+        var rteDialogContainer = this.parent.element.querySelector('.e-rte-dialog-minheight');
         detach(rteDialogContainer);
@@ -633,2 +643,11 @@ var rteDialogWrapperChildLength = rteDialogWrapper.children.length;
     };
+    PasteCleanup.prototype.docClick = function (e) {
+        var target = e.args.target;
+        if (target && target.classList && ((this.dialogObj && !closest(target, '[id=' + "'" + this.dialogObj.element.id + "'" + ']')))
+            && (!target.classList.contains('e-toolbar-item'))) {
+            if (this.dialogObj) {
+                this.dialogObj.hide();
+            }
+        }
+    };
     PasteCleanup.prototype.cleanAppleClass = function (elem) {
@@ -707,3 +726,4 @@ var appleClassElem = elem.querySelectorAll('br.Apple-interchange-newline');
                 _this.parent.formatter.onSuccess(_this.parent, args);
-                if (!isNOU(returnArgs.elements) && !isNOU(returnArgs.imgElem)) {
+                if (!isNOU(returnArgs.elements) && !isNOU(returnArgs.imgElem) &&
+                    returnArgs.imgElem.length > 0) {
                     var pasteContent = returnArgs.elements;
@@ -777,2 +797,3 @@ var imageContent = returnArgs.imgElem;
     PasteCleanup.prototype.addTableClass = function (element, source) {
+        source = isNOU(source) ? '' : source;
         var tableElement = element.querySelectorAll('table');
@@ -779,0 +800,0 @@ for (var i = 0; i < tableElement.length; i++) {

src/rich-text-editor/actions/toolbar-action.js

@@ -42,3 +42,3 @@ import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
                 (args.originalEvent.target.parentElement.classList.contains('e-rte-bulletformatlist-dropdown') || args.originalEvent.target.parentElement.classList.contains('e-rte-numberformatlist-dropdown'))) {
-                args.item.command = args.item.subCommand = null;
+                return;
             }
@@ -45,0 +45,0 @@ }

src/rich-text-editor/actions/toolbar.js

@@ -588,3 +588,3 @@ import { addClass, Browser, EventHandler, detach, removeClass, select, selectAll, KeyboardEvents } from '@syncfusion/ej2-base';
         }
-        if (isNOU(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand) {
+        if (isNOU(trg) && this.parent.toolbarSettings.type === ToolbarType.Expand && this.parent.toolbarModule.getExpandTBarPopHeight() === 0) {
             removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
@@ -591,0 +591,0 @@ }

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

@@ -670,6 +670,2 @@ import { Component, Observer, L10n, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';
 }
-/**
- * @hidden
-
- */
 export interface IListDropDownModel extends DropDownItemModel {
@@ -684,6 +680,2 @@ cssClass?: string;
 }
-/**
- * @hidden
-
- */
 export interface IDropDownItemModel extends DropDownItemModel {
@@ -690,0 +682,0 @@ cssClass?: string;

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

@@ -607,3 +607,3 @@ import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select, detach } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, extend, debounce } from '@syncfusion/ej2-base';import { Touch as EJ2Touch, TapEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs, IFormatPainterArgs, CleanupResizeElemArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs, StatusArgs, ToolbarStatusEventArgs } from './interface';import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, AfterMediaDeleteEventArgs, PasteCleanupArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, IAudioCommandsArgs, IVideoCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType, DialogType } from './enum';import { EditorMode, ShiftEnterKey, EnterKey } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { FontFamilyModel, FontSizeModel, FontColorModel, FormatModel, BackgroundColorModel, NumberFormatListModel, BulletFormatListModel } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, AudioSettingsModel, VideoSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel, FormatPainterSettingsModel, EmojiSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, AudioSettings, VideoSettings, QuickToolbarSettings, FontFamily, FontSize, Format, NumberFormatList, BulletFormatList, FormatPainterSettings, EmojiSettings } from '../models/toolbar-settings';import { FileManagerSettings } from '../models/toolbar-settings';import { TableSettings, PasteCleanupSettings } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Audio } from '../renderer/audio-module';import { Video } from '../renderer/video-module';import { Table } from '../renderer/table-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import { PasteCleanup } from '../actions/paste-clean-up';import { EnterKeyAction } from '../actions/enter-key';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent, getEditValue, isIDevice, decode, isEditableValueEmpty, getDefaultValue } from '../base/util';import { DialogRenderer } from '../renderer/dialog-renderer';import { SelectedEventArgs, RemovingEventArgs, UploadingEventArgs, BeforeUploadEventArgs } from '@syncfusion/ej2-inputs';import { Resize } from '../actions/resize';import { FileManager } from '../actions/file-manager';import { FormatPainter } from '../actions/format-painter';import { EmojiPicker } from '../actions/emoji-picker';
      * {
-     * default: '10',
+     * default: '10pt',
      * width: '35px',
@@ -610,0 +610,0 @@ * items: [

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

@@ -754,3 +754,3 @@ import { Component, ModuleDeclaration, EmitType } from '@syncfusion/ej2-base';
      * {
-     * default: '10',
+     * default: '10pt',
      * width: '35px',
@@ -757,0 +757,0 @@ * items: [

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

@@ -502,2 +502,5 @@ /**
         for (var 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(classes.CLS_RTE_IMAGE)) {
@@ -504,0 +507,0 @@ imageElm[i].classList.add(classes.CLS_RTE_IMAGE);

src/rich-text-editor/models/default-locale.js

@@ -202,2 +202,3 @@ /* eslint-disable */
     'linkAriaLabel': 'Open in new window',
+    'unsupportedImage': 'Unsupported file format'
 };
@@ -298,3 +299,3 @@ export var toolsLocale = {
     'emojiPickerTrySomethingElse': 'Try something else',
-    'ImageLinkAriaLabel': 'Open in new window',
+    'imageLinkAriaLabel': 'Open in new window',
 };
@@ -301,0 +302,0 @@ export var fontNameLocale = [

src/rich-text-editor/renderer/iframe-content-renderer.js

@@ -17,3 +17,3 @@ var __extends = (this && this.__extends) || (function () {
 import { getEditValue } from '../base/util';
-var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image, .e-rte-audio, .e-rte-video  {border: 0;cursor: pointer;display:\n                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n                .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark, span.e-rte-videoboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n                    border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-img-caption a:focus-visible { outline: none; }\n                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                li{margin-bottom: 10px;}\n                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n                h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n                h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n                h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n            </style>\n        </head>";
+var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image, .e-rte-video {border: 0;cursor: pointer;display:\n                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-audio {border: 0;cursor: pointer;display:\n                        block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n                .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-rte-img-caption.e-imgcenter {display: contents; margin-left: auto; margin-right: auto;}\n                .e-rte-img-caption.e-imgright {display: contents; margin-left: auto; margin-right: 0;}\n                .e-rte-img-caption.e-imgleft {display: contents;margin-left: 0;margin-right: auto;}\n                .e-img-caption.e-rte-img-caption.e-imgbreak {display: contents;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark, span.e-rte-videoboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark, .e-mob-rte span.e-rte-videoboxmark { background: #fff; border: 1px solid #4a90e2;\n                    border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark, .e-mob-rte.e-mob-span span.e-rte-videoboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-img-caption a:focus-visible { outline: none; }\n                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                li{margin-bottom: 10px;}\n                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n                h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n                h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n                h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n            </style>\n        </head>";
 /**
@@ -20,0 +20,0 @@ * Content module is used to render Rich Text Editor content

src/rich-text-editor/renderer/table-module.d.ts

@@ -79,2 +79,3 @@ import { Dialog, Popup } from '@syncfusion/ej2-popups';
     private resizeStart;
+    private getCellIndex;
     private removeHelper;
@@ -81,0 +82,0 @@ private appendHelper;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

27542148

increased by0.77%

Lines of code

238335

increased by0.58%

Dependency changes

• Updated@syncfusion/ej2-base@~24.2.7

• Updated@syncfusion/ej2-buttons@~24.2.7

• Updated@syncfusion/ej2-filemanager@~24.2.7

• Updated@syncfusion/ej2-inputs@~24.2.7

• Updated@syncfusion/ej2-popups@~24.2.5

• Updated@syncfusion/ej2-splitbuttons@~24.2.7