@syncfusion/ej2-richtexteditor 19.4.54 → 19.4.55

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

@@ -10828,7 +10828,15 @@ class Lists {
         return isNested;
     }
     applyListsHandler(e) {
-        const range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        let range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        if (range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
+            range.startOffset === range.endOffset && range.startOffset === 0 &&
+            this.parent.editableElement.textContent.length === 0 && (this.parent.editableElement.childNodes[0].nodeName != 'TABLE' &&
+            this.parent.editableElement.childNodes[0].nodeName != 'IMG')) {
+            const focusNode = range.startContainer.childNodes[0];
+            this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, focusNode, focusNode, 0, 0);
+            range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        }
         this.saveSelection = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.currentAction = e.subCommand;
         this.currentAction = e.subCommand = this.currentAction === 'NumberFormatList' ? 'OL' : this.currentAction === 'BulletFormatList' ? 'UL' : this.currentAction;
@@ -12358,7 +12366,12 @@ class LinkCommand {
         }
         else {
             const domSelection = new NodeSelection();
-            const range = domSelection.getRange(this.parent.currentDocument);
+            let range = domSelection.getRange(this.parent.currentDocument);
+            if (range.endContainer.nodeName === '#text' && range.startContainer.textContent.length === (range.endOffset + 1) &&
+                range.endContainer.textContent.charAt(range.endOffset) === ' ' && range.endContainer.nextSibling.nodeName === 'A') {
+                domSelection.setSelectionText(this.parent.currentDocument, range.startContainer, range.endContainer, range.startOffset, range.endOffset + 1);
+                range = domSelection.getRange(this.parent.currentDocument);
+            }
             const text = isNullOrUndefined(e.item.text) ? true : e.item.text.replace(/ /g, '').localeCompare(range.toString()
                 .replace(/\n/g, ' ').replace(/ /g, '')) < 0;
             if (e.event && e.event.type === 'keydown' && (e.event.keyCode === 32
@@ -13012,7 +13025,12 @@ class ImageCommand {
     removeImage(e) {
         if (closest(e.item.selectNode[0], 'a')) {
             if (e.item.selectNode[0].parentElement.nodeName === 'A' && !isNullOrUndefined(e.item.selectNode[0].parentElement.innerText)) {
-                detach(e.item.selectNode[0]);
+                if (!isNullOrUndefined(closest(e.item.selectNode[0], '.' + CLASS_CAPTION))) {
+                    detach(closest(e.item.selectNode[0], '.' + CLASS_CAPTION));
+                }
+                else {
+                    detach(e.item.selectNode[0]);
+                }
             }
             else {
                 detach(closest(e.item.selectNode[0], 'a'));
@@ -14413,6 +14431,7 @@ class SelectionCommands {
     }
     static insertCursorNode(docElement, domSelection, range, isFormatted, nodeCutter, format, value, endNode) {
         const cursorNodes = domSelection.getNodeCollection(range);
+        const domNode = new DOMNode(endNode, docElement);
         const cursorFormat = (cursorNodes.length > 0) ?
             (cursorNodes.length > 1 && range.startContainer === range.endContainer) ?
                 this.getCursorFormat(isFormatted, cursorNodes, format, endNode) :
@@ -14420,11 +14439,16 @@ class SelectionCommands {
         let cursorNode = null;
         if (cursorFormat) {
             cursorNode = cursorNodes[0];
-            if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203) {
+            if (cursorFormat.firstChild.textContent.charCodeAt(0) === 8203 && cursorFormat.firstChild.nodeType === 3) {
                 const regEx = new RegExp(String.fromCharCode(8203), 'g');
                 let emptySpaceNode;
                 if (cursorFormat.firstChild === cursorNode) {
-                    cursorNode.textContent = cursorNode.textContent.replace(regEx, '');
+                    cursorNode.textContent = (cursorFormat.parentElement && (domNode.isBlockNode(cursorFormat.parentElement) &&
+                        cursorFormat.parentElement.textContent.length <= 1 ? cursorFormat.parentElement.childElementCount > 1 :
+                        cursorFormat.childElementCount === 0) &&
+                        (cursorFormat.parentElement.textContent.length > 1 ||
+                            cursorFormat.parentElement.firstChild && cursorFormat.parentElement.firstChild.nodeType === 1) ?
+                        cursorNode.textContent : cursorNode.textContent.replace(regEx, ''));
                     emptySpaceNode = cursorNode;
                     
                 }
@@ -17224,7 +17248,9 @@ class HtmlEditor {
                 this.parent.formatter.editorManager.nodeSelection.setCursorPoint(this.parent.contentModule.getDocument(), range.startContainer, pointer);
             }
             if (!isNullOrUndefined(range.startContainer.previousSibling) && !isNullOrUndefined(range.startContainer.previousSibling.parentElement) &&
-                range.startContainer.parentElement === range.startContainer.previousSibling.parentElement && range.startContainer.previousSibling.textContent.charCodeAt(0) === 8203) {
+                range.startContainer.parentElement === range.startContainer.previousSibling.parentElement &&
+                range.startContainer.previousSibling.textContent.charCodeAt(0) === 8203 &&
+                range.startContainer.previousSibling.textContent.length <= 1) {
                 range.startContainer.previousSibling.textContent = range.startContainer.previousSibling.textContent.replace(regEx, '');
             }
             if (range.endContainer.textContent.charCodeAt(range.endOffset) === 8203) {
@@ -21693,7 +21719,8 @@ class Image {
         if (activePopupElement) {
             activePopupElement.classList.add(CLS_HIDE);
         }
-        if (e.dataTransfer.files.length > 0) { //For external image drag and drop
+        const imgElement = this.parent.inputElement.ownerDocument.querySelector('.' + CLS_RTE_DRAG_IMAGE);
+        if (e.dataTransfer.files.length > 0 && imgElement === null) { //For external image drag and drop
             if (e.dataTransfer.files.length > 1) {
                 return;
             }
@@ -21716,7 +21743,6 @@ class Image {
         }
         else { //For internal image drag and drop
             const range = this.parent.formatter.editorManager.nodeSelection.getRange(this.parent.contentModule.getDocument());
-            const imgElement = this.parent.inputElement.ownerDocument.querySelector('.' + CLS_RTE_DRAG_IMAGE);
             if (imgElement && imgElement.tagName === 'IMG') {
                 if (imgElement.nextElementSibling) {
                     if (imgElement.nextElementSibling.classList.contains(CLS_IMG_INNER)) {
@@ -22838,7 +22864,7 @@ class Table {
             return;
         }
         const target = e.target || e.targetTouches[0].target;
-        const closestTable = closest(target, 'table');
+        const closestTable = closest(target, 'table.e-rte-table');
         if (!isNullOrUndefined(this.curTable) && !isNullOrUndefined(closestTable) && closestTable !== this.curTable) {
             this.removeResizeElement();
             this.removeHelper(e);