@syncfusion/ej2-richtexteditor 23.1.41 → 23.1.44

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

@@ -3358,10 +3358,10 @@ var ToolbarRenderer = /** @__PURE__ @class */ (function () {
         if (!this.parent.enabled) {
             return;
         }
+        this.parent.trigger('toolbarClick', args);
         if (!this.parent.readonly || isNullOrUndefined(args.item)) {
             this.parent.notify(toolbarClick, args);
         }
-        this.parent.trigger('toolbarClick', args);
     };
     ToolbarRenderer.prototype.dropDownSelected = function (args) {
         this.parent.notify(dropDownSelect, args);
@@ -4821,6 +4821,7 @@ var ToolbarAction = /** @__PURE__ @class */ (function () {
  */
 var Toolbar$2 = /** @__PURE__ @class */ (function () {
     function Toolbar$$1(parent, serviceLocator) {
+        this.tools = {};
         this.parent = parent;
         this.isToolbar = false;
         this.locator = serviceLocator;
@@ -13538,7 +13539,8 @@ var InsertHtml = /** @__PURE__ @class */ (function () {
             : lastSelectionNode.previousSibling) : lastSelectionNode;
         while (!isNullOrUndefined(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
             lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
-            if (!isNullOrUndefined(lastSelectionNode.lastChild) && (lastSelectionNode.lastChild.nodeName === 'P' && lastSelectionNode.lastChild.innerHTML === '')) {
+            if (!isNullOrUndefined(lastSelectionNode.lastChild) && (lastSelectionNode.lastChild.nodeName === 'P' &&
+                lastSelectionNode.lastChild.innerHTML === '')) {
                 var lineBreak = createElement('br');
                 lastSelectionNode.lastChild.appendChild(lineBreak);
             }
@@ -13696,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);
                 }
@@ -13819,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
@@ -14009,7 +14021,7 @@ var LinkCommand = /** @__PURE__ @class */ (function () {
             for (var i = 0; i < blockNodes.length; i++) {
                 var linkNode = blockNodes[i].querySelectorAll('a');
                 for (var j = 0; j < linkNode.length; j++) {
-                    if (document.getSelection().containsNode(linkNode[j], true)) {
+                    if (this.parent.currentDocument.getSelection().containsNode(linkNode[j], true)) {
                         linkNode[j].outerHTML = linkNode[j].innerHTML;
                     }
                 }
@@ -17870,8 +17882,8 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                     }
                     isCroppedImage = ((this.extractCropValue('cropl', fullImg[i]) > 0 &&
                         this.extractCropValue('cropt', fullImg[i]) > 0) ||
-                        (this.extractCropValue('cropr', fullImg[i]) > 0 &&
-                            this.extractCropValue('cropb', fullImg[i]))) ? true : false;
+                        this.extractCropValue('cropr', fullImg[i]) > 0 ||
+                        this.extractCropValue('cropb', fullImg[i])) ? true : false;
                     if (isCroppedImage) {
                         goalWidth = this.extractCropValue('wgoal', fullImg[i]);
                         goalHeight = this.extractCropValue('hgoal', fullImg[i]);
@@ -17898,7 +17910,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
     };
     MsWordPaste.prototype.extractCropValue = function (crop, rtfData) {
         // eslint-disable-next-line security/detect-non-literal-regexp
-        var result = new RegExp('\\\\pic' + crop + '(\\-?\\d+)\\\\').exec(rtfData.replace(/\r\n\\/g, '\\'))[1];
+        var result = new RegExp('\\\\pic' + crop + '(\\-?\\d+)\\\\').exec(rtfData.replace(/\r\n\\/g, '\\').replace(/\n/g, '\\'))[1];
         return parseInt(result, 10);
     };
     MsWordPaste.prototype.removeClassName = function (elm) {
@@ -17937,6 +17949,10 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
         return removableElement;
     };
     MsWordPaste.prototype.removeUnwantedElements = function (elm) {
+        var styleElm = elm.querySelector('style');
+        if (!isNullOrUndefined(styleElm)) {
+            detach(styleElm);
+        }
         var innerElement = elm.innerHTML;
         for (var i = 0; i < this.removableElements.length; i++) {
             // eslint-disable-next-line security/detect-non-literal-regexp
@@ -18234,10 +18250,8 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                 }
                 if (!isNullOrUndefined(listNodes[i].getAttribute('style'))) {
                     listNodes[i].setAttribute('style', listNodes[i].getAttribute('style').replace('text-align:start;', ''));
-                    if (listNodes[i].style.textAlign !== '') {
-                        listNodes[i].setAttribute('style', 'text-align:' + listNodes[i].style.textAlign);
-                        currentListStyle = listNodes[i].getAttribute('style');
-                    }
+                    listNodes[i].style.textIndent = '';
+                    currentListStyle = listNodes[i].getAttribute('style');
                 }
                 collection.push({
                     listType: type, content: tempNode, nestedLevel: level, class: currentClassName,
@@ -18445,8 +18459,7 @@ var MsWordPaste = /** @__PURE__ @class */ (function () {
                 }
             }
             prevList.setAttribute('class', collection[index].class);
-            var currentStyle = prevList.getAttribute('style');
-            prevList.setAttribute('style', (!isNullOrUndefined(currentStyle) ? currentStyle : ''));
+            prevList.setAttribute('style', (!isNullOrUndefined(collection[index].listStyle) ? collection[index].listStyle : ''));
             pLevel = collection[index].nestedLevel;
             listCount++;
             if (!isNullOrUndefined(collection[index].start)) {
@@ -18894,7 +18907,7 @@ var EmojiPickerAction = /** @__PURE__ @class */ (function () {
     };
     EmojiPickerAction.prototype.emojiInsert = function (args) {
         var node = document.createTextNode(args.value);
-        var selection = window.getSelection();
+        var selection = this.parent.currentDocument.getSelection();
         var range = selection.getRangeAt(0);
         var cursorPos = range.startOffset;
         for (var i = cursorPos - 1; i >= cursorPos - 15; i--) {
@@ -22934,7 +22947,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
         }
         else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y) && !this.parent.inlineMode.enable && isNullOrUndefined(this.parent.quickToolbarSettings.text)) {
             target = this.parent.inputElement;
-            if (window.getSelection().rangeCount > 0) {
+            if (this.parent.contentModule.getDocument().getSelection().rangeCount > 0) {
                 var coordinates = this.getCoordinates();
                 xValue = coordinates.left;
                 yValue = coordinates.top;
@@ -22942,7 +22955,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
         }
         else if (isNullOrUndefined(args.x) && isNullOrUndefined(args.y) && (this.parent.inlineMode.enable || !isNullOrUndefined(this.parent.quickToolbarSettings.text))) {
             this.parent.notify(hidePopup, {});
-            if (window.getSelection().rangeCount > 0) {
+            if (this.parent.contentModule.getDocument().getSelection().rangeCount > 0) {
                 var coordinates = this.getCoordinates();
                 xValue = coordinates.left;
                 yValue = coordinates.top;
@@ -23531,7 +23544,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
     };
     EmojiPicker.prototype.onkeyPress = function (e) {
         var originalEvent = e.args;
-        var selection = window.getSelection();
+        var selection = this.parent.contentModule.getDocument().getSelection();
         if (selection.rangeCount <= 0) {
             return;
         }
@@ -23561,7 +23574,10 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
     };
     EmojiPicker.prototype.onkeyUp = function (e) {
         var originalEvent = e.args;
-        var selection = window.getSelection();
+        var selection = this.parent.contentModule.getDocument().getSelection();
+        if (selection.rangeCount <= 0) {
+            return;
+        }
         var range = selection.getRangeAt(0);
         var cursorPos = range.startOffset;
         // eslint-disable-next-line
@@ -23584,7 +23600,7 @@ var EmojiPicker = /** @__PURE__ @class */ (function () {
     };
     EmojiPicker.prototype.getCoordinates = function () {
         var coordinates;
-        var selection = window.getSelection();
+        var selection = this.parent.contentModule.getDocument().getSelection();
         var range = selection.getRangeAt(0);
         var firstChild;
         if (range.startContainer.nodeName === 'P' || range.startContainer.nodeName === 'DIV') {
@@ -25330,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 = {
@@ -25868,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),
@@ -31989,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;
@@ -32711,7 +32734,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
         }
         var notFormatPainterCopy = isNullOrUndefined(e.action) ? true : (e.action !== 'format-copy' ? true : false);
-        if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy && !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which == 67))) {
+        if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy &&
+            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which === 67))) {
             this.formatter.saveData();
         }
         if (e.action !== 'insert-link' &&
@@ -33831,8 +33855,8 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             }
             else {
                 if (target === 'windowResize' && heightPercent) {
-                    // cntEle hide the borderBottom of RichTextEditor. so removed the 2px of cntEle height. 
-                    heightValue = parseInt(heightValue) - 2 + 'px';
+                    //cntEle hide the borderBottom of RichTextEditor. so removed the 2px of cntEle height.
+                    heightValue = parseInt(heightValue, 10) - 2 + 'px';
                 }
                 setStyleAttribute(cntEle, { height: heightValue, marginTop: topValue + 'px' });
             }
@@ -33856,7 +33880,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
      * @public
      */
     RichTextEditor.prototype.getHtml = function () {
-        var htmlValue = this.contentModule.getEditPanel().innerHTML;
+        var htmlValue = this.removeResizeElement(this.contentModule.getEditPanel().innerHTML);
         return (this.enableXhtml && (htmlValue === '<p><br></p>' || htmlValue === '<div><br></div>' ||
             htmlValue === '<br>') ? null : this.serializeValue(htmlValue));
     };
@@ -33867,7 +33891,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
      * @public
      */
     RichTextEditor.prototype.getXhtml = function () {
-        var currentValue = this.value;
+        var currentValue = this.removeResizeElement(this.value);
         if (!isNullOrUndefined(currentValue) && this.enableXhtml) {
             currentValue = this.htmlEditorModule.xhtmlValidation.selfEncloseValidation(currentValue);
         }
@@ -34108,14 +34132,11 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
     };
     RichTextEditor.prototype.getUpdatedValue = function () {
         var value;
-        if (!isNullOrUndefined(this.tableModule)) {
-            this.tableModule.removeResizeElement();
-        }
         var getTextArea = this.element.querySelector('.e-rte-srctextarea');
         if (this.editorMode === 'HTML') {
             value = (this.inputElement.innerHTML === '<p><br></p>' || this.inputElement.innerHTML === '<div><br></div>' ||
                 this.inputElement.innerHTML === '<br>') ? null : this.enableHtmlEncode ?
-                this.encode(decode(this.inputElement.innerHTML)) : this.inputElement.innerHTML;
+                this.encode(decode(this.removeResizeElement(this.inputElement.innerHTML))) : this.inputElement.innerHTML;
             if (getTextArea && getTextArea.style.display === 'block') {
                 value = getTextArea.value;
             }
@@ -34124,6 +34145,9 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             value = this.inputElement.value === '' ? null :
                 this.inputElement.value;
         }
+        if (value != null && !this.enableHtmlEncode) {
+            value = this.removeResizeElement(value);
+        }
         return value;
     };
     RichTextEditor.prototype.updateValueOnIdle = function () {
@@ -34139,6 +34163,17 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
         clearTimeout(this.idleInterval);
         this.idleInterval = setTimeout(this.updateValueOnIdle.bind(this), 0);
     };
+    RichTextEditor.prototype.removeResizeElement = function (value) {
+        var valueElementWrapper = document.createElement("div");
+        valueElementWrapper.innerHTML = value;
+        var item = valueElementWrapper.querySelectorAll('.e-column-resize, .e-row-resize, .e-table-box, .e-table-rhelper, .e-img-resize');
+        if (item.length > 0) {
+            for (var i = 0; i < item.length; i++) {
+                detach(item[i]);
+            }
+        }
+        return valueElementWrapper.innerHTML;
+    };
     RichTextEditor.prototype.updateStatus = function (e) {
         if (!isNullOrUndefined(e.html) || !isNullOrUndefined(e.markdown)) {
             var status_1 = this.formatter.editorManager.undoRedoManager.getUndoStatus();
@@ -34187,6 +34222,7 @@ var RichTextEditor = /** @__PURE__ @class */ (function (_super) {
             this.notify(focusChange, {});
             var value = this.getUpdatedValue();
             this.setProperties({ value: value });
+            this.valueContainer.value = this.value;
             this.notify(toolbarRefresh, { args: e, documentNode: document });
             this.isValueChangeBlurhandler = true;
             this.invokeChangeEvent();