under construction
This commit is contained in:
62
elex-theme/templates/editor.html
Normal file
62
elex-theme/templates/editor.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!-- <link rel="stylesheet" href="../node_modules/easymde/dist/easymde.min.css">
|
||||
<script src="../node_modules/easymde/dist/easymde.min.js"></script> -->
|
||||
<style>
|
||||
:root {
|
||||
--mdc-theme-primary: orange;
|
||||
}
|
||||
html, body{
|
||||
margin:0; border:0; padding:0;
|
||||
width: 100%; height: 100%;
|
||||
}
|
||||
</style>
|
||||
<script src="../dist/editor.js"></script>
|
||||
<script type="module" src="../dist/bundle.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function(){
|
||||
const drawer = document.getElementsByTagName('mwc-drawer')[0];
|
||||
if (drawer) {
|
||||
const container = drawer.parentNode;
|
||||
container.addEventListener('MDCTopAppBar:nav', () => {
|
||||
drawer.open = !drawer.open;
|
||||
});
|
||||
}
|
||||
|
||||
let easyMDE = new EasyMDE({ element: document.getElementById('editor') });
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<mwc-drawer hasHeader type="dismissible">
|
||||
<span slot="title">Drawer Title</span>
|
||||
<div>
|
||||
<p>
|
||||
"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the
|
||||
charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to
|
||||
ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying
|
||||
through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our
|
||||
power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to
|
||||
be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of
|
||||
business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore
|
||||
always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or
|
||||
else he endures pains to avoid worse pains."
|
||||
</p>
|
||||
</div>
|
||||
<div slot="appContent">
|
||||
<mwc-top-app-bar-fixed>
|
||||
<mwc-icon-button slot="navigationIcon" icon="menu"></mwc-icon-button>
|
||||
<div slot="title">Editor title</div>
|
||||
</mwc-top-app-bar-fixed>
|
||||
<div>
|
||||
<textarea id="editor"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</mwc-drawer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user