搜索到
5
篇与
的结果
-
-
CSS横竖排格式化工具 每次扒皮，发现好多CSS代码是横写着的，可我喜欢竖着看，发现网上有这样的工具，赶紧收集一份先。 演示地址：https://cmsblog.cn/pp/css.html 源码如下： <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css横排竖排工具</title> <style> .toolarea {width:800px;height:300px;outline:none;padding:10px;border:5px solid #ddd;} .bt {width:150px;height:40px;} </style> </head> <body> <!-- /工具开始 --> <script language=JavaScript> <!-- function $() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element == 'string') element = document.getElementById(element); if (arguments.length == 1) return element; elements.push(element); } return elements; } function CSSencode(code){ code = code.replace(/\r\n/ig,''); code = code.replace(/(\s){2,}/ig,'$1'); code = code.replace(/\t/ig,''); code = code.replace(/\n\}/ig,'\}'); code = code.replace(/\n\{\s*/ig,'\{'); code = code.replace(/(\S)\s*\}/ig,'$1\}'); code = code.replace(/(\S)\s*\{/ig,'$1\{'); code = code.replace(/\{\s*(\S)/ig,'\{$1'); return code; } function CSSdecode(code){ code = code.replace(/(\s){2,}/ig,'$1'); code = code.replace(/(\S)\s*\{/ig,'$1 {'); code = code.replace(/\*\/(.[^\}\{]*)}/ig,'\*\/\n$1}'); code = code.replace(/\/\*/ig,'\n\/\*'); code = code.replace(/;\s*(\S)/ig,';\n\t$1'); code = code.replace(/\}\s*(\S)/ig,'\}\n$1'); code = code.replace(/\n\s*\}/ig,'\n\}'); code = code.replace(/\{\s*(\S)/ig,'\{\n\t$1'); code = code.replace(/(\S)\s*\*\//ig,'$1\*\/'); code = code.replace(/\*\/\s*([^\}\{]\S)/ig,'\*\/\n\t$1'); code = code.replace(/(\S)\}/ig,'$1\n\}'); code = code.replace(/(\n){2,}/ig,'\n'); code = code.replace(/:/ig,':'); code = code.replace(/ /ig,' '); return code; } //--> </script> <div style="width:820px;margin:0 auto;"> <h3>css格式化工具</h3> <textarea class="toolarea" id="code"></textarea><br/><br/> <input class="bt lvse" onclick="$('code').value = CSSencode($('code').value);" value="横排" type="button" /> <input class="bt lanse" onclick="$('code').value = CSSdecode($('code').value);" value="竖排" type="button" /> </div> </body> </html>
-
论坛转贴工具在线版 以前经常逛论坛，转贴子，有个论坛转贴工具在手，神马都变简单了。关键是代码可以变简洁了。在线网址:https://cmsblog.cn/pp/zt.html源码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>论坛转帖工具</title> <script language=javascript> <!-- function SymError() { return true; } window.onerror = SymError; //--> </script> <script language="javascript1.2"> function delnull(){ var str=document.getElementById('text').value; str=str.replace(/([\s]*\r\n[\s]*){2,}/gm,"\r\n"); document.getElementById('text').value=str; } function refix(){ var str=document.getElementById('text').value; str=str.replace(/([\s]*\r\n[\s]*){2,}/gm,"\r\n\r\n"); document.getElementById('text').value=str; } function url(){ var str=document.getElementById('text').value; str=str.replace(/^[ ]*(http:\/\/|^mms:\/\/|rtsp:\/\/|pnm:\/\/|ftp:\/\/|mmst:\/\/|mmsu:\/\/)([^\r\n]*)$/igm,"[url]$1$2[/url]"); document.getElementById('text').value=str; } function addbr(){ var str=document.getElementById('text').value; str=str.replace(/\r\n/gm,"\r\n\r\n"); document.getElementById('text').value=str; } function html_trans(str){ str = str.replace(/\r/g,""); str = str.replace(/on(load|click|dbclick|mouseover|mousedown|mouseup)=("|')?[^>]+?\2(?: |>)/ig,""); str = str.replace(/<script[^>]*?>([\w\W]*?)<\/script>/ig,""); if(set.fontbash.checked){ str = str.replace(/<span[^>]*?display\s*?:\s*?none[^>]*?>([\w\W]*?)<\/span>/ig,""); str = str.replace(/<span[^>]*?font\s*?-\s*?size\s*?:\s*(0px|0pt)[^>]*?>([\w\W]*?)<\/span>/ig,""); str = str.replace(/<font([^>]+)(0px|0pt)+([^>]*)>([\w\W]*?)<\/font>/ig,""); } if(set.filtrate.checked){ str = str.replace(/[^<]*<([^>]*?)>[^<]*/ig,"<$1>"); var re = /<img[^>]+src=("|')?([^>]+?)\1[^>]*>/gi //var re = new RegExp(strtm,"ig"); str = str.replace(re,"[img]$2[/img]\r\n\r\n"); } else{ if(set.stext.checked) str = str.replace(/[^<]*<([^>]*?)>[^<]*/ig,"<$1>"); if(!set.linka.checked) str = str.replace(/<a[^>]+href=[" ]?([^"]+)[" ]?[^>]*>(.*?)<\/a>/ig,"[url=$1]$2[/url]"); if(!set.font_color.checked&&!set.stext.checked) str = str.replace(/<font([^>]+)color=([^ >]+)([^>]*)>(.*?)<\/font>/ig,"[color=$2]<font$1$3>$4</font>[/color]"); if(!set.font_size.checked&&!set.stext.checked) str = str.replace(/<font([^>]+)size=([^ >]+)([^>]*)>(.*?)<\/font>/ig,"[size=$2]<font$1$3>$4</font>[/size]"); if(!set.font_face.checked&&!set.stext.checked) str = str.replace(/<font[^>]+face=([^ >]+)[^>]*>(.*?)<\/font>/ig,"[font=$1]$2[/font]"); if(!set.img.checked) str = str.replace(/<img[^>]+src=[" ]?([^"]+)[" ]?[^>]*>/ig,"\n[img]$1[/img]\n"); if(!set.odj.checked){ str = str.replace(/<object[^>]*?6BF52A52\-394A\-11d3\-B153\-00C04F79FAA6[^>]*?>.*<param[^>]+name\s*=\s*["](url|src)["][^>]+value=[" ]?([^"]+)[" ][^>]*>.*<\/object>/ig,"\n[wmv]$2[/wmv]\n"); str = str.replace(/<object[^>]*?D27CDB6E\-AE6D\-11cf\-96B8\-444553540000[^>]*?>.*<param[^>]+name\s*=\s*["](url|src)["][^>]+value=[" ]?([^"]+)[" ][^>]*>.*<\/object>/ig,"\n[swf]$2[/swf]\n"); str = str.replace(/<embed[^>]*type=["]?application\/x\-shockwave\-flash["]?[^>]*src=[" ]?([^"|^ ]+)[" ]?[^>]*>/ig,"\n[swf]$1[/swf]\n"); str = str.replace(/<embed[^>]*src=["]?([^"|^ ]+)["]?[^>]*type=["]?application\/x\-shockwave\-flash["]?[^>]*>/ig,"\n[swf]$1[/swf]\n"); str = str.replace(/<object[^>]*?CFCDAA03\-8BE4\-11cf\-B84B\-0020AFBBCCFA[^>]*?>.*<param[^>]+name\s*=\s*["](url|src)["][^>]+value=[" ]?([^"]+)[" ][^>]*>.*<\/object>/ig,"\n[rm]$2[/rm]\n"); } if(!set.font_b.checked&&!set.stext.checked){ str = str.replace(/<([\/]?)b>/ig,"[$1b]"); str = str.replace(/<([\/]?)strong>/ig,"[$1b]");} if(!set.font_u.checked&&!set.stext.checked) str = str.replace(/<([\/]?)u>/ig,"[$1u]"); if(!set.font_i.checked&&!set.stext.checked) str = str.replace(/<([\/]?)i>/ig,"[$1i]"); str = str.replace(/ /g," "); str = str.replace(/&/g,"&"); str = str.replace(/"/g,"\""); str = str.replace(/</g,"<"); str = str.replace(/>/g,">"); } str = str.replace(/<br>/ig,"\n"); str = str.replace(/<p[^>]*?>/ig,"\n\n"); str = str.replace(/<[^>]*?>/g,""); str = str.replace(/\[url=([^\]]+)\]\n(\[img\]\1\[\/img\])\n\[\/url\]/g,"$2"); str = str.replace(/\n+/g,"\n"); return str; } function copycode(obj){ obj.select(); objcopy=obj.createTextRange(); objcopy.execCommand("Copy"); } function trans(){ var str = ""; rtf.focus(); rtf.document.body.innerHTML = ""; rtf.document.execCommand("paste"); str = rtf.document.body.innerHTML; if(str.length == 0) { alert("剪贴版不存在超文本数据！"); return ""; } return html_trans(str); } function preview(){ var s = document.getElementById('text').value; var prewin=window.open("","",""); prewin.document.write(bbcode2html(s)); } function zhen(str){ strfound=str.replace(/\\/ig,"\\\\"); strfound=strfound.replace(/\[/ig,"\\["); strfound=strfound.replace(/\]/ig,"\\]"); strfound=strfound.replace(/\{/ig,"\\{"); strfound=strfound.replace(/\}/ig,"\\}"); strfound=strfound.replace(/\|/ig,"\\|"); strfound=strfound.replace(/\//ig,"\\/"); strfound=strfound.replace(/\^/ig,"\\^"); strfound=strfound.replace(/\./ig,"\\."); strfound=strfound.replace(/\*/ig,"\\*"); strfound=strfound.replace(/\?/ig,"\\?"); strfound=strfound.replace(/\+/ig,"\\+"); return strfound; } function replace_star(){ var str=document.getElementById('text').value; if(!reg.checked) strfound=zhen(find_text.value); else strfound=find_text.value; var re = new RegExp(strfound,"ig"); str=str.replace(re,replace_text.value); document.getElementById('text').value=str; } </script> </head> <body> <table cellspacing="0" cellpadding="0" width="770" align="center" border="0"> <tr valign="bottom" align="left"> <td class="title" align="left"><b>cmsblog.cn 沉默的博客</b></td> <td class="smenu" align="right"><a class="white" href="https://cmsblog.cn" target="_blank"><b>沉默的博客</b></a></td> </tr> <tr valign="top" align="left"> <td colspan="2"> <hr width="100%" size="1"> </td> </tr> </table> <br/> <table border="1" bordercolor="#6699CC" cellspacing="0" width="700" align="center" cellpadding="2"> <tr height=10><td bgcolor="#6699CC" align="center"><font color="#FFFFFF"><b>论坛转帖工具</b></font> <a class="a1" href="javascript:window.external.addfavorite('https://cmsblog.cn/pp/zt.html', '论坛转帖工具')">←【加入收藏夹】</a></td></tr> <tr> <td align=middle bgcolor=#f6f6f6> <textarea class=textarea onbeforepaste="if(document.getElementById('x_paste').checked){window.clipboardData.setData('text',trans());this.focus();}" id=text style="width:580px;height:200px" name=textarea rows=1 cols=100></textarea> <iframe id=rtf style="width:0px;height:0px" marginWidth=0 marginHeight=0 src="about:blank" scrolling=no></iframe> <label for=x_paste></label> <table borderColor=#f6f6f6 cellSpacing=1 width=600 align=center border=0> <tr valign=center align=middle> <td width=80 height=44><input style="width:80px;height:40px" onclick="document.getElementById('text').value += trans();" type=button value=转换(追加) name=button></td> <td width=80><input style="width:80px;height:40px" onclick="document.getElementById('text').value = trans()" type=button value=转换(覆盖) name=button></td> <td width=85><input style="width:95px;height:40px" onclick=copycode(window.text) type=button value=复制到剪贴板></td> <td width=85> <table cellSpacing=2 cellPadding=0 width=0 border=0> <tr> <td><input style="width:85px;height:20px" onclick="preview()" type="button" value="预览帖子"></td> </tr> <tr> <td><input style="width:85px;height:20px" onclick="document.getElementById('text').value=''" type=button value="清空内容"></td> </tr> </table> </td> <td width=170> <table cellSpacing=2 cellPadding=0 width="100%" border=0> <tr> <td><input title="自动分析所有超链接，并转换成超链接格式 注意：超链接必须单独在一行中！" style="width:80px;" onclick=url() type=button value=分析超链接 name=Submit></td> <td><input title="紧凑格式，删除所有空行" style="width:80px;" onclick=delnull() type=button value=清除空行 name=Submit></td> </tr> <tr> <td><input title="清除多余的空行，保持最一个空行" style="width:80px;" onclick=refix() type=button value=清除多余 name=Submit></td> <td><input title="为每一行（包括空行）增加一空行" style="width:80px;" onclick=addbr() type=button value=增加空行 name=Submit></td> </tr> </table> </td> </tr> </table> <table cellSpacing=5 cellPadding=0 width=620 border=0> <form name=set> <tr align="left"> <td title=转换的结果中将不含有图片信息 width="120" height=20><label for=img><input id=img type=checkbox>屏蔽图片</label></td> <td title=转换的结果中将不含有链接信息 width="120"><label for=linka><input id=linka type=checkbox>屏蔽超链接</label></td> <td title=转换的结果中将不含音频、视频、FLASH等信息 width="120"><label for=odj><input id=odj type=checkbox>屏蔽对象</label></td> <td title=转换的结果中将不含文本信息，同时字体属性将被自动屏蔽 width="120"><label for=stext><input id=stext type=checkbox>屏蔽文字</label></td> <td title="为了方便帖子的阅读，强制把图片用空行隔开" width="120"><label for=filtrate><input id=filtrate onclick="if(this.checked)window.base_url.style.display='block';else window.base_url.style.display='none';" type=checkbox>启用图片过滤</label></td> </tr><tr align="left"> <td title=屏蔽所有定字体相关的属性><label for=font><input id=font onclick=font_color.checked=this.checked;font_size.checked=this.checked;font_face.checked=this.checked;font_b.checked=this.checked;font_i.checked=this.checked;font_u.checked=this.checked; type=checkbox>屏蔽字体属性</label></td> <td title=屏蔽所有定字体相关的属性><label><input id=fontbash type=checkbox CHECKED value=checkbox>屏蔽干扰码</label></td> <td title=转换的结果中将不含有字体颜色信息><label for=font_color><input id=font_color type=checkbox>屏蔽字颜色</label></td> <td title=转换的结果中将不含有字体尺寸信息><label for=font_size><input id=font_size type=checkbox>屏蔽字体尺寸</label></td> <td title=转换的结果中将不含有字体类型信息><label for=font_face><input id=font_face type=checkbox>屏蔽字体类型</label></td> </tr><tr align="left"> <td title=转换的结果中将不含有粗体信息><label for=font_b><input id=font_b type=checkbox>屏蔽粗体</label></td> <td title=转换的结果中将不含有斜体信息><label for=font_i><input id=font_i type=checkbox>屏蔽斜体</label></td> <td title=转换的结果中将不含有下划线信息><label for=font_u><input id=font_u type=checkbox>屏蔽下划线</label></td> <td> </td> <td> </td> </tr> </form> </table> <table id="base_url" style="display: none;" border="0" cellpadding="2" cellspacing="0" width="100%"> <tr> <td align="left" style="padding-left:30px"><font color="#006600">仅保留图片，图片之间换行隔开</font><hr color="#000000" size="1" width="100%"> </td> </tr> </table> <table borderColor=#efefef cellSpacing=2 cellPadding=2 width=600 bgcolor=#f6f6f6 border=0> <tr> <td>查找 <input id=find_text size=36 name=find_text></td> <td width="60"><input onclick="set.reset();find_text.value='';replace_text.value='';window.textfield.value='';" type=button value=恢复默认 name=submit></td> <td width="140" rowspan=2 align=middle><label for=reg><input id=reg type=checkbox checked value=1 name=reg>使用正则语法</label></td> </tr> <tr> <td>替换 <input id=replace_text size=36 name=replace_text></td> <td><input onclick=replace_star() type=button value="开始替换" name=submit></td> </tr> </table> </td> </tr> <tr bgcolor=#f8f8f8> <td> <table cellSpacing=0 cellPadding=0 width=600 align=center border=0> <tr> <td><p><b>转贴工具使用说明：</b><br> 1.在网页中拖动鼠标选中你想要的图片或文字，然后鼠标右键“复制(C)”或按Ctrl+C。<br> 2.进入该页面，直接按下“转换（追加）”或者“转换（覆盖）”。<br> 3.点击“复制到剪贴板”,将代码复制到剪贴板。<br> 4.进入论坛发贴页面，鼠标右键“粘贴(P)”或按Ctrl+V将帖子内容复制到帖子内容框。</p> </td> </tr> </table> </td> </tr> </table> <script> rtf.document.designMode="On"; </script> <br> </body> </html>
-
轻量截图工具：ScreenSnag v1.3正式版下载 谈到桌面上的截图工具，同类产品有很多，甚至输入法都加入了截图功能，但是论智能化以及功能操作来看，国外的ScreenSnag轻量级截图工具更甚一筹。近期迎来了1.3最新版，欢迎大家下载尝鲜，软件只有1.5MB大小，虽然是英文版，但丰富的设置，以及简洁的界面，还是会让你心动。ScreenSnag v1.3软件功能：• 截图区域：支持全屏截图、窗口截图和区域截图• 截图方式：支持使用自定义热键或者鼠标手动完成• 加入定时截图的选项，类似定时照相的功能，告别误操作的历史• 我的截图配置我做主，支持保存当前自定义的截图配置• 其他也支持给图片加入文字、边框、比例大小、音效等效果• 更多的功能，等你来挖掘！ScreenSnag v1.3软件下载：（1.5MB）支持Windows XP、Vista、Win7、Win8、Win8.1等平台，英语版IT之家提醒：默认截图目录存放在当前用户/图片文件夹内
-
12款优秀的 Twitter Bootstrap 组件和工具 Bootstrap 是基于 HTML，CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档，Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。 Bootstrap 的口号是 Designed for everyone, everywhere.（适用于任何场景，适用于每一个人），主要有以下特色：支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 jQuery 插件等等。Bootstrap 已经足够强大，能够实现各种形式的 Web 界面。为了能够充分利用 Bootstrap 的强大功能，下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。 jQuery UI Bootstrap这个 jQuery UI 主题，对于 jQuery 的使用者来说是个非常好的资源，能够把 Bootstrap 的清爽界面组件引入到 jQuery UI 中。 Bootstrap Image GalleryBootstrap Image Gallery 是 Bootstrap 模态对话框的一个扩展，用于实现相册浏览功能，支持按键导航，幻灯片展示以及全屏浏览。 jQuery Mobile Bootstrap Theme和 jQuery UI 主题类似，这是一个基于 Twitter Bootstrap 的 jQuery Mobile 主题，让你的移动应用用上 Bootstrap 界面。 Colorpicker and Datepicker for BootstrapTwitter Bootstrap 有非常多的内置 jQuery 插件，但是没有颜色选择器和日期选择器，这个插件是个非常好的补充。 StyleBootstrap.infoTwitter Bootstrap 提供了定义好的几种界面风格，如果你想有更多更个性化的配色的话，这个工具可以帮上你的大忙。 Beautiful Buttons for Bootstrappers清爽漂亮的按钮是 Twitter Bootstrap 最吸引人的特色之一，这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。 BootswatchTwitter Bootstrap 的默认主题已经非常漂亮了，但是如果你想有一个与众不同的外观，那么这个主题选择工具可以帮助到你。 Fbootsrapp相当于 Twitter Bootstrap的一个 Facebook 主题，包含表单、按钮、表格、导航等等 Facebook 风格的界面组件。 Bootstrap Fireworks对于使用 Fireworks 进行界面设计朋友，Bootstrap Fireworks 非常有用，它提供了一组矢量图形。 Django Bootstrap Toolkit这个一个把 Django 和 Twitter Bootstrap 集合起来使用的工具包，相信 Django 的粉丝们会喜欢。 Bootstrap PSD这个设计套件包含 Twitter Bootstrap 所有的基本组件的 PSD 源文件，包括字体、按钮、网格和导航等等。 BootstrapWP如果你的 WordPress 博客也想换上 Twitter Bootstrap 界面的话，这个 WordPress 主题就是你需要的。 下面列出了更多基于 Twitter Bootstrap 的 WordPress 主题： Roots Theme Bootstrap Bootstrap for WordPress Bootstrap for WP StrapPress WPBS
