ui things
parent
1e01088b92
commit
e766a205a1
|
|
@ -5,12 +5,30 @@
|
||||||
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
|
<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>
|
<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">
|
<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>
|
</header>
|
||||||
<body>
|
<body>
|
||||||
<textarea id="my-text-area">
|
<div style="width: 100%; margin: auto; max-width: 1024; display: flex; flex-direction: columns;">
|
||||||
# initial
|
<details>
|
||||||
value
|
<summary style="min-width: 60px;">Tree</summary>
|
||||||
</textarea>
|
<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>
|
</body>
|
||||||
<footer>
|
<footer>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -36,7 +54,7 @@ value
|
||||||
lineNumbers: true,
|
lineNumbers: true,
|
||||||
uploadImage: true,
|
uploadImage: true,
|
||||||
imageUploadEndpoint: "/api/v0/media", // POST wants {data: {filePath: "/..."}}
|
imageUploadEndpoint: "/api/v0/media", // POST wants {data: {filePath: "/..."}}
|
||||||
imagePathAbsolute: true,
|
imagePathAbsolute: false,
|
||||||
renderingConfig: {
|
renderingConfig: {
|
||||||
codeSyntaxHighlighting: true,
|
codeSyntaxHighlighting: true,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue