<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代码格式化工具
共18个文件
js:9个
png:6个
project:1个
5星 · 超过95%的资源 需积分: 18 59 下载量 159 浏览量
2009-03-23
13:30:00
上传
评论
收藏 3.77MB RAR 举报
温馨提示
在网上下载的很多javascript代码或者html代码,大多都是经过压缩过的,很难看懂,但是别怕,因为现在有了“javascript-HTML代码专业格式化工具”--------------------------------赶快了下载吧!
资源推荐
资源详情
资源评论
收起资源包目录
.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
共 18 条
- 1
资源评论
- zhuyelionet2014-05-15可以转换,但是对我的用处不大
- xk13785222014-08-14ext格式是格式化了 就是不知道为什么复制到eclipse里面为什么会有错 纠结!!!!!!!
- xiaoyuer2472012-11-19挺好的,网页形式的,很方便。背景有点不太专业,功能可以
- 栉风丶2014-08-10挺不错的。 网页版。
- ch20091205042013-10-14页面做的十分原始,感觉功能也不大实用。。。
forestsea
- 粉丝: 112
- 资源: 74
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 清明节班会课课件重置版更新
- mqtt客户端,适合初学者参考,使用的是mqttnet三方包
- 戴尔 latitude 5400 chromebook
- 基于单片机数显照度计的设计
- 全文检索使用国产达梦数据库实现全文检索的详细说明和实践探索
- SRS-CentOS7-x86-64-5.0-r1.zip
- 全文检索使用ElasticSearch实现全文检索的详细说明和实践探索
- Python《基于TensorFlow的人脸识别(面部表情识别)卷积神经网络 》+源代码+文档说明
- Python《利用bert预训练的中文模型进行文本分类 数据集中文情感分析语料》+源代码+文档说明
- Keil MDK主题美化和代码美化
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功