wpide / ace-0.2.0 / editor.html

editor.html in WPIDE – File Manager & Code Editor 1.0.6, at ace-0.2.0/editor.html

91 lines 1.1 KB

Raw Download Zip

1	<!DOCTYPE html>
2
3	<html lang="en">
4
5	<head>
6
7	<meta charset="UTF-8">
8
9	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
11	<title>Editor</title>
12
13	<style type="text/css" media="screen">
14
15	body {
16
17	overflow: hidden;
18
19	}
20
21
22
23	#editor {
24
25	margin: 0;
26
27	position: absolute;
28
29	top: 0;
30
31	bottom: 0;
32
33	left: 0;
34
35	right: 0;
36
37	}
38
39	</style>
40
41	</head>
42
43	<body>
44
45
46
47	<pre id="editor">function foo(items) {
48
49	var i;
50
51	for (i = 0; i < items.length; i++) {
52
53	alert("Ace Rocks " + items[i]);
54
55	}
56
57	}</pre>
58
59
60
61	<script src="src/ace.js" type="text/javascript" charset="utf-8"></script>
62
63	<script src="src/theme-twilight.js" type="text/javascript" charset="utf-8"></script>
64
65	<script src="src/mode-javascript.js" type="text/javascript" charset="utf-8"></script>
66
67	<script>
68
69	window.onload = function() {
70
71	var editor = ace.edit("editor");
72
73	editor.setTheme("ace/theme/twilight");
74
75
76
77	var JavaScriptMode = require("ace/mode/javascript").Mode;
78
79	editor.getSession().setMode(new JavaScriptMode());
80
81	};
82
83	</script>
84
85
86
87	</body>
88
89	</html>
90
91