-
Notifications
You must be signed in to change notification settings - Fork 15
Expand file tree
/
Copy pathcode-formatter.html
More file actions
97 lines (96 loc) · 5.44 KB
/
code-formatter.html
File metadata and controls
97 lines (96 loc) · 5.44 KB
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html>
<head>
<script src="resources/jquery.min.js"></script>
<script src="resources/select2/select2.js"></script>
<script src="formatter.js"></script>
<script src="resources/js-beautify-master/web/third-party/codemirror/lib/codemirror.js"></script>
<script src="resources/js-beautify-master/web/third-party/codemirror/mode/javascript/javascript.js"></script>
<script src="resources/js-beautify-master/web/third-party/codemirror/plugins/placeholder.js"></script>
<script src="resources/js-beautify-master/js/lib/beautify.js"></script>
<script src="resources/js-beautify-master/js/lib/beautify-css.js"></script>
<script src="resources/js-beautify-master/js/lib/beautify-html.js"></script>
<link href='style.css' rel='stylesheet' type='text/css'>
<link href='resources/select2/select2.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/3024-day.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/3024-night.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/ambiance.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/base16-dark.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/base16-light.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/blackboard.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/cobalt.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/eclipse.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/elegant.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/erlang-dark.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/lesser-dark.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/mbo.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/midnight.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/monokai.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/neat.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/night.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/paraiso-dark.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/paraiso-light.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/rubyblue.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/solarized.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/the-matrix.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/tomorrow-night-eighties.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/twilight.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/vibrant-ink.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/xq-dark.css">
<link rel="stylesheet" href="resources/js-beautify-master/web/third-party/codemirror/theme/xq-light.css">
</head>
<body>
<header>
<h2 class="title">
<img src="/icons/logo.png">
Code Formatter (beta)
</h2>
<span class="title-info">Format your HTML, CSS, jQuery or JSON code!</span>
</header>
<mainContent>
<div class="select-language-holder">
<label>Select a theme : </label>
<select id="select-theme" style="width:485px;">
<option selected>default</option>
<option>3024-day</option>
<option>3024-night</option>
<option>ambiance</option>
<option>base16-dark</option>
<option>base16-light</option>
<option>blackboard</option>
<option>cobalt</option>
<option>eclipse</option>
<option>elegant</option>
<option>erlang-dark</option>
<option>lesser-dark</option>
<option>mbo</option>
<option>midnight</option>
<option>monokai</option>
<option>neat</option>
<option>night</option>
<option>paraiso-dark</option>
<option>paraiso-light</option>
<option>rubyblue</option>
<option>solarized dark</option>
<option>solarized light</option>
<option>the-matrix</option>
<option>tomorrow-night-eighties</option>
<option>twilight</option>
<option>vibrant-ink</option>
<option>xq-dark</option>
<option>xq-light</option>
</select>
</div>
<div class="code-holder">
<textarea id="source" placeholder="paste your code here"></textarea>
</div>
<div class="actions-holder">
<input id="formatBtn" class="button submit" value="Format" type="button" />
<input id="clearBtn" class="button" value="Clear" type="button" />
</div>
</mainContent>
<footer>
Code Formatter - All Rights Reserved. Copyright 2013. Made by <a href="#" class="credit">Yasser R Shaikh</a>
</footer>
</body>
</html>