2023-02-28T02:14:36
This commit is contained in:
95
material-design/templates/editor.html
Normal file
95
material-design/templates/editor.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user