96 lines
2.5 KiB
HTML
96 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Webpack App</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://unpkg.com/easymde/dist/easymde.min.css"
|
|
/>
|
|
<script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<mwc-drawer hasHeader open type="dismissible">
|
|
<span slot="title">Drawer Title</span>
|
|
<span slot="subtitle">subtitle</span>
|
|
<div>
|
|
<mwc-list>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
</mwc-list>
|
|
</div>
|
|
<div slot="appContent">
|
|
<mwc-top-app-bar-fixed prominent>
|
|
<mwc-icon-button
|
|
slot="navigationIcon"
|
|
icon="menu"
|
|
></mwc-icon-button>
|
|
<div slot="title">Title</div>
|
|
</mwc-top-app-bar-fixed>
|
|
|
|
<div>
|
|
<main>
|
|
<textarea id="editor"></textarea>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</mwc-drawer>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
let mde = new EasyMDE({
|
|
element: document.querySelector("#editor"),
|
|
renderingConfig: {
|
|
codeSyntaxHighlighting: true,
|
|
},
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|