convergencelabs_monaco-coll.../example/index.html
2019-03-03 22:55:51 -06:00

33 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" data-name="vs/editor/editor.main"
href="../node_modules/monaco-editor/min/vs/editor/editor.main.css"/>
<link rel="stylesheet" href="../dist/css/monaco-collab-ext.css">
<link rel="stylesheet" href="./example.css">
</head>
<body>
<h1>Monaco Editor Collaborative Extensions Demo</h1>
<div class="editors">
<div class="editor-column">
<h2>Source Editor</h2>
<div class="description">Type and make selections here.</div>
<div class="editor" id="source-editor"></div>
</div>
<div class="editor-column">
<h2>Target Editor</h2>
<div class="description">See remote cursors and selections here.</div>
<div class="editor" id="target-editor"></div>
</div>
</div>
<script src="editor_contents.js"></script>
<script>var require = {paths: {'vs': '../node_modules/monaco-editor/min/vs'}};</script>
<script src="../node_modules/monaco-editor/min/vs/loader.js"></script>
<script src="../node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
<script src="../node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>
<script src="../dist/umd/monaco-collab-ext.js"></script>
<script src="./example.js"></script>
</body>
</html>