From 042494128ad1e72d33740f5102eb1cf15ffc72f1 Mon Sep 17 00:00:00 2001
From: garrettmills <shout@garrettmills.dev>
Date: Mon, 9 Nov 2020 12:03:53 -0600
Subject: [PATCH] Automatically hyperlink links in WYSIWYG editors

---
 src/app/components/nodes/norm/norm.component.html | 2 +-
 src/app/components/nodes/norm/norm.component.ts   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/nodes/norm/norm.component.html b/src/app/components/nodes/norm/norm.component.html
index 385d314..3964bae 100644
--- a/src/app/components/nodes/norm/norm.component.html
+++ b/src/app/components/nodes/norm/norm.component.html
@@ -78,6 +78,6 @@
     <div
         class="editable-base"
         *ngIf="!isFocused"
-        [innerHTML]="initialValue"
+        [innerHTML]="displayContents"
     ></div>
 </div>
\ No newline at end of file
diff --git a/src/app/components/nodes/norm/norm.component.ts b/src/app/components/nodes/norm/norm.component.ts
index 010a326..d5db4d2 100644
--- a/src/app/components/nodes/norm/norm.component.ts
+++ b/src/app/components/nodes/norm/norm.component.ts
@@ -19,6 +19,10 @@ export class NormComponent extends EditorNodeContract implements OnInit {
     private dirtyOverride = false;
     protected hadOneFocusOut = false;
 
+    public get displayContents() {
+        return this.contents.replace(/</g, '\n<').replace(/(https?:\/\/[^\s]+)/g, (val) => `<a href="${val}" target="_blank">${val}</a>`);
+    }
+
     constructor(
         public editorService: EditorService,
     ) {