ubuntu 杀死进程
2015-07-03 09:29
344 查看
CSS代码格式化工具
css代码格式化工具可以:压缩代码,格式(多行),格式(单行),还原代码。
便于优化,节省空间
以下为源码:
-------------------------------------
本文出自 “wennuanyiran” 博客,转载请与作者联系!
css代码格式化工具可以:压缩代码,格式(多行),格式(单行),还原代码。
便于优化,节省空间
以下为源码:
-------------------------------------
<!DOCTYPE html > <html> <head> <meta charset="UTF-8"> <title>css格式化工具</title> <style type="text/css"> html,body,form,fieldset,textarea { height:100%; margin:0; padding:0; border:0; font-size:10pt; background:#eee; } form { margin:0 1%; overflow:hidden; } legend { line-height:3em; font-weight:bolder; } button { float:left; margin:1% 1% 0 0; cursor:pointer; } textarea { width:100%; height:20em; border:1px solid #ccc; display:block; background:#fff; } </style> </head><body> <form action="" onsubmit="return false"> <fieldset> <legend>css格式化工具</legend> <textarea name="" rows="" cols="" id="codeText">body * { font-size:10pt; }/* ss sda */ p { clear:left; padding:5px 10px; } td , fieldset {padding: 10px; } textarea { width:90%; height:10em; } </textarea> <button type="button" onclick="$('codeText').value=code.A();">压缩代码</button> <button type="button" onclick="$('codeText').value=code.B();">格式(多行)</button> <button type="button" onclick="$('codeText').value=code.C();">格式(单行)</button> <button type="button" onclick="$('codeText').value=code.Z();">还原代码</button> </fieldset> </form> <script type="text/javascript"> function $(id){return document.getElementById(id);} function codeZip(obj){ this.S=function(){ var code=obj.value; if(!this.codeZ||this.codeZ=="")this.codeZ=code; code=code.replace(/(\n|\t|\s)*/ig,'$1'); code=code.replace(/\n|\t|\s(\{|\}|\,|\:|\;)/ig,'$1'); code=code.replace(/(\{|\}|\,|\:|\;)\s/ig,'$1'); return code; } this.A=function(){ var code=this.S(); return code; } this.B=function(){ var code=this.S(); code=code.replace(/(\{)/ig,' $1'); code=code.replace(/(\{|\;)/ig,'$1\n\t'); code=code.replace(/\t*(\})/ig,'$1\n'); code=code.replace(/(\*\/)/ig,'$1\n'); return code; } this.C=function(){ var code=this.S(); code=code.replace(/(\})/ig,'$1\n'); code=code.replace(/(\*\/)/ig,'$1\n'); return code; } this.Z=function(){ return (this.codeZ)?this.codeZ:obj.value; } var my=this; obj.onkeydown=function(){ my.codeZ=""; } } var code=new codeZip($('codeText')); </script> </body> </html>
本文出自 “wennuanyiran” 博客,转载请与作者联系!
相关文章推荐
- 详解SQLite中的数据类型
- 7、mv命令
- 织梦取文章内图片做缩略图
- 联网查看图片的Demo
- 重踏学习Java路上_Day16(List的子类,泛型,增强for循环,静态导入,可变参数)
- ospf
- Maven Tomcat7自动部署
- python插入排序算法实例分析
- 随机森林和GBDT的几个核心问题
- 手势识别技术的一个简介 转载
- 正则表达 中文下 gbk utf-8 的区别
- hibernate配置文件hibernate.cfg.xml的详细解释
- 哈希表的总结
- 教你写Linux设备驱动程序:一个简短的教程
- iOS项目开发—TTS技术的实现即语音播报(实现方法一)
- HTML 表单(form) 使用详解
- C++动态数组
- 智能手机背后隐藏的第二系统——RTOS
- jQuery 相关网站
- objective-c中property 的属性strong,weak, retain, copy