add inserttextAtCursor

Author: dotknyl

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

@@ -19,6 +19,6 @@ <h1>Angular Editor</h1>
   <p>
     Form Status: {{ form.status }}
   </p>
-  <a (click)="insertAtCursor()">Insert at cursor</a>
+  <a (click)="insertTextAtCursor()">Insert at cursor</a>
 </div>
 

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

@@ -98,13 +98,9 @@ export class AppComponent implements OnInit {
     console.warn(this.form.value);
   }
   cnt = 0;
-  insertAtCursor() {
-    console.log(`insertAtCursors`);
-    //this.editorRef.focus();
-    this.editorRef.insert(`-${this.cnt}-`);
+  insertTextAtCursor() {
+    this.editorRef.insertTextAtCursor(`{${this.cnt}}`);
     this.cnt++;
-    //this.editorRef.insert("dsfd");
-    //
   }
   onTextAreaMouseOut(event) {
     console.log(`onTextAreaMouseOut`);

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

@@ -52,7 +52,7 @@ export class AngularEditorComponent
 
   focusInstance: any;
   blurInstance: any;
-
+  currentCursorSelection: Range;
   @Input() id = "";
   @Input() config: AngularEditorConfig = angularEditorConfig;
   @Input() placeholder = "";
@@ -157,7 +157,7 @@ export class AngularEditorComponent
    */
   public onTextAreaMouseOut(event: MouseEvent): void {
     this.editorService.saveSelection();
-    this.savedSelection = this.editorService.savedSelection;
+    this.currentCursorSelection = this.editorService.savedSelection;
   }
 
   /**
@@ -431,27 +431,15 @@ export class AngularEditorComponent
     });
     return tags.join(",");
   }
-  insert(value: string) {
-    this.focus();
+  insertTextAtCursor(text: string) {
     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);
+    selection.addRange(this.currentCursorSelection);
+    this.editorService.insertHtml(text);
+    this.editorService.saveSelection();
+    this.currentCursorSelection = this.editorService.savedSelection;
   }
-  savedSelection;
+
   ngOnDestroy() {
     if (this.blurInstance) {
       this.blurInstance();

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

@@ -92,7 +92,6 @@ export class AngularEditorService {
    * save selection when the editor is focussed out
    */
   public saveSelection = (): void => {
-    console.log(this.doc.getSelection());
     if (this.doc.getSelection) {
       const sel = this.doc.getSelection();
       if (sel.getRangeAt && sel.rangeCount) {