testing insert()

Author: dotknyl

package.json

@@ -30,7 +30,6 @@
     "@angular/platform-browser-dynamic": "^10.2.0",
     "@angular/router": "^10.2.0",
     "font-awesome": "^4.7.0",
-    "insert-text-at-cursor": "^0.3.0",
     "rxjs": "~6.5.4",
     "tslib": "^2.0.0",
     "zone.js": "~0.10.2"

projects/angular-editor-app/src/app/app.component.ts

@@ -1,8 +1,7 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
-import { AngularEditorConfig } from "angular-editor";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+import { AngularEditorConfig } from "angular-editor";
 import { AngularEditorComponent } from "projects/angular-editor/src/public-api";
-import insertTextAtCursor from "insert-text-at-cursor";
 @Component({
   selector: "app-root",
   templateUrl: "./app.component.html",
@@ -98,10 +97,12 @@ export class AppComponent implements OnInit {
   onChange2(event) {
     console.warn(this.form.value);
   }
+  cnt = 0;
   insertAtCursor() {
     console.log(`insertAtCursors`);
-    this.editorRef.focus();
-    setTimeout(()=> this.editorRef.insert("dsfd"),2000);
+    //this.editorRef.focus();
+    this.editorRef.insert(`-${this.cnt}-`);
+    this.cnt++;
     //this.editorRef.insert("dsfd");
     //
   }

projects/angular-editor/src/lib/angular-editor.component.ts

@@ -157,6 +157,7 @@ export class AngularEditorComponent
    */
   public onTextAreaMouseOut(event: MouseEvent): void {
     this.editorService.saveSelection();
+    this.savedSelection = this.editorService.savedSelection;
   }
 
   /**
@@ -394,7 +395,6 @@ export class AngularEditorComponent
     }
     this.editorToolbar.triggerBlocks(els);
   }
-
   private configure() {
     this.editorService.uploadUrl = this.config.uploadUrl;
     this.editorService.uploadWithCredentials = this.config.uploadWithCredentials;
@@ -432,10 +432,26 @@ export class AngularEditorComponent
     return tags.join(",");
   }
   insert(value: string) {
-  
-    this.editorService.insertHtml("<p>helleo</p>");
+    this.focus();
+    let selection = window.getSelection();
+    //let range = document.createRange();
+    //range.setEndAfter(this.selectiedNode);
+    //selection.addRange(range);
+    //selection.setPosition(this.textArea.nativeElement, this.selectiedIndex);
+    // this.selectiedIndex += value.length;
+    selection.removeAllRanges();
+    selection.addRange(this.savedSelection);
+    this.editorService.insertHtml(value);
+    selection.setPosition(this.savedSelection.baseNode, 5);
+    // selection.removeAllRanges();
+    // let range = document.createRange();
+    // selection.setPosition(
+    //   this.textArea.nativeElement,
+    //   this.savedSelection.baseOffet
+    // );
+    // this.savedSelection = selection.getRangeAt(0);
   }
-
+  savedSelection;
   ngOnDestroy() {
     if (this.blurInstance) {
       this.blurInstance();

projects/angular-editor/src/lib/angular-editor.service.ts

@@ -83,7 +83,6 @@ export class AngularEditorService {
    */
   insertHtml(html: string): void {
     const isHTMLInserted = this.doc.execCommand("insertHTML", false, html);
-
     if (!isHTMLInserted) {
       throw new Error("Unable to perform the operation");
     }