feat: edit link

sibiraj-s · Oct 23, 2017 · 89389ab · 89389ab
1 parent cebc696
commit 89389ab
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/app/ngx-editor/ngx-editor.component.html b/src/app/ngx-editor/ngx-editor.component.html
@@ -94,7 +94,7 @@
       </button>
     </div>
     <div class="ngx-toolbar-set">
-      <button class="ngx-editor-button" *ngIf="canEnableToolbarOptions('link')" (click)="createLink()" title="Insert Link">
+      <button class="ngx-editor-button" *ngIf="canEnableToolbarOptions('link')" (click)="createLink()" title="Insert/Edit Link">
         <i class="fa fa-link" aria-hidden="true"></i>
       </button>
     </div>

diff --git a/src/app/ngx-editor/ngx-editor.component.ts b/src/app/ngx-editor/ngx-editor.component.ts
@@ -106,15 +106,21 @@ export class NgxEditorComponent implements OnInit {
   createLink() {
     const selection = document.getSelection();
 
-    if (selection['type'] === 'None') {
-      this.createMessage('No selection made');
-    } else {
-      const linkURL = prompt('Enter URL', 'http://');
+    if (selection.anchorNode.parentElement.tagName === 'A') {
+      const linkURL = prompt('Enter URL', selection.anchorNode.parentElement.getAttribute('href'))
       if (linkURL) {
         document.execCommand('createLink', false, linkURL);
       }
+    } else {
+      if (selection['type'] === 'None') {
+        this.createMessage('No selection made');
+      } else {
+        const linkURL = prompt('Enter URL', 'http://');
+        if (linkURL) {
+          document.execCommand('createLink', false, linkURL);
+        }
+      }
     }
-
   }
 
   /*