@syncfusion/ej2-richtexteditor 25.1.38 → 25.1.39

package/dist/global/index.d.ts

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@25.1.37",
+  "_id": "@syncfusion/ej2-richtexteditor@25.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-CEvrleMxqO4OKhdhi18qBG/K230NQEOrIMhby9ijEpKXDIZMDr5Ya3WHfVA+ODcCjIYsSy3kIJcH13sjKdwcyQ==",
+  "_integrity": "sha512-z1RBMwgqZdkE0VMxfBJILZ7asZ8xdJ5S87vxM7QVQSwgX1Xa/Yt7+pohXotJlmXCMLarZwZJ9ecU5KCfBqF4Qw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.37.tgz",
-  "_shasum": "33b50ff739e07452c07dcd7aeb20843177c42689",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.38.tgz",
+  "_shasum": "632ae6ac93a8c7190d9a9825e42f10cf16693584",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -38,11 +38,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.35",
-    "@syncfusion/ej2-filemanager": "~25.1.38",
+    "@syncfusion/ej2-buttons": "~25.1.39",
+    "@syncfusion/ej2-filemanager": "~25.1.39",
     "@syncfusion/ej2-inputs": "~25.1.38",
-    "@syncfusion/ej2-navigations": "~25.1.38",
-    "@syncfusion/ej2-popups": "~25.1.38",
+    "@syncfusion/ej2-navigations": "~25.1.39",
+    "@syncfusion/ej2-popups": "~25.1.39",
     "@syncfusion/ej2-splitbuttons": "~25.1.38"
   },
   "deprecated": false,
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.38",
+  "version": "25.1.39",
   "sideEffects": false
 }

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

@@ -81,7 +81,7 @@ var Indents = /** @class */ (function () {
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
             }
             else {
-                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
+                indentsValue = (marginLeftOrRight === '' || marginLeftOrRight === '0px' || marginLeftOrRight === '0in') ? '' : parseInt(marginLeftOrRight, null) - this.indentValue + 'px';
                 isRtl ? (parentNode.style.marginRight = indentsValue) : (parentNode.style.marginLeft = indentsValue);
                 /* eslint-enable */
             }

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

@@ -427,7 +427,7 @@ var InsertHtml = /** @class */ (function () {
             if (blockNode.nodeName === 'BODY' && range.startContainer === range.endContainer && range.startContainer.nodeType === 1) {
                 blockNode = range.startContainer;
             }
-            if (blockNode.closest('LI') && node && node.firstElementChild &&
+            if (blockNode.closest('LI') && blockNode.nodeName !== 'TD' && blockNode.nodeName !== 'TH' && blockNode.nodeName !== 'TR' && node && node.firstElementChild &&
                 ((node).firstElementChild.tagName === 'OL' || node.firstElementChild.tagName === 'UL')) {
                 var liNode = void 0;
                 while (node.firstElementChild.lastElementChild && node.firstElementChild.lastElementChild.tagName === 'LI') {
@@ -457,7 +457,7 @@ var InsertHtml = /** @class */ (function () {
                     }
                 }
                 else if ((currentNode.nodeName === '#text' || currentNode.nodeName === 'BR') && !isNOU(currentNode.parentElement) &&
-                    (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
+                    (currentNode.parentElement.nodeName === 'LI' || currentNode.parentElement.closest('LI') || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
                     currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;
                     if (currentNode.parentElement.nodeName === 'LI' && !isNOU(currentNode.nextSibling) &&
@@ -466,6 +466,12 @@ var InsertHtml = /** @class */ (function () {
                     }
                     if (!range.collapsed) {
                         range.deleteContents();
+                        var value = range.startContainer;
+                        if (!isNOU(value) && value.nodeName === 'LI' && !isNOU(value.parentElement) && (value.parentElement.nodeName === 'OL' || value.parentElement.nodeName === 'UL') && value.textContent.trim() === '') {
+                            value.parentElement.querySelectorAll('li').forEach(function (item) {
+                                item.remove();
+                            });
+                        }
                     }
                     range.insertNode(node);
                     this.contentsDeleted = true;

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

@@ -54,7 +54,8 @@ var LinkCommand = /** @class */ (function () {
             }
             if (!isNOU(e.item.text) && e.item.text !== '') {
                 linkText = anchorEle.innerText;
-                anchorEle.innerText = e.item.text;
+                anchorEle.firstChild.nodeName === '#text' ? anchorEle.innerText = e.item.text :
+                    anchorEle.firstChild.innerText = e.item.text;
             }
             if (!isNOU(e.item.target)) {
                 anchorEle.setAttribute('target', e.item.target);
@@ -70,7 +71,8 @@ var LinkCommand = /** @class */ (function () {
             }
             else {
                 var startIndex = e.item.action === 'Paste' ? anchorEle.childNodes[0].textContent.length : 0;
-                e.item.selection.setSelectionText(this.parent.currentDocument, anchorEle.childNodes[0], anchorEle.childNodes[0], startIndex, anchorEle.childNodes[0].textContent.length);
+                var endIndex = anchorEle.firstChild.nodeName === '#text' ? anchorEle.childNodes[0].textContent.length : anchorEle.childNodes.length;
+                e.item.selection.setSelectionText(this.parent.currentDocument, anchorEle.childNodes[0], anchorEle.childNodes[0], startIndex, endIndex);
             }
         }
         else {

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

@@ -208,11 +208,17 @@ var Lists = /** @class */ (function () {
     Lists.prototype.removeList = function (range, e) {
         var startNode = this.parent.domNode.getSelectedNode(range.startContainer, range.startOffset);
         var endNode = (!isNOU(range.endContainer.parentElement.closest('li')) && range.endContainer.parentElement.closest('li').childElementCount > 1 && range.endContainer.nodeName === '#text') ? range.endContainer : this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
+        var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
+        var fullContent = '';
+        if (!isNOU(parentList) && !isNOU(parentList.childNodes)) {
+            parentList.childNodes.forEach(function (e) {
+                fullContent = fullContent + e.textContent;
+            });
+        }
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         startNode = startNode.nodeName !== 'LI' && !isNOU(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
         endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNOU(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
-        var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
         if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
             isNOU(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
             isNOU(startNode.previousElementSibling) && range.startOffset === 0) ||
@@ -229,10 +235,23 @@ var Lists = /** @class */ (function () {
             }
             e.event.preventDefault();
         }
-        else if (!isNOU(parentList) && parentList.textContent === range.startContainer.textContent && parentList.closest('li').previousElementSibling === null) {
+        else if (!isNOU(parentList) && !range.collapsed && parentList.textContent === fullContent) {
             range.deleteContents();
-            this.parent.editableElement.querySelectorAll('li:empty').forEach(function (e) { return e.remove(); });
-            this.parent.editableElement.querySelectorAll('ol:empty').forEach(function (e) { return e.remove(); });
+            this.parent.editableElement.querySelectorAll('li').forEach(function (li) {
+                if (!li.firstChild || li.textContent.trim() === '') {
+                    li.parentNode.removeChild(li);
+                }
+            });
+            this.parent.editableElement.querySelectorAll('ol').forEach(function (ol) {
+                if (!ol.firstChild || ol.textContent.trim() === '') {
+                    ol.parentNode.removeChild(ol);
+                }
+            });
+            this.parent.editableElement.querySelectorAll('ul').forEach(function (ul) {
+                if (!ul.firstChild || ul.textContent.trim() === '') {
+                    ul.parentNode.removeChild(ul);
+                }
+            });
             e.event.preventDefault();
         }
     };
@@ -630,6 +649,10 @@ var Lists = /** @class */ (function () {
         }
         else {
             this.checkLists(elements, type, item);
+            var marginLeftAttribute = '';
+            if (elements[0].style.marginLeft !== '') {
+                marginLeftAttribute = ' style = "margin-left: ' + elements[0].style.marginLeft + ';"';
+            }
             for (var i = 0; i < elements.length; i++) {
                 if (!isNOU(item) && !isNOU(item.listStyle)) {
                     if (item.listStyle === 'listImage') {
@@ -640,6 +663,9 @@ var Lists = /** @class */ (function () {
                         setStyleAttribute(elements[i], { 'list-style-type': item.listStyle.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase() });
                     }
                 }
+                var elemAtt = void 0;
+                elements[i].style.removeProperty('margin-left');
+                elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
                 if (elements[i].getAttribute('contenteditable') === 'true'
                     && elements[i].childNodes.length === 1 && elements[i].childNodes[0].nodeName === 'TABLE') {
                     var listEle = document.createElement(type);
@@ -649,8 +675,7 @@ var Lists = /** @class */ (function () {
                 else if ('LI' !== elements[i].tagName && isNOU(item) &&
                     elements[i].nodeName === 'BLOCKQUOTE') {
                     isReverse = false;
-                    var elemAtt = this.domNode.attributes(elements[i]);
-                    var openTag = '<' + type + '>';
+                    var openTag = '<' + type + marginLeftAttribute + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li' + elemAtt;
                     var replaceHTML = elements[i].innerHTML;
@@ -660,8 +685,7 @@ var Lists = /** @class */ (function () {
                 }
                 else if ('LI' !== elements[i].tagName && isNOU(item)) {
                     isReverse = false;
-                    var elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
-                    var openTag = '<' + type + '>';
+                    var openTag = '<' + type + marginLeftAttribute + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li' + elemAtt;
                     var replaceHTML = (elements[i].tagName.toLowerCase() === CONSTANT.DEFAULT_TAG ?
@@ -673,8 +697,8 @@ var Lists = /** @class */ (function () {
                 else if (!isNOU(item) && 'LI' !== elements[i].tagName) {
                     // eslint-disable-next-line
                     isReverse = false;
-                    var elemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
-                    var openTag = '<' + type + elemAtt + '>';
+                    var currentElemAtt = elements[i].tagName === 'IMG' ? '' : this.domNode.attributes(elements[i]);
+                    var openTag = '<' + type + currentElemAtt + '>';
                     var closeTag = '</' + type + '>';
                     var newTag = 'li';
                     var replaceHTML = (elements[i].tagName.toLowerCase() === CONSTANT.DEFAULT_TAG ?
@@ -876,16 +900,16 @@ var Lists = /** @class */ (function () {
                         var parentElement = parentNode;
                         if (elements.length === parentElement.querySelectorAll('li').length) {
                             if (!isNOU(parentElement.style.listStyleType)) {
-                                parentNode.style.removeProperty('list-style-type');
+                                parentNode.style.removeProperty("list-style-type");
                             }
                             if (!isNOU(parentElement.style.listStyleImage)) {
-                                parentNode.style.removeProperty('list-style-image');
+                                parentNode.style.removeProperty("list-style-image");
                             }
                             if (parentElement.style.length === 0) {
-                                parentNode.removeAttribute('style');
+                                parentNode.removeAttribute("style");
                             }
                         }
-                        var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass + '></' + CONSTANT.DEFAULT_TAG + '>';
+                        var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass + this.domNode.attributes(element) + '></' + CONSTANT.DEFAULT_TAG + '>';
                         if (e.enterAction !== 'BR') {
                             this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                         }

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

@@ -178,6 +178,9 @@ var NodeCutter = /** @class */ (function () {
         else {
             var startOffset = this.GetCursorStart(indexes, range.startOffset, true);
             this.position = range.startOffset - startOffset;
+            if (startOffset !== 0 && str[startOffset] && str[startOffset] === ' ') {
+                startOffset = startOffset + 1;
+            }
             cursorRange.setStart(range.startContainer, startOffset);
             cursorRange.setEnd(range.startContainer, this.GetCursorStart(indexes, range.startOffset, false));
         }

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

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

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

@@ -374,6 +374,10 @@ var SelectionCommands = /** @class */ (function () {
                     liElement.style.fontStyle = 'normal';
                 }
             }
+            else if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li'
+                && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                SelectionCommands.conCatenateTextNode(liElement, format, '', 'normal');
+            }
         }
         if (child[0] && !isFontStyle) {
             var nodeTraverse = child[index] ? child[index] : child[0];
@@ -432,6 +436,10 @@ var SelectionCommands = /** @class */ (function () {
                             liElement.style.fontFamily = value;
                         }
                     }
+                    if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li'
+                        && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                        SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format, value);
+                    }
                     if (child[num].textContent === startText) {
                         if (num === 0) {
                             range.setStartBefore(child[num]);
@@ -539,7 +547,7 @@ var SelectionCommands = /** @class */ (function () {
                             parentElement = parentElement.parentElement;
                             liElement = parentElement;
                         }
-                        if (format === 'fontcolor' || format === 'fontname') {
+                        if (format === 'fontcolor' || format === 'fontname' || format === 'fontsize') {
                             var parentElem = nodes[index].parentElement;
                             if (!isNOU(parentElem) && parentElem.childNodes) {
                                 for (var i = 0; i < parentElem.childNodes.length; i++) {
@@ -559,6 +567,9 @@ var SelectionCommands = /** @class */ (function () {
                                                 case 'fontname':
                                                     liElement_1.style.fontFamily = value;
                                                     break;
+                                                case 'fontsize':
+                                                    liElement_1.style.fontSize = value;
+                                                    break;
                                                 default:
                                                     break;
                                             }
@@ -574,6 +585,9 @@ var SelectionCommands = /** @class */ (function () {
                                             case 'fontname':
                                                 childElement.style.fontFamily = 'initial';
                                                 break;
+                                            case 'fontsize':
+                                                childElement.style.fontSize = 'initial';
+                                                break;
                                             default:
                                                 break;
                                         }
@@ -633,6 +647,10 @@ var SelectionCommands = /** @class */ (function () {
                             }
                             nodeList[0] = currentFormatNode;
                             this.applyStyles(nodeList, 0, element);
+                            if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li'
+                                && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                                SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format, value);
+                            }
                         }
                         else {
                             nodes[index] = this.applyStyles(nodes, index, element);
@@ -653,6 +671,10 @@ var SelectionCommands = /** @class */ (function () {
                                 liElement.style.fontStyle = 'italic';
                             }
                         }
+                        else if (!isNOU(liElement) && liElement.tagName.toLowerCase() === 'li'
+                            && liElement.textContent.trim() !== nodes[index].textContent.trim()) {
+                            SelectionCommands.conCatenateTextNode(liElement, format, liElement.textContent, format);
+                        }
                     }
                 }
             }
@@ -856,7 +878,9 @@ var SelectionCommands = /** @class */ (function () {
             }
             var blockChildNodes = parent.parentElement.childNodes;
             for (var k = 0; k < blockChildNodes.length; k++) {
-                if (blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) {
+                if ((blockChildNodes[k].textContent.trim() === '' || blockChildNodes[k].textContent.length === 0) &&
+                    blockChildNodes[k].textContent.charCodeAt(0) !== 160) {
+                    // 160 is the char code for &nbsp;
                     detach(blockChildNodes[k]);
                 }
             }
@@ -892,6 +916,64 @@ var SelectionCommands = /** @class */ (function () {
         }
         return result;
     };
+    SelectionCommands.conCatenateTextNode = function (liElement, format, value, formatStr, constVal) {
+        var result = '';
+        switch (format) {
+            case 'bold':
+                liElement.querySelectorAll('strong').forEach(function (e) {
+                    result = result + e.textContent;
+                });
+                if (result === value) {
+                    liElement.style.fontWeight = formatStr;
+                }
+                break;
+            case 'italic':
+                liElement.querySelectorAll('em').forEach(function (e) {
+                    result = result + e.textContent;
+                });
+                if (result === value) {
+                    liElement.style.fontStyle = formatStr;
+                }
+                break;
+            case 'fontcolor':
+                var colorStyle_1 = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    colorStyle_1 = span.style.color;
+                    if (colorStyle_1 === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.color = colorStyle_1;
+                    liElement.style.textDecoration = 'inherit';
+                }
+                break;
+            case 'fontsize':
+                var fontSize_1 = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    fontSize_1 = span.style.getPropertyValue('font-size');
+                    if (fontSize_1 === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.fontSize = fontSize_1;
+                }
+                break;
+            case 'fontname':
+                var fontFamily_1 = '';
+                liElement.querySelectorAll('span').forEach(function (span) {
+                    fontFamily_1 = span.style.getPropertyValue('font-family');
+                    if (fontFamily_1 === constVal) {
+                        result = result + span.textContent;
+                    }
+                });
+                if (result === value) {
+                    liElement.style.fontFamily = fontFamily_1;
+                }
+                break;
+        }
+    };
     SelectionCommands.enterAction = 'P';
     return SelectionCommands;
 }());

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

@@ -38,6 +38,10 @@ export declare class TableCommand {
     private getSelectedMinMaxIndexes;
     private HorizontalSplit;
     private VerticalSplit;
+    private getSplitColWidth;
+    private getColSizes;
+    private getCellIndex;
+    private convertPixelToPercentage;
     private getCorrespondingColumns;
     private FindIndex;
     private getCorrespondingIndex;

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

@@ -744,28 +744,23 @@ var TableCommand = /** @class */ (function () {
         var newCell = this.activeCell.cloneNode(true);
         newCell.removeAttribute('class');
         newCell.innerHTML = '</br>';
-        var avgWidth = parseFloat(this.activeCell.style.width) / 2;
-        if (this.activeCell.tagName === 'TH' && isNaN(avgWidth)) {
-            var cellCount = this.curTable.querySelector('tr').childElementCount;
-            var colSpanCount = 0;
-            for (var i = 0; i < cellCount; i++) {
-                colSpanCount = colSpanCount + (parseInt(this.curTable.querySelector('tr').children[i].getAttribute('colspan'), 10) || 1);
-            }
-            avgWidth = parseFloat((((this.activeCell.offsetWidth / 2) / this.curTable.offsetWidth) * 100).toFixed(1));
-        }
         var activeCellIndex = this.getCorrespondingIndex(this.activeCell, this.getCorrespondingColumns());
         var correspondingColumns = this.getCorrespondingColumns();
-        var activeCellcolSpan = parseInt(this.activeCell.getAttribute('colspan'), 10);
+        var activeCellcolSpan = parseInt(this.activeCell.getAttribute('colspan'), 10) || 1;
         if (activeCellcolSpan > 1) {
-            // eslint-disable-next-line
-            1 < Math.ceil(activeCellcolSpan / 2) ? this.activeCell.setAttribute('colspan', (activeCellcolSpan / 2).toString())
-                : this.activeCell.removeAttribute('colspan');
-            // eslint-disable-next-line
-            1 < (activeCellcolSpan - activeCellcolSpan / 2) ? newCell.setAttribute('colspan', 
-            // eslint-disable-next-line
-            (activeCellcolSpan - activeCellcolSpan / 2).toString()) : newCell.removeAttribute('colspan');
+            var colSpan = Math.ceil(activeCellcolSpan / 2);
+            var getColSizes = this.getColSizes(this.curTable);
+            var activeCellUpdatedWidth = this.getSplitColWidth(activeCellIndex[1], activeCellIndex[1] + colSpan - 1, getColSizes);
+            var newCellWidth = this.getSplitColWidth(activeCellIndex[1] + colSpan, activeCellIndex[1] + activeCellcolSpan - 1, getColSizes);
+            var activeCellWidth = this.convertPixelToPercentage(this.activeCell.offsetWidth, this.curTable.offsetWidth);
+            newCellWidth = (activeCellWidth - activeCellUpdatedWidth) < newCellWidth ? (activeCellWidth - activeCellUpdatedWidth) : newCellWidth;
+            1 < colSpan ? this.activeCell.setAttribute('colspan', colSpan.toString()) : this.activeCell.removeAttribute('colspan');
+            1 < activeCellcolSpan - colSpan ? newCell.setAttribute('colspan', (activeCellcolSpan - colSpan).toString()) : newCell.removeAttribute('colspan');
+            this.activeCell.style.width = activeCellUpdatedWidth + '%';
+            newCell.style.width = newCellWidth + '%';
         }
         else {
+            var avgWidth = parseFloat(this.activeCell.style.width) / 2;
             for (var i = 0; i <= allRows.length - 1; i++) {
                 if (0 === i || correspondingColumns[i][activeCellIndex[1]] !== correspondingColumns[i - 1][activeCellIndex[1]]) {
                     var currentCell = correspondingColumns[i][activeCellIndex[1]];
@@ -775,9 +770,9 @@ var TableCommand = /** @class */ (function () {
                     }
                 }
             }
+            this.activeCell.style.width = avgWidth + '%';
+            newCell.style.width = avgWidth + '%';
         }
-        this.activeCell.style.width = avgWidth + '%';
-        newCell.style.width = avgWidth + '%';
         this.activeCell.parentNode.insertBefore(newCell, this.activeCell.nextSibling);
         if (e.callBack) {
             e.callBack({
@@ -789,6 +784,54 @@ var TableCommand = /** @class */ (function () {
             });
         }
     };
+    TableCommand.prototype.getSplitColWidth = function (startIndex, endInex, sizes) {
+        var width = 0;
+        for (var i = startIndex; i <= endInex; i++) {
+            width += sizes[i];
+        }
+        return this.convertPixelToPercentage(width, this.curTable.offsetWidth);
+    };
+    TableCommand.prototype.getColSizes = function (curTable) {
+        var cellColl = curTable.rows[0].cells;
+        var cellCount = 0;
+        for (var cell = 0; cell < cellColl.length; cell++) {
+            cellCount = cellCount + cellColl[cell].colSpan;
+        }
+        var sizes = new Array(cellCount);
+        var rowSpanCells = new Map();
+        for (var i = 0; i < curTable.rows.length; i++) {
+            var currentColIndex = 0;
+            for (var k = 0; k < curTable.rows[i].cells.length; k++) {
+                for (var l = 1; l < curTable.rows[i].cells[k].rowSpan; l++) {
+                    var key = "" + (i + l) + currentColIndex;
+                    rowSpanCells.set(key, curTable.rows[i].cells[k]);
+                }
+                var cellIndex = this.getCellIndex(rowSpanCells, i, k);
+                if (cellIndex > currentColIndex) {
+                    currentColIndex = cellIndex;
+                }
+                var width = curTable.rows[i].cells[k].offsetWidth;
+                if (!sizes[currentColIndex] || width < sizes[currentColIndex]) {
+                    sizes[currentColIndex] = width;
+                }
+                currentColIndex += 1 + curTable.rows[i].cells[k].colSpan - 1;
+            }
+        }
+        return sizes;
+    };
+    TableCommand.prototype.getCellIndex = function (rowSpanCells, rowIndex, colIndex) {
+        var cellKey = "" + rowIndex + colIndex;
+        var spannedCell = rowSpanCells.get(cellKey);
+        if (spannedCell) {
+            return this.getCellIndex(rowSpanCells, rowIndex, colIndex + spannedCell.colSpan);
+        }
+        else {
+            return colIndex;
+        }
+    };
+    TableCommand.prototype.convertPixelToPercentage = function (value, offsetValue) {
+        return (value / offsetValue) * 100;
+    };
     TableCommand.prototype.getCorrespondingColumns = function () {
         var elementArray = [];
         // eslint-disable-next-line

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

@@ -48,6 +48,7 @@ export declare class BaseQuickToolbar implements IBaseQuickToolbar {
 
      */
     showPopup(x: number, y: number, target: Element, type?: string): void;
+    private tooltipBeforeRender;
     /**
      * hidePopup method
      *

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

@@ -103,26 +103,19 @@ var BaseQuickToolbar = /** @class */ (function () {
         }
         target = isAligned ? e.target : target;
         var targetOffsetLeft;
-        var currentOffsetWidth;
         if (!isNOU(closest(target, 'table'))) {
             targetOffsetLeft = target.offsetLeft;
-            var parentTable = closest(target, 'table');
-            var checkOffSetParentWidth = false;
-            if (!isNOU(closest(parentTable, 'TD'))) {
-                checkOffSetParentWidth = true;
-            }
+            var parentTable = closest(target.parentElement, 'td');
             while (!isNOU(parentTable)) {
                 targetOffsetLeft += parentTable.offsetLeft;
-                currentOffsetWidth = checkOffSetParentWidth ? parentTable.offsetWidth : target.offsetWidth;
                 parentTable = closest(parentTable.parentElement, 'table');
             }
         }
         else {
-            currentOffsetWidth = target.offsetWidth;
             targetOffsetLeft = (target.classList.contains("e-rte-audio")) ? target.parentElement.offsetLeft : target.offsetLeft;
         }
-        if (currentOffsetWidth > e.popWidth) {
-            x = (currentOffsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
+        if (target.offsetWidth > e.popWidth) {
+            x = (target.offsetWidth / 2) - (e.popWidth / 2) + e.parentData.left + targetOffsetLeft;
         }
         else {
             x = e.parentData.left + targetOffsetLeft;
@@ -262,6 +255,7 @@ var BaseQuickToolbar = /** @class */ (function () {
                         target: '#' + _this.element.id + ' [title]',
                         openDelay: 400,
                         showTipPointer: true,
+                        beforeRender: _this.tooltipBeforeRender.bind(_this),
                         windowCollision: true,
                         position: 'BottomCenter',
                         cssClass: _this.parent.getCssClass()
@@ -322,6 +316,11 @@ var BaseQuickToolbar = /** @class */ (function () {
             }
         });
     };
+    BaseQuickToolbar.prototype.tooltipBeforeRender = function (args) {
+        if (args.target.querySelector('.e-active')) {
+            args.cancel = true;
+        }
+    };
     /**
      * hidePopup method
      *
@@ -354,9 +353,6 @@ var BaseQuickToolbar = /** @class */ (function () {
                 this.parent.enableToolbarItem(this.parent.toolbarSettings.items);
             }
         }
-        if (this.parent.showTooltip && !isNOU(document.querySelector('.e-tooltip-wrap'))) {
-            this.parent.notify(events.destroyTooltip, { args: event });
-        }
         this.removeEleFromDOM();
         this.isRendered = false;
     };

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

@@ -170,15 +170,16 @@ var BaseToolbar = /** @class */ (function () {
             for (var num = 0; num < items.length; num++) {
                 var tooltipText = items[num].tooltipText;
                 var shortCutKey = void 0;
+                var isMacDev = window.navigator.platform.toLocaleLowerCase().includes('mac');
                 if (windowKeys["" + tooltipText]) {
-                    shortCutKey = window.navigator.platform.toLocaleLowerCase().includes('mac') ? windowKeys["" + tooltipText].replace('Ctrl', 'Cmd') : windowKeys["" + tooltipText];
+                    shortCutKey = isMacDev ? windowKeys["" + tooltipText].replace('Ctrl+', '⌘').replace('Shift+', '⇧').replace('Alt+', '⌥') : windowKeys["" + tooltipText];
                 }
                 else {
                     shortCutKey = tooltipText;
                 }
                 if (shortCutKey) {
                     if (!(items[num].command === "Images" && items[num].subCommand === "InsertLink")) {
-                        items[num].tooltipText = (tooltipText !== shortCutKey) ? tooltipText + ' (' + shortCutKey + ')' : tooltipText;
+                        items[num].tooltipText = (tooltipText !== shortCutKey) ? (isMacDev) ? shortCutKey : tooltipText + ' (' + shortCutKey + ')' : tooltipText;
                     }
                 }
             }

package/src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -16,6 +16,7 @@ export declare class DropDownButtons {
     displayDropDown: DropDownButton;
     tableRowsDropDown: DropDownButton;
     tableColumnsDropDown: DropDownButton;
+    tableCellDropDown: DropDownButton;
     tableCellVerticalAlignDropDown: DropDownButton;
     /**
      *