<!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>