<html>
<head>
<title>
JS/HTML格式化-站长工具
</title>
<style type="text/css">
.textArea_bg{
width:700px;
height:400px;
overflow-y:scroll;
overflow-x:scroll;
scrollbar-face-color:#333333;
scrollbar-shadow-color:#808080;
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#808080;
scrollbar-darkshadow-color:#333333;
scrollbar-track-color:#191919;
scrollbar-arrow-color:#CCCCCC;
background-image:url("./imgs/textarea_bg.png");
background-repeat:no-repeat;
background-attachment:fixed;
font-size:15px;
font-weight:bold;
font-family:楷体_gb2312;
}
body{
background-image:url("./imgs/body_bg.gif");
background-color:#FCFDE8;
margin-left:0px;
margin-top:0px;
}
</style>
<script src="js/jquery.js" type="text/javascript">
</script>
<script src="js/base2-p.js" type=text/javascript>
</script>
<script src="js/packer-p.js" type=text/javascript>
</script>
<script src="js/beautify.js" type=text/javascript>
</script>
<script src="js/beautify-tests.js" type=text/javascript>
</script>
<script src="js/HTML-Beautify.js" type=text/javascript>
</script>
<script type="text/javascript">
function do_js_beautify() {
document.getElementById('beautify').disabled = true;
js_source = document.getElementById('content').value.replace(/^\s+/, '');
tabsize = document.getElementById('tabsize').value;
tabchar = ' ';
if (tabsize == 1) {
tabchar = '\t';
}
if (js_source && js_source.charAt(0) === '<') {
document.getElementById('content').value = style_html(js_source, tabsize, tabchar, 80);
} else {
document.getElementById('content').value = js_beautify(js_source, tabsize, tabchar);
}
document.getElementById('beautify').disabled = false;
return false;
}
function pack_js(base64) {
var input = document.getElementById('content').value;
var packer = new Packer;
if (base64) {
var output = packer.pack(input, 1, 0);
} else {
var output = packer.pack(input, 0, 0);
}
document.getElementById('content').value = output;
}
function copy(txt) {
if (window.clipboardData) {
window.clipboardData.setData("Text", txt);
} else {
txt = encodeURIComponent(txt);
var flashcopier = 'flashcopier';
if (!document.getElementById(flashcopier)) {
var divholder = document.createElement('div');
divholder.id = flashcopier;
document.body.appendChild(divholder);
}
document.getElementById(flashcopier).innerHTML = '';
var divinfo = '<embed src="js/clipboard.swf" flashvars="clipboard=' + txt + '" type="application/x-shockwave-flash" width="0" height="0"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
}
alert("复制成功");
}
</script>
</head>
<body>
<br>
<br>
<form action="?" method="post">
<center style="font-family:华文行楷;font-size:35px;font-weight:bold">JavaScript-HTML格式化工具</center>
<br>
<table width="780" height="33" cellspacing="0" cellpadding="0" border="0" align="center" background="./imgs/nog_bg.png">
<tr>
<td width="22" height="33"><img width="20" height="25" border="0" src="./imgs/alter.png"></td>
<td width="758" height="33" style="font-family:华文行楷;font-size:16px">JavaScript-HTML格式化工具____________________________请在下面输入你想格式化的html代码</td>
</tr>
</table>
<table width="780" height="400" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td height="400" width="700">
<textarea id="content" class="textArea_bg" name="content"></textarea></td>
<td height="400" width="80">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" align="center" background="./imgs/table_bg.png">
<tr>
<td>
<select id="tabsize" name="tabsize" style="font-family:华文行楷;width:80px">
<option value="1">制表符缩进</option>
<option value="2" selected="selected">2个空格缩进</option>
<option value="4">4个空格缩进</option>
<option value="8">8个空格缩进</option>
</select>
</td>
</tr>
<tr>
<td>
<input id="beautify" type="button" onclick="return do_js_beautify()" value="格式化" style="font-family:华文行楷;width:80px">
</td>
</tr>
<tr>
<td>
<input onclick="pack_js(0)" type="button" value="普通压缩" style="font-family:华文行楷;width:80px">
</td>
</tr>
<tr>
<td>
<input onclick="pack_js(1)" type="button" value="加密压缩" style="font-family:华文行楷;width:80px">
</td>
</tr>
<tr>
<td>
<input onclick="copy($('#content').val())" type="button" value="复 制" style="font-family:华文行楷;width:80px">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
javascript-HTML代码格式化工具
5星 · 超过95%的资源 需积分: 18 112 浏览量
2009-03-23
13:30:00
上传
评论
收藏 3.77MB RAR 举报 
.rar （18个子文件） 
代码格式化 
.project 219B imgs 
body_bg.gif 40KB
alter.png 628B table_bg.png 224KB textarea_bg.png 1.43MB textarea_bg2.png 1.78MB nog_bg.png 291B textarea_bg1.png 291KB JS-HTML格式化.htm 6KB js stat.js 244B base2-p.js 21KB HTML-Beautify.js 15KB mail.js 5KB beautify.js 18KB ajax.js 18KB beautify-tests.js 5KB packer-p.js 8KB jquery.js 54KB资源评论
zhuyelionet2014-05-15可以转换，但是对我的用处不大
xk13785222014-08-14ext格式是格式化了 就是不知道为什么复制到eclipse里面为什么会有错 纠结！！！！！！！
xiaoyuer2472012-11-19挺好的，网页形式的，很方便。背景有点不太专业，功能可以
栉风丶2014-08-10挺不错的。 网页版。
ch20091205042013-10-14页面做的十分原始，感觉功能也不大实用。。。
