wiki: Support links in editor

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/static/js/editor.js b/src/static/js/editor.js
index 2e3c57a4acaa83e1ad8239210c34d33d9baf0be0..148eb69a0e064efe087bad88be8c6ef57d629dd4 100644 (file)
--- a/src/static/js/editor.js
+++ b/src/static/js/editor.js
@@ -61,6 +61,11 @@ class Editor {
                 case 72:
                     editor.headline();
                     break;
+
+                // L - Link
+                case 76:
+                    editor.link();
+                    break;
             }
         });
     }
@@ -75,6 +80,9 @@ class Editor {
         this.parent.find("#headline").click(this.headline.bind(this));
         this.parent.find("#headline-down").click(this.headline_down.bind(this));
         this.parent.find("#headline-up").click(this.headline_up.bind(this));
+
+        // Links
+        this.parent.find("#link").click(this.link.bind(this));
     }
 
     // Functions to modify the text
@@ -112,6 +120,16 @@ class Editor {
         }
     }
 
+    link() {
+        // Handle URLs
+        if (this.selection.text.startsWith("https://") || this.selection.text.startsWith("http://")) {
+            this.replaceSelection("[" + this.selection.text + "](" + this.selection.text + ")");
+        // Handle selected text
+        } else {
+            this.replaceSelection("[" + this.selection.text + "]()")
+        }
+    }
+
     // Headlines
 
     findLevel() {

diff --git a/src/templates/wiki/edit.html b/src/templates/wiki/edit.html
index c231a4197639d042f932ae5cda587663f78f0402..8977e0e43e3a5b435bcebfda170e4dab16470de3 100644 (file)
--- a/src/templates/wiki/edit.html
+++ b/src/templates/wiki/edit.html
@@ -52,6 +52,11 @@
                                                        </button>
                                                </div>
 
+                                               <button type="button" class="btn btn-sm btn-secondary mr-2"
+                                                               id="link" title="{{ _("Link") }} [{{ _("Ctrl") }}-L]">
+                                                       <i class="fas fa-link"></i>
+                                               </button>
+
                                                <a class="btn btn-sm btn-secondary" href="{{ path }}/_files"
                                                                target="_blank" title="{{ _("Files") }}">
                                                        <i class="fas fa-images"></i>