From 11cbf4f9e40b6192b42720a25077f929c30e2033 Mon Sep 17 00:00:00 2001
From: Bel LaPointe <breel@qualtrics.com>
Date: Mon, 14 Feb 2022 07:58:01 -0700
Subject: [PATCH] try editor .ctmpl in browser, time for somethin smarter

---
 .../reinvent/ezmded/ui/templates/editor.ctmpl | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/spike/review/reinvent/ezmded/ui/templates/editor.ctmpl b/spike/review/reinvent/ezmded/ui/templates/editor.ctmpl
index 20b9a59..2f1ca12 100644
--- a/spike/review/reinvent/ezmded/ui/templates/editor.ctmpl
+++ b/spike/review/reinvent/ezmded/ui/templates/editor.ctmpl
@@ -1,4 +1,5 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
+<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
 <style>
 	.EasyMDEContainer button {
 		color: black;
@@ -150,8 +151,9 @@
          </form>
 		</span>
 		<span id="titlePath">
+			/
          {{ if ne .PID "" }}
-            <a href="/ui/files/{{ .PID }}">{{ .PTitle }}</a>
+            <a href="/ui/files/{{ .PID }}">{{ .PTitle }}</a> /
          {{ end }}
       </span>
 		<span id="title" class="thic_flex" contenteditable>{{ .Title }}</span>
@@ -168,3 +170,34 @@
 		<textarea id="my-text-area"></textarea>
 	</div>
 </article>
+<script>
+	const easyMDE = new EasyMDE({
+		autoDownloadFontAwesome: true,
+		autofocus: true,
+		autosave: {
+			enabled: false,
+		},
+		element: document.getElementById('my-text-area'),
+		forceSync: true,
+		indentWithTabs: false,
+		initialValue: "# initial\nvalue",
+		showIcons: ["code", "table"],
+		spellChecker: false,
+		sideBySideFullscreen: false,
+		tabSize: 3,
+		previewImagesInEditor: true,
+		insertTexts: {
+			image: ["![](", ")"],
+			link: ["[](", ")"],
+		},
+		lineNumbers: true,
+		lineWrapping: false,
+		uploadImage: true,
+		imageUploadEndpoint: "/api/v0/media", // POST wants {data: {filePath: "/..."}}
+		imagePathAbsolute: false,
+		renderingConfig: {
+			codeSyntaxHighlighting: true,
+		},
+		status: ["lines", "words", "cursor"],
+	})
+</script>