DoIt-X/index.html at main · DoItEditor/DoIt-X · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<head>
    <title>DoIt! X</title>
    <meta charset="UTF-8">
    <link rel="icon" href="asset/favicon.svg">
    <!--导入样式表-->
    <link rel="stylesheet" href="style/style.css">
    <link rel="stylesheet" href="style/dialogs.css">
    <link rel="stylesheet" href="style/button.css">
    <link rel="stylesheet" href="style/flyout-button.css">

    <!--导入Blockly库-->
    <script src="blockly-lib/blockly_compressed.js"></script>
    <script src="blockly-lib/blocks_compressed.js"></script>
    <script src="blockly-lib/python_compressed.js"></script>

    <!--导入自定义弹窗-->
    <script src="script/customDialogs.js"></script>

    <script src="blockly-lib/msg/zh-hans.js"></script>
    <!-- <script src="blockly-lib/msg/en.js"></script> -->

    <!--尝试制作本地化-->
    <script src="script/l10n.js"></script>

    <!--导入对Blockly内容的自定义-->
    <link rel="stylesheet" href="style/blockly-context-menu.css">
    <link rel="stylesheet" href="style/blockly-custom.css">
</head>
<body>
    <div id="topBar">
        <img src="asset/logo.svg" alt="DoIt!X" style="height:30px;width:auto;margin-right:6px;" onclick="window.location.href='https:\/\/doit.cyberneko.cn'">
        <div id="fileButton" class="top-bar-button">
            <img src="asset/file-icon.svg" alt="文件" class="button-icon">
            <span class="button-text">文件</span>
        </div>
        <div id="editButton" class="top-bar-button">
            <img src="asset/edit-icon.svg" alt="编辑" class="button-icon">
            <span class="button-text">编辑</span>
        </div>
        <div id="helpButton" class="top-bar-button">
            <img src="asset/help-icon.svg" alt="帮助" class="button-icon">
            <span class="button-text">帮助</span>
        </div>
    </div>

    <div id="mainContainer">
        <div id="blocklyDiv"></div>
        <div id="codeOutput" style="height: 100%;width: 480px"></div>
    </div>

    <xml id="toolbox">
        <category name="控制" colour="120">
            <block type="controls_repeat_ext"></block>
            <block type="controls_repeat"></block>
            <block type="controls_whileUntil"></block>
            <block type="controls_for"></block>
            <block type="controls_forEach"></block>
            <block type="controls_flow_statements"></block>
            <block type="logic_compare"></block>
            <block type="logic_operation"></block>
            <block type="logic_negate"></block>
            <block type="logic_boolean"></block>
            <block type="logic_ternary"></block>
            <block type="controls_if"></block>
            <block type="controls_ifelse"></block>
        </category>
        <category name="变量" custom="VARIABLE"></category>
        <category name="函数" custom="PROCEDURE"></category>
    </xml>

    <script src="script/main.js"></script>
    <script src="script/topbar.js"></script>
</body>