el-text-editor 0.0.77 → 0.0.79

package/fesm2020/el-text-editor.mjs

@@ -360,6 +360,13 @@ class ElTextEditorComponent {
                     if (target.tagName === 'IMG') {
                         this.selectedImage = target;
                         this.imageEditUrl = this.selectedImage.src;
+                        const images = editor.getElementsByTagName('img');
+                        for (let i = 0; i < images.length; i++) {
+                            if (images[i] === this.selectedImage) {
+                                this.selectedItemIndex = i;
+                                break;
+                            }
+                        }
                         let container = this.selectedImage.parentElement;
                         if (!container || container.className !== 'image-container') {
                             container = document.createElement('div');
@@ -1168,24 +1175,58 @@ class ElTextEditorComponent {
             inputElement.click();
         }
     }
+    // setTextColor(event: any) {
+    //   if (this.savedSelection) {
+    //     const color = event.target.value;
+    //     this.selectedTextColor = color;
+    //     // Restore the saved selection
+    //     const selection = window.getSelection();
+    //     if (selection) {
+    //       selection.removeAllRanges();
+    //       selection.addRange(this.savedSelection);
+    //       // Apply the color using a span
+    //       const range = this.savedSelection;
+    //       const span = document.createElement('span');
+    //       span.style.color = color;
+    //       span.textContent = range.toString();
+    //       // Replace the selected text with the styled span
+    //       range.deleteContents();
+    //       range.insertNode(span);
+    //       // Clear the saved selection
+    //       this.savedSelection = null;
+    //     }
+    //   }
+    // }
     setTextColor(event) {
         if (this.savedSelection) {
             const color = event.target.value;
             this.selectedTextColor = color;
             // Restore the saved selection
             const selection = window.getSelection();
-            if (selection) {
-                selection.removeAllRanges();
-                selection.addRange(this.savedSelection);
-                // Apply the color using a span
+            if (selection && selection.rangeCount > 0) {
                 const range = this.savedSelection;
-                const span = document.createElement('span');
-                span.style.color = color;
-                span.textContent = range.toString();
-                // Replace the selected text with the styled span
+                selection.removeAllRanges();
+                selection.addRange(range);
+                // Get selected elements
+                const selectedContent = range.cloneContents();
+                const elements = Array.from(selectedContent.querySelectorAll("*")); // ✅ Explicitly cast to HTMLElement[]
+                // Apply color to each element without modifying structure
+                elements.forEach((el) => {
+                    el.style.color = color;
+                });
+                // Apply color to the top-level text nodes (without wrapping them)
+                Array.from(selectedContent.childNodes).forEach((node) => {
+                    if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== "") {
+                        const parent = range.commonAncestorContainer.parentElement;
+                        if (parent) {
+                            parent.style.color = color;
+                        }
+                    }
+                });
+                // Replace selected content
                 range.deleteContents();
-                range.insertNode(span);
-                // Clear the saved selection
+                range.insertNode(selectedContent);
+                // Clear saved selection
                 this.savedSelection = null;
             }
         }