27 lines
672 B
HTML
27 lines
672 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Monaco Editor Sample</title>
|
||
|
|
<link rel="stylesheet" href="./res/editor.main.css">
|
||
|
|
</head>
|
||
|
|
<body onload="initEditor">
|
||
|
|
|
||
|
|
<div id="container" style="width:800px;height:600px;">
|
||
|
|
<!-- 编辑器会在这个容器中被初始化 -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="./res/editor.main.js"></script>
|
||
|
|
<script>
|
||
|
|
function initEditor(){
|
||
|
|
// 初始化编辑器
|
||
|
|
const editor = monaco.editor.create(document.getElementById('container'), {
|
||
|
|
value: ['function x() {', '\tconsole.log("Hello World");', '}'].join('\n'),
|
||
|
|
language: 'javascript'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|