baby frontend soundin good

2022-02-08 09:39:20 -07:00
parent 3a246f8b38
commit d01a933b73
4 changed files with 63 additions and 4 deletions
--- a/spike/review/reinvent/ezmded/ui/index.html
+++ b/spike/review/reinvent/ezmded/ui/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+	<header>
+		<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>
+		<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
+		<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">
+	</header>
+	<body>
+		<textarea id="my-text-area">
+# initial
+value
+		</textarea>
+	</body>
+	<footer>
+		<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,
+				uploadImage: true,
+				imageUploadEndpoint: "/api/v0/media", // POST wants {data: {filePath: "/..."}}
+				imagePathAbsolute: true,
+				renderingConfig: {
+					codeSyntaxHighlighting: true,
+				},
+			})
+			function logValue() {
+				console.log(easyMDE.value())
+			}
+			logValue()
+		</script>
+	</footer>
+</html>