-
Notifications
You must be signed in to change notification settings - Fork 99
/
index.html
128 lines (105 loc) · 4.99 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" itemscope itemtype="http://schema.org/Article">
<head>
<meta itemprop="name" content="vkBeautify">
<meta itemprop="description" content="Beautify or Minify XML JSON CSS SQL text">
<script src="jquery.1.5.0.js" type="text/javascript"></script>
<script src="vkbeautify.js"></script>
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<title>vkBeautify - javascript plugin</title>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</head>
<body>
<!-- ================= header ======================= -->
<div id="header">
<h1>vkBeautify </h1>
<ul>
| <li onclick="loadTemplate('overview')">Overview</li>
| <li onclick="loadTemplate('doc')">Documentation</li>
| <li><a href="http://vadimkir.blogspot.com/2012/01/vkbeautify.html" target="_blank">Blog</a></li>
| <li ><a href="http://code.google.com/p/vkbeautify/downloads/list" title="Download from Google Code" target="_blank">Download</a></li>
| <li ><a href="https://github.com/vkiryukhin/vkBeautify" title="Source on GitHub" target="_blank">GitHub</a></li> |
</ul>
<div style="inline-block;position:relative;top:-41px" ><g:plusone size="small" annotation="none"></g:plusone></div>
</div> <!-- /header -->
<!-- ================= container ======================= -->
<div id="container" >
<!-- ================= left panel ======================= -->
<div id="menu" >
<div> <b>XML</b> </div>
<ul>
<!--li onclick="loadTemplate('test')">test</li-->
<li onclick="loadTemplate('basic')">Basic</li>
<li onclick="loadTemplate('yahoorss')" title='http://weather.yahooapis.com/forecastrss?w=2459115'>Yahoo Weather RSS</li>
</ul>
<div> <b>JSON</b></div>
<ul>
<!--li onclick="loadTemplate('test')">test</li-->
<li onclick="loadTemplate('basicjson')">Basic</li>
<li onclick="loadTemplate('yahoojson')" title='http://weather.yahooapis.com/forecastjson?w=2459115'>Yahoo Weather JSON</li>
<!--li onclick="loadTemplate('googlenewsjson')" title='https://ajax.googleapis.com/ajax/services/search/news?v=1.0&q=barack%20obama'>Google News JSON</li-->
</ul>
<div> <b>CSS</b></div>
<ul>
<!--li onclick="loadTemplate('test')">test</li-->
<li onclick="loadTemplate('basiccss')">Basic</li>
<li onclick="loadTemplate('yahoocss')" title='http://ssl.gstatic.com/codesite/ph/3604335043632762799/css/core.css'>Google CSS Example</li>
</ul>
<div> <b>SQL</b></div>
<ul>
<!--li onclick="loadTemplate('test')">test</li-->
<li onclick="loadTemplate('basicsql')">Basic</li>
<!--li onclick="loadTemplate('yahoocss')" title='http://ssl.gstatic.com/codesite/ph/3604335043632762799/css/core.css'>Google CSS Example</li-->
</ul>
</div> <!-- /menu -->
<!-- ================= right panel ======================= -->
<div id="content">
<div id="leftpanel">
<div id="mode">XML </div>
<div style="float:left; margin-left:7em;"><input id="count" type="text" size="5" /> chars</div><br clear="all"/>
<textarea id="ta" style="height:400px;" onclick="countChars()"></textarea>
<!--div>
<input type="button" onclick="beautify()" value="Pretty Print"/>
<span style="display:inline-block;border:solid 1px #cccccc;padding:5px;margin-left:2em;margin-right:2em;">
<input type="button" onclick="minify()" value="Minify"/>
<input id="preservews" type="checkbox" />
<span style="display:inline-block;width:7em; margin:0px;font-size:75%;">
Preserve Comments
</span>
</span>
<input type="button" onclick="document.getElementById('ta').value='';" value="Clear"/>
</div-->
<table style=""><tr>
<td><input type="button" onclick="beautify()" value="Pretty Print"/></td>
<td><span style="display:inline-block;border:solid 1px #cccccc;padding:5px;margin-left:1em;margin-right:2em;">
<input type="button" onclick="minify()" value="Minify"/>
<input id="preservews" type="checkbox" />
<span style="display:inline-block;width:7em; margin:0px;font-size:75%;">
Preserve Comments
</span>
</span></td>
<td>
<div style="width:8em; margin:0px;font-size:75%;">custom puttern</div>
<input id="custom_pattern" type="text" size="12" value=""/>
</td>
</tr></table>
</div>
<div id="rightpanel"></div>
</div>
<br clear="both"/>
</div> <!-- /container -->
<!-- ================= footer ======================= -->
<div style="clear:both;"></div>
<br/><hr/>
<div id="footer">© 2010 - 2012 Vadim Kiryukhin </div>
</body>
</html>