Problem: tags are not parsed on client side

Solution: parse tags in markdown

editor/src/markdown-tag.js

@@ -0,0 +1,56 @@
+'use strict'
+
+var util = require('util')
+
+function Plugin(options) {
+    var self = function (md) {
+        self.options = options
+        self.init(md)
+    }
+
+    self.__proto__ = Plugin.prototype
+    self.id = 'markdown-tag'
+
+    return self
+}
+
+util.inherits(Plugin, Function)
+
+Plugin.prototype.init = function (md) {
+    md.inline.ruler.push(this.id, this.parse.bind(this))
+    md.renderer.rules[this.id] = this.render.bind(this)
+}
+
+export function tagParser(id, state, silent) {
+    let input = state.src.slice(state.pos);
+
+    const match = /^#[^ ]+/.exec(input)
+    if (!match) {
+        return false
+    }
+
+    console.log(match)
+    const prefixLength = match[0].length
+    if (!silent) {
+        console.log(state.src, state.pos, prefixLength)
+        let link = state.src.slice(state.pos + 1, state.pos + prefixLength)
+        let token = state.push(id, '', 0)
+        token.meta = {match: link, tag: true}
+        console.log(token)
+    }
+    state.pos += prefixLength
+    return true
+}
+
+Plugin.prototype.parse = function (state, silent) {
+    return tagParser(this.id, state, silent)
+}
+
+Plugin.prototype.render = function (tokens, id, options, env) {
+    let {match: link} = tokens[id].meta
+    return '<a href="' + this.options.relativeBaseURL + encodeURIComponent(link) + '" class="wiki-link">' + '#' + link + '</a>';
+}
+
+export default (options) => {
+    return Plugin(options);
+}

editor/src/markdown.js

@@ -3,6 +3,7 @@ import MarkdownItWikilinks2 from "./wikilinks2";
 import MarkdownItMetadata from "./metadatalinks";
 import MarkdownItMark from "markdown-it-mark";
 import MarkdownItKatex from "markdown-it-katex";
+import MarkdownItTag from "./markdown-tag";
 
 const MD = new MarkdownIt({
     linkify: true,
@@ -30,6 +31,9 @@ MD.use(MarkdownItMetadata())
 //         class: 'wiki-link'
 //     },
 // }))
-// MD.use(MarkdownItMark).use(MarkdownItKatex)
+MD.use(MarkdownItMark).use(MarkdownItKatex)
+MD.use(MarkdownItTag({
+    relativeBaseURL: '/edit/',
+}))
 
 export default MD;