<!DOCTYPE html>
<html lang="ru">
<head>
<script type="text/javascript" src="/static/js/mithril.min.js"></script>
</head>
<body>
<section id="app" class="container">
</section>
<link rel="stylesheet" href="/static/vs/editor/editor.main.css"></link>
<script type="text/javascript">
var require = { paths: { vs: '/static/vs' } };
</script>
<script src="/static/vs/loader.js"></script>
<script src="/static/vs/editor/editor.main.nls.js"></script>
<script src="/static/vs/editor/editor.main.js"></script>
<script type="text/javascript">
let vroot = document.getElementById("app");
function Editor() {
function editor_init() {
monaco.editor.create(document.getElementById('editor'), {
value: `function hello() {\n alert('Hello world!');\n}`,
});
};
function editor_remove() {
};
return {
oncreate(vnode) {
editor_init();
},
onbeforeremove: function(vnode) {
editor_remove();
},
view: function(vnode) {
let result = [];
result.push(m('div', {id: 'editor', style: "width: 100%; height: 600px; border: 1px solid grey"}));
return result;
}
};
};
m.route.prefix = '';
m.route(
vroot,
"/editor", {
"/editor": Editor,
}
);
</script>
</body>
</html>
|