index.html (1.3 KB)

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 	<meta charset="UTF-8">
 5 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
 6 	<title>Web Workshop</title>
 7 	<link rel="icon" href="resources/icons/construction.png">
 8 	<link rel="manifest" href="manifest.json">
 9 	<link rel="stylesheet" href="resources/css/styles.css">
10 	<script type="module">
11 		import {EditorView, keymap, placeholder, lineNumbers, Decoration, EditorState, Compartment, defaultKeymap, indentWithTab, undo, redo, undoDepth, redoDepth, history, historyKeymap, closeBrackets, closeBracketsKeymap, html, githubDark, indentUnit, search, searchKeymap, closeSearchPanel, openSearchPanel} from "./resources/js/codemirror-bundle.js"
12 		window.CodeMirror = {EditorView, EditorState, Compartment, keymap, defaultKeymap, indentWithTab, html, githubDark, indentUnit, placeholder, undo, redo, undoDepth, redoDepth, history, historyKeymap, closeBrackets, closeBracketsKeymap, search, searchKeymap, closeSearchPanel, openSearchPanel, lineNumbers, Decoration};
13 	</script>
14 </head>
15 <body>
16 	<div class="editor-pane">
17 		<div id="editor"></div>
18 	</div>
19 
20 	<div class="preview-pane">
21 		<iframe id="preview"></iframe>
22 	</div>
23 
24 	<script type="module" src="resources/js/main.js"></script>
25 </body>
26 </html>