el-header-and-footer 0.0.54 → 0.0.55

package/fesm2020/el-header-and-footer.mjs

@@ -1013,6 +1013,25 @@ class ElHeaderAndFooterComponent {
             }
         }
     }
+    // getToday() {
+    //   const currentDate = new Date();
+    //   const day = currentDate.getDate() ;
+    //   const month = currentDate.getMonth() + 1;
+    //   const year = currentDate.getFullYear();
+    //   const formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
+    //   this.today = formattedDate;
+    //   // const label = `{(${this.today})}`;
+    //   const label = `{(date)}`;
+    //   const htmlContent = ` ${label} `;
+    //   const editor = document.getElementById(this.editorId);
+    //   if (editor) {
+    //     this.editorText += `<div> ${htmlContent} </div>`;
+    //     this.sanitizedContent = this.editorText;
+    //   } else {
+    //     this.editorText += `<div> ${htmlContent} </div>`;
+    //     this.sanitizedContent = this.editorText;
+    //   }
+    // }
     getToday() {
         const currentDate = new Date();
         const day = currentDate.getDate();
@@ -1024,13 +1043,43 @@ class ElHeaderAndFooterComponent {
         const label = `{(date)}`;
         const htmlContent = ` ${label} `;
         const editor = document.getElementById(this.editorId);
-        if (editor) {
-            this.editorText += `<div> ${htmlContent} </div>`;
-            this.sanitizedContent = this.editorText;
-        }
-        else {
-            this.editorText += `<div> ${htmlContent} </div>`;
-            this.sanitizedContent = this.editorText;
+        this.insertAtCaret(htmlContent);
+        // if (editor) {
+        //   this.editorText += `<div> ${htmlContent} </div>`;
+        //   this.sanitizedContent = this.editorText;
+        // } else {
+        //   this.editorText += `<div> ${htmlContent} </div>`;
+        //   this.sanitizedContent = this.editorText;
+        // }
+    }
+    insertAtCaret(newData) {
+        const selection = window.getSelection();
+        if (selection && selection.rangeCount > 0) {
+            // Get the current range (caret position)
+            const range = selection.getRangeAt(0);
+            // Create a document fragment to insert (allows handling HTML strings)
+            const fragment = document.createDocumentFragment();
+            const tempDiv = document.createElement('div');
+            tempDiv.innerHTML = newData;
+            // Append the new data to the fragment (supports HTML insertion)
+            while (tempDiv.firstChild) {
+                fragment.appendChild(tempDiv.firstChild);
+            }
+            // Insert the fragment at the caret position
+            range.deleteContents(); // Remove any selected content if applicable
+            range.insertNode(fragment);
+            // Move the caret after the inserted content
+            const lastChild = fragment.lastChild;
+            if (lastChild) {
+                range.setStartAfter(lastChild);
+                range.setEndAfter(lastChild);
+                selection.removeAllRanges();
+                selection.addRange(range);
+            }
+            let editor = document.getElementById('editor');
+            if (editor) {
+                this.moveCaretToEnd(editor);
+            }
         }
     }
     insertPageNumber() {