index.html (1.8 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>zine studio</title> 7 <link rel="stylesheet" href="resources/editor.css"> 8 <script type="module"> 9 import {EditorView, keymap, placeholder, lineNumbers, Decoration, EditorState, Compartment, defaultKeymap, indentWithTab, undo, redo, undoDepth, redoDepth, history, historyKeymap, closeBrackets, closeBracketsKeymap, autocompletion, acceptCompletion, completionKeymap, completionStatus, currentCompletions, selectedCompletionIndex, startCompletion, closeCompletion, moveCompletionSelection, setSelectedCompletion, html, githubDark, indentUnit, search, searchKeymap, closeSearchPanel, openSearchPanel} from "./resources/codemirror-bundle.js" 10 window.CodeMirror = {EditorView, EditorState, Compartment, keymap, defaultKeymap, indentWithTab, html, githubDark, indentUnit, placeholder, undo, redo, undoDepth, redoDepth, history, historyKeymap, closeBrackets, closeBracketsKeymap, autocompletion, acceptCompletion, completionKeymap, completionStatus, currentCompletions, selectedCompletionIndex, startCompletion, closeCompletion, moveCompletionSelection, setSelectedCompletion, search, searchKeymap, closeSearchPanel, openSearchPanel, lineNumbers, Decoration}; 11 </script> 12 </head> 13 <body> 14 <div class="editor-pane"> 15 <div id="editor"></div> 16 </div> 17 <div class="preview-pane"> 18 <iframe id="preview"></iframe> 19 <div class="spread-nav"> 20 <button id="prevSpread" title="Previous spread" disabled>←</button> 21 <span id="spreadIndicator">Cover</span> 22 <button id="nextSpread" title="Next spread">→</button> 23 </div> 24 </div> 25 <script type="module" src="resources/editor.js"></script> 26 </body> 27 </html>