Much progress

templates/edit.html

@@ -1,6 +1,27 @@
-<h1>Editing {{.Title}}</h1>
+{{define "title"}}Edit {{.Title}}{{end}}
 
+{{define "main"}}
 <form action="save/" method="POST">
-    <textarea name="body">{{printf "%s" .Body}}</textarea>
-    <input type="submit" value="Save">
+    <div class="mb-3">
+        <label for="noteBodyInput" class="form-label">Note</label>
+        <div id="toolbar"></div>
+        <textarea class="form-control" id="noteBodyInput" name="body" aria-described-by="bodyHelp">{{printf "%s" .Body}}</textarea>
+        <div id="bodyHelp" class="form-text">Enter your note content in markdown</div>
+    </div>
+    <button class="btn btn-primary" type="submit">Save</button>
 </form>
+
+<script src="https://unpkg.com/tiny-markdown-editor/dist/tiny-mde.min.js"></script>
+<link
+  rel="stylesheet"
+  type="text/css"
+  href="https://unpkg.com/tiny-markdown-editor/dist/tiny-mde.min.css"
+/>
+<script type="text/javascript">
+var tinyMDE = new TinyMDE.Editor({ textarea: "noteBodyInput" });
+var commandBar = new TinyMDE.CommandBar({
+    element: "toolbar",
+    editor: tinyMDE,
+});
+</script>
+{{end}}