brick-editor/index.html at master · 9dots/brick-editor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!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" type="text/css" href="stylesheet.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!--
        NOTE: The JavaScript files must be loaded in this order.

        The Monaco loader.js and the Browserify bundle.js creates incompatible
        versions of a require() function. Here we load the Browserify bundle.js
        first, to define the necessary text editing functions, before loading
        the Monaco loader.js to create the editor.

        1. bundle.js
        2. brick-editor.js
        3. loader.js
        4. create-editor.js

        templates.js contains the template data used by brick-editor.js. It
        must be loaded before create-editor.js (which creates buttons based on
        the templates), but otherwise can be loaded at any time.
    -->
    <script src="templates.js"></script>
    <script src="globals.js"></script>
    <script src="bundle.js"></script>
    <script src="brick-editor.js"></script>
    <script src="../node_modules/monaco-editor/min/vs/loader.js"></script>
    <script src="create-editor.js"></script>
    <script>
        // create the clickable buttons to add block
        window.onload = function () {
            addBlocksHTML();
        };
    </script>
</head>

<body>
    <h1 id="title">Brick Editor</h1>
    <button id="parseButton" disabled onclick="resetToParsed()">Reset to last correct text</button>
    <div id="buttonContainer"></div>
    <div id="container"></div>
</body>
</html>