gogs
/
notea-de-me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui things

master
Bel LaPointe 2022-02-08 15:39:22 -07:00
parent 1e01088b92
commit e766a205a1
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
spike/review/reinvent/ezmded/ui/index.html
View File

@ -5,12 +5,30 @@
<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">
<style>
#tree {
min-width: 180px;
}
#tree ul {
padding-inline-start: 1em;
}
</style>
</header>
<body>
<textarea id="my-text-area">
# initial
value
</textarea>
<div style="width: 100%; margin: auto; max-width: 1024; display: flex; flex-direction: columns;">
<details>
<summary style="min-width: 60px;">Tree</summary>
<div id="tree">
<ul>
<li>hi</li>
<ul><li>subhi</li></ul>
</ul>
</div>
</details>
<article style="flex-grow: 1;">
<textarea id="my-text-area"></textarea>
</article>
</div>
</body>
<footer>
<script>
@ -36,7 +54,7 @@ value
lineNumbers: true,
uploadImage: true,
imageUploadEndpoint: "/api/v0/media", // POST wants {data: {filePath: "/..."}}
imagePathAbsolute: true,
imagePathAbsolute: false,
renderingConfig: {
codeSyntaxHighlighting: true,
},