el-text-editor 0.0.70 → 0.0.71

package/fesm2020/el-text-editor.mjs

@@ -641,23 +641,21 @@ class ElTextEditorComponent {
             let editor = document.getElementById('editor');
             if (editor) {
                 this.moveCaretToEnd(editor);
-                this.onEditorClick(editor);
-                this.onKeyboardMove(editor);
             }
             this.placeHolderRemove.emit();
         }
     }
     //   // Move caret to the end of the editor content
-    //   private moveCaretToEnd(editor: HTMLElement) {
-    //     const selection = window.getSelection();
-    //     const range = document.createRange();
-    //     if (editor.lastChild) {
-    //       range.selectNodeContents(editor);
-    //       range.collapse(false); // Collapse to the end
-    //       selection?.removeAllRanges();
-    //       selection?.addRange(range);
-    //     }
-    //   }
+    moveCaretToEnd(editor) {
+        const selection = window.getSelection();
+        const range = document.createRange();
+        if (editor.lastChild) {
+            range.selectNodeContents(editor);
+            range.collapse(false); // Collapse to the end
+            selection?.removeAllRanges();
+            selection?.addRange(range);
+        }
+    }
     init_Func(html) {
         if (html) {
             let editor = document.getElementById('editor');
@@ -668,8 +666,6 @@ class ElTextEditorComponent {
                 this.setupMutationObserver(editor);
                 // Move the caret to the end after initial content setup
                 this.moveCaretToEnd(editor);
-                this.onEditorClick(editor);
-                this.onKeyboardMove(editor);
                 //  Track caret position on mouse click
                 editor.addEventListener('click', () => {
                     if (editor) { // Ensure editor is not null
@@ -709,49 +705,6 @@ class ElTextEditorComponent {
     //     selection?.addRange(range);
     //   }
     // }
-    moveCaretToEnd(editor) {
-        const selection = window.getSelection();
-        const range = document.createRange();
-        if (editor.lastChild) {
-            range.selectNodeContents(editor);
-            range.collapse(false); // Collapse to the end
-            selection?.removeAllRanges();
-            selection?.addRange(range);
-        }
-    }
-    onKeyboardMove(editor) {
-        editor.addEventListener('keydown', (event) => {
-            const selection = window.getSelection();
-            const range = document.createRange();
-            if (selection && selection.rangeCount > 0) {
-                const currentRange = selection.getRangeAt(0);
-                const currentCaretPosition = currentRange.startContainer;
-                if (event.key === 'ArrowRight' || event.key === 'ArrowLeft' || event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-                    // You can handle specific behavior for different arrow keys here
-                    // For example, move caret within a specific node or across nodes
-                }
-            }
-        });
-    }
-    onEditorClick(editor) {
-        editor.addEventListener('click', (event) => {
-            const selection = window.getSelection();
-            const range = document.createRange();
-            const clickedNode = event.target;
-            if (clickedNode && clickedNode !== editor) {
-                // Place the caret at the clicked position
-                range.setStart(clickedNode, 0);
-                range.setEnd(clickedNode, clickedNode?.length);
-            }
-            else {
-                // Move caret to the end if clicked inside the editor but not on text node
-                range.selectNodeContents(editor);
-                range.collapse(false);
-            }
-            selection?.removeAllRanges();
-            selection?.addRange(range);
-        });
-    }
     //   init_Func(html: any) {
     //   if (html) {
     //     let editor = document.getElementById('editor');