@syncfusion/ej2-richtexteditor 23.1.43 → 23.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.43
+*  version : 23.2.4
 *  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@23.1.41",
+  "_id": "@syncfusion/ej2-richtexteditor@23.1.44",
   "_inBundle": false,
-  "_integrity": "sha512-CIPlpeV1ZJSthFtQHaNVAdANuI0M5aDYUT/Ar7obSF9TC4jwgwVIY0UdZ6KZC/dXzsAqRq1q7+QE8F5OzjvG7A==",
+  "_integrity": "sha512-fsFkpynFC1d3CrTaX57BGcF3GHHRX5jbxs8gdEOvx/Ctg4DPFrWsTQUthkZT1UpZJfqv7YTC0TmK3OoNt65p3g==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -22,12 +22,11 @@
     "/@syncfusion/ej2-angular-richtexteditor",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-pdfviewer",
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.1.41.tgz",
-  "_shasum": "a9c6e53775552699f2528d6f4cf619a806d4660e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.1.44.tgz",
+  "_shasum": "da1060a6d62d138984f4565a75c86a4cf069b513",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -38,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-buttons": "~23.1.43",
-    "@syncfusion/ej2-filemanager": "~23.1.43",
-    "@syncfusion/ej2-inputs": "~23.1.43",
-    "@syncfusion/ej2-navigations": "~23.1.43",
-    "@syncfusion/ej2-popups": "~23.1.43",
-    "@syncfusion/ej2-splitbuttons": "~23.1.43"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-buttons": "~23.2.4",
+    "@syncfusion/ej2-filemanager": "~23.2.4",
+    "@syncfusion/ej2-inputs": "~23.2.4",
+    "@syncfusion/ej2-navigations": "~23.2.4",
+    "@syncfusion/ej2-popups": "~23.2.4",
+    "@syncfusion/ej2-splitbuttons": "~23.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "23.1.43",
+  "version": "23.2.4",
   "sideEffects": false
 }

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

@@ -503,14 +503,18 @@ var InsertHtml = /** @class */ (function () {
     };
     InsertHtml.removeEmptyElements = function (element) {
         var emptyElements = element.querySelectorAll(':empty');
-        for (var i = 0; i < emptyElements.length; i++) {
+        var nonSvgEmptyElements = Array.from(emptyElements).filter(function (element) {
+            // Check if the element is an SVG element or an ancestor of an SVG element
+            return !element.closest('svg') && !element.closest('canvas');
+        });
+        for (var i = 0; i < nonSvgEmptyElements.length; i++) {
             var lineWithDiv = true;
-            if (emptyElements[i].tagName === 'DIV') {
-                lineWithDiv = emptyElements[i].style.borderBottom === 'none' ||
-                    emptyElements[i].style.borderBottom === '' ? true : false;
+            if (nonSvgEmptyElements[i].tagName === 'DIV') {
+                lineWithDiv = nonSvgEmptyElements[i].style.borderBottom === 'none' ||
+                    nonSvgEmptyElements[i].style.borderBottom === '' ? true : false;
             }
-            if (CONSTANT.SELF_CLOSING_TAGS.indexOf(emptyElements[i].tagName.toLowerCase()) < 0 && lineWithDiv) {
-                var detachableElement = this.findDetachEmptyElem(emptyElements[i]);
+            if (CONSTANT.SELF_CLOSING_TAGS.indexOf(nonSvgEmptyElements[i].tagName.toLowerCase()) < 0 && lineWithDiv) {
+                var detachableElement = this.findDetachEmptyElem(nonSvgEmptyElements[i]);
                 if (!isNOU(detachableElement)) {
                     detach(detachableElement);
                 }

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

@@ -85,6 +85,12 @@ var LinkCommand = /** @class */ (function () {
                 || e.event.keyCode === 13) || e.item.action === 'Paste' || range.collapsed || text) {
                 var anchor = this.createAchorNode(e);
                 anchor.innerText = e.item.text === '' ? e.item.url : e.item.text;
+                var text_1 = anchor.innerText;
+                // Replace spaces with non-breaking spaces
+                var modifiedText = text_1.replace(/  +/g, function (match) {
+                    return '\u00A0'.repeat(match.length);
+                });
+                anchor.innerText = modifiedText;
                 e.item.selection.restore();
                 InsertHtml.Insert(this.parent.currentDocument, anchor, this.parent.editableElement);
                 if (e.event && e.event.type === 'keydown' && (e.event.keyCode === 32

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

@@ -288,7 +288,14 @@ var SelectionCommands = /** @class */ (function () {
         }
         var formatNodeStyles = formatNode.getAttribute('style');
         var formatNodeTagName = formatNode.tagName;
-        var child = InsertMethods.unwrap(formatNode);
+        var child;
+        if (formatNodeTagName === 'A' && format === 'underline') {
+            formatNode.style.textDecoration = 'none';
+            child = [formatNode];
+        }
+        else {
+            child = InsertMethods.unwrap(formatNode);
+        }
         if (child[0] && !isFontStyle) {
             var nodeTraverse = child[index] ? child[index] : child[0];
             var textNode = nodeTraverse;

package/src/editor-manager/plugin/toolbar-status.js

@@ -80,12 +80,18 @@ var ToolbarStatus = /** @class */ (function () {
             if ((index === 0 && formatCollection.fontcolor) || !formatCollection.fontcolor) {
                 nodeCollection.fontcolor = formatCollection.fontcolor;
             }
-            if ((index === 0 && formatCollection.fontname) || !formatCollection.fontname) {
+            if (index === 0 && formatCollection.fontname) {
                 nodeCollection.fontname = formatCollection.fontname;
             }
-            if ((index === 0 && formatCollection.fontsize) || !formatCollection.fontsize) {
+            else {
+                nodeCollection.fontname = formatCollection.fontname === nodeCollection.fontname ? formatCollection.fontname : 'empty';
+            }
+            if (index === 0 && formatCollection.fontsize) {
                 nodeCollection.fontsize = formatCollection.fontsize;
             }
+            else {
+                nodeCollection.fontsize = formatCollection.fontsize === nodeCollection.fontsize ? formatCollection.fontsize : 'empty';
+            }
             if ((index === 0 && formatCollection.backgroundcolor) || !formatCollection.backgroundcolor) {
                 nodeCollection.backgroundcolor = formatCollection.backgroundcolor;
             }
@@ -98,9 +104,12 @@ var ToolbarStatus = /** @class */ (function () {
             if ((index === 0 && formatCollection.alignments) || !formatCollection.alignments) {
                 nodeCollection.alignments = formatCollection.alignments;
             }
-            if ((index === 0 && formatCollection.formats) || !formatCollection.formats) {
+            if (index === 0 && formatCollection.formats) {
                 nodeCollection.formats = formatCollection.formats;
             }
+            else {
+                nodeCollection.formats = formatCollection.formats === nodeCollection.formats ? formatCollection.formats : 'empty';
+            }
             if ((index === 0 && formatCollection.createlink) || !formatCollection.createlink) {
                 nodeCollection.createlink = formatCollection.createlink;
             }

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

@@ -482,6 +482,14 @@ var EnterKeyAction = /** @class */ (function () {
         else if ((this.parent.enterKey === 'P' && !shiftKey) || (this.parent.shiftEnterKey === 'P' && shiftKey)) {
             insertElem = this.parent.createElement('p');
         }
+        var previousBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].previousSibling;
+        var nextBlockNode = this.parent.formatter.editorManager.domNode.blockNodes()[0].nextSibling;
+        if (!isNOU(previousBlockNode) && previousBlockNode.hasAttribute('style')) {
+            insertElem.setAttribute('style', previousBlockNode.getAttribute('style'));
+        }
+        if (isNOU(previousBlockNode) && !isNOU(nextBlockNode) && nextBlockNode.hasAttribute('style')) {
+            insertElem.setAttribute('style', nextBlockNode.getAttribute('style'));
+        }
         return insertElem;
     };
     return EnterKeyAction;

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

@@ -175,7 +175,7 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                             var formatItems = e.parent.format.types;
                             var formatContent = isNOU(e.parent.format.default) ? formatItems[0].text :
                                 e.parent.format.default;
-                            result = getDropDownValue(formatItems, value, 'subCommand', 'text');
+                            result = value === 'empty' ? '' : getDropDownValue(formatItems, value, 'subCommand', 'text');
                             dropDown.formatDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.format.width + '" >' +
                                 '<span class="e-rte-dropdown-btn-text' + (isNOU(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'
@@ -201,7 +201,7 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                                 break;
                             }
                             var fontNameItems = e.parent.fontFamily.items;
-                            result = getDropDownValue(fontNameItems, value, 'value', 'text');
+                            result = value === 'empty' ? '' : getDropDownValue(fontNameItems, value, 'value', 'text');
                             var fontNameContent = isNOU(e.parent.fontFamily.default) ? fontNameItems[0].text :
                                 e.parent.fontFamily.default;
                             var name_1 = (isNOU(result) ? fontNameContent : result);
@@ -220,7 +220,7 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                             var fontSizeItems = e.parent.fontSize.items;
                             var fontSizeContent = isNOU(e.parent.fontSize.default) ? fontSizeItems[1].text :
                                 e.parent.fontSize.default;
-                            result = getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), 'value', 'text');
+                            result = value === 'empty' ? '' : getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), 'value', 'text');
                             dropDown.fontSizeDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.fontSize.width + '" >' +
                                 '<span class="e-rte-dropdown-btn-text' + (isNOU(e.parent.cssClass) ? '' : ' ' + e.parent.cssClass) + '">'

package/src/rich-text-editor/renderer/image-module.js

@@ -1046,9 +1046,10 @@ var Image = /** @class */ (function () {
             var getAlt = (e.selectNode[0].getAttribute('alt') === null) ? '' :
                 e.selectNode[0].getAttribute('alt');
             var content = '<div class="e-rte-field' + ' ' + this.parent.cssClass + '">' +
-                '<input type="text" spellcheck="false" value="' + getAlt + '" class="e-input e-img-alt' + ' ' + this.parent.cssClass + '" placeholder="' + altText + '"/>' +
+                '<input type="text" spellcheck="false"  class="e-input e-img-alt' + ' ' + this.parent.cssClass + '" placeholder="' + altText + '"/>' +
                 '</div>';
             var contentElem = parseHtml(content);
+            contentElem.querySelector('input').setAttribute('value', getAlt);
             altWrap.appendChild(contentElem);
             var inputAlt = altWrap.querySelector('.e-img-alt');
             var altArgs_1 = {
@@ -1584,14 +1585,12 @@ var Image = /** @class */ (function () {
         this.changedWidthValue = null;
         this.changedHeightValue = null;
         var content = '<div class="e-rte-label' + ' ' + this.parent.cssClass + '"><label>' + imgWidth +
-            '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" id="imgwidth" class="e-img-width' + ' ' + this.parent.cssClass + '" value=' +
-            widthVal
-            + ' /></div>' +
+            '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"><input type="text" id="imgwidth" class="e-img-width' + ' ' + this.parent.cssClass + '/></div>' +
             '<div class="e-rte-label' + ' ' + this.parent.cssClass + '">' + '<label>' + imgHeight + '</label></div><div class="e-rte-field' + ' ' + this.parent.cssClass + '"> ' +
-            '<input type="text" id="imgheight" class="e-img-height' + ' ' + this.parent.cssClass + '" value=' +
-            heightVal
-            + ' /></div>';
+            '<input type="text" id="imgheight" class="e-img-height' + ' ' + this.parent.cssClass + '"/></div>';
         var contentElem = parseHtml(content);
+        contentElem.getElementById('imgwidth').setAttribute('value', widthVal);
+        contentElem.getElementById('imgheight').setAttribute('value', heightVal);
         imgSizeWrap.appendChild(contentElem);
         this.widthNum = new TextBox({
             value: formatUnit(widthVal),