@syncfusion/ej2-richtexteditor 23.1.43 → 23.1.44

package/dist/es6/ej2-richtexteditor.es5.js

@@ -13698,14 +13698,18 @@ var InsertHtml = /** @__PURE__ @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 (SELF_CLOSING_TAGS.indexOf(emptyElements[i].tagName.toLowerCase()) < 0 && lineWithDiv) {
-                var detachableElement = this.findDetachEmptyElem(emptyElements[i]);
+            if (SELF_CLOSING_TAGS.indexOf(nonSvgEmptyElements[i].tagName.toLowerCase()) < 0 && lineWithDiv) {
+                var detachableElement = this.findDetachEmptyElem(nonSvgEmptyElements[i]);
                 if (!isNullOrUndefined(detachableElement)) {
                     detach(detachableElement);
                 }
@@ -13821,6 +13825,12 @@ var LinkCommand = /** @__PURE__ @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
@@ -25336,9 +25346,10 @@ var Image$1 = /** @__PURE__ @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 = {
@@ -25874,14 +25885,12 @@ var Image$1 = /** @__PURE__ @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),
@@ -31995,6 +32004,14 @@ var EnterKeyAction = /** @__PURE__ @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 (!isNullOrUndefined(previousBlockNode) && previousBlockNode.hasAttribute('style')) {
+            insertElem.setAttribute('style', previousBlockNode.getAttribute('style'));
+        }
+        if (isNullOrUndefined(previousBlockNode) && !isNullOrUndefined(nextBlockNode) && nextBlockNode.hasAttribute('style')) {
+            insertElem.setAttribute('style', nextBlockNode.getAttribute('style'));
+        }
         return insertElem;
     };
     return EnterKeyAction;