-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (79 loc) · 4.39 KB
/
index.html
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
75
76
77
78
79
<!DOCTYPE html>
<html oncontextmenu="return false;">
<head>
<title>WebGDE</title>
<link rel="stylesheet" type="text/css" href="assets/style.css"/>
<script src="assets/cm-editor/lib/codemirror.js"></script>
<link rel="stylesheet" href="assets/cm-editor/lib/codemirror.css">
<link rel="stylesheet" href="assets/cm-editor/theme/the-matrix.css">
<script type="text/javascript" src="assets/cm-editor/mode/htmlmixed/htmlmixed.js"></script>
<script src="assets/cm-editor/addon/selection/selection-pointer.js"></script>
<script src="assets/cm-editor/mode/xml/xml.js"></script>
<script src="assets/cm-editor/mode/javascript/javascript.js"></script>
<script src="assets/cm-editor/mode/css/css.js"></script>
<script src="assets/cm-editor/mode/vbscript/vbscript.js"></script>
<script type="text/javascript" src="assets/script.js"></script>
</head>
<body>
<span id="dialogs"></span>
<iframe id="preview">
<span class="scalable">Webpage Preview</span>
</iframe>
<div id="treetitle"><span class="scalable">Tree Editor</span></div>
<div id="html-tree-head">
<div id="addout" class="treebutton parent-center">
<div class="center">
Wrap
</div>
</div>
<div id="addup" class="treebutton parent-center">
<div class="center">
Add Above
</div>
</div>
<div id="addin" class="treebutton parent-center">
<div class="center">
Add Inside
</div>
</div>
<div id="adddown" class="treebutton parent-center">
<div class="center">
Add Below
</div>
</div>
<div id="delete" class="treebutton parent-center" onclick="if(!(tree_selected == doc)){var oparent=null;if(tree_selected.parent)oparent=tree_selected.parent;tree_selected.remove();inner_input.value = '';}tree_selected=null;if(oparent)tree_selected=oparent;update_pane();update_cm();">
<div class="center">
Delete
</div>
</div>
</div>
<div id="html-tree">
</div>
<div id="atttitle"><span class="scalable">Attribute Editor</span></div>
<div id="attribute-head">
<div id="att-rem" class="parent-center" onclick="if((last_att === 0 || last_att) && tree_selected)tree_selected.removeAtt(last_att);last_att=null;update_pane();"><div class="center">Delete</div></div>
<div id="att-add" class="parent-center" onclick="if(tree_selected){tree_selected.attEdit('','');update_pane();document.getElementById('att_name_'+(tree_selected.atts.length-1)).focus();}"><div class="center">Add</div></div>
</div>
<div id="attribute-editor"></div>
<div id="element-head"><span class="scalable">Element Chooser</span><div id="toggler" class="off"><div class="parent-center" style="height:inherit;"><div style="height:fit-content;font-size:10pt;" class="center">Specify Own Element</div></div></div></div>
<input id="element-search" onkeyup="search_elt();"value="Search for elements..." onblur="javascript: document.getElementById('element-search').value = 'Search for elements...';" onfocus="javascript: document.getElementById('element-search').value = '';search_elt();"></input>
<div id="element-chooser" class="scalable"></div>
<div id="inner-heading"><span class="scalable">Attribute Editor</span></div>
<div id="inner-head">
<div id="wrapper">Wrap Selected</div>
<div id="inner-updater" style="font-size:1vw;height:inherit;width:fit-content;float:right;">
<div class="parent-center" style="height:inherit;width:fit-content;float:left;background:rgba(0,0,0,0);color:white;border-left:0.1px solid black;"><div style="height:fit-content;" class="center">Update while typing</div></div>
<div class="parent-center" onclick="toggle_auto_in()" id="inner-updater-off" style="cursor:pointer;height:inherit;width:fit-content;float:left;"><div style="height:fit-content;" class="center">Off</div></div>
<div class="parent-center" onclick="toggle_auto_in()" id="inner-updater-on" style="cursor:pointer;height:inherit;width:fit-content;float:left;"><div style="height:fit-content;" class="center">On</div></div>
</div>
</div>
<div id="inner-pane"><textarea id="inner-input"></textarea></div>
<div id="io-menu">
<table>
<tr><td id="page_loader">Load Webpage</td></tr>
<tr><td id="page_saver">Save Webpage</td></tr>
</table>
</div>
<input type="file" id="fileselect" name="files[]" hidden>
</body>
</html>