スタイルシートが見難い

スタイルシートの記述で

body {
    background: #000;
    color: #fff;
    margin: 0;
}

↑こんな感じのを

body {
    background: #000;
    color     : #fff;
    margin    : 0;
}

このようにすると見易くなり、後々の変更などが楽だったので
そんな感じに書き換えるWSHのJScriptを書いた。

下記のjsにCSSが書かれているファイルをD&Dして変換。
但し、単純な内容でSJIS形式などの制限があるｗ
var param = WSH.arguments; if (param.count()) { var fso = WSH.createobject('scripting.filesystemobject'); var ropen, fread, wopen, r; for (r = 0; r < param.count(); r ++) { try { ropen = fso.opentextfile(param(r)); fread = ropen.readall(); ropen.close(); wopen = fso.opentextfile(param(r), 2); wopen.write(insSp(fread)); wopen.close(); } catch(e) {} } WSH.echo('完了'); fso = null; }; function insSp(text) { var arr_aft = text.split(/\}/); var str_inner = '', line_src, _chk, arr_src, str_src, arr_prop, str_trim; var _insSp = function(str, l) {return str + new Array((l - str.length) + 1).join(' ')}; var _lineChk = function(grp) { var len_max = 0; var arr_bef = []; var arr_line = grp.split(/\n/); return function(f) { for (var i in arr_line) { arr_prop = arr_line[i].split(/:/); if (arr_prop[1] && !/\{|,\s*$/.test(arr_line[i]) && !/http$/i.test(arr_prop[0])) { str_trim = arr_prop[0].replace(/\s+$/g, ''); if (f) { if (str_trim.length > len_max) len_max = str_trim.length; } else { arr_prop[0] = _insSp(str_trim, len_max); arr_prop[1] = ' ' + arr_prop[1].replace(/^\s+/g, ''); arr_line[i] = arr_prop.join(':'); } } if (!f) arr_bef.push(arr_line[i]); } if (f) arguments.callee(); return arr_bef; }; }; for (var s in arr_aft) { line_src = arr_aft[s]; if (/\w/.test(line_src)) { _chk = _lineChk(line_src); arr_src = _chk(1); str_src = arr_src.join('\n'); str_inner += str_src + (arr_src.length == 1 ? '}' : /\{.*\w/.test(str_src) ? '}' : !/\w/.test(arr_src[arr_src.length - 1]) ? '}' : '\n}'); } } return str_inner; };
ほとんどの空行は削除されるけど、敢えてそうしたわけでなく結果的にそうなった。
内容によっては崩れて使い物にならなくなるかもしれんので、バックアップは必至。
フォントもMSゴシックあたりでないと意味がなさそうｗ
いや、そうでもない。

9月28日 21:00 修正

• '}'の前にスペースがあった場合、変換後もスペースが入るようにしたつもり。

サクラエディタ用のマクロ

サクラエディタ用のマクロにしてみた。拡張子はjs。
選択範囲の単純なCSSコードを上記のように変換する。
instext(insSpCss(getselectedstring(0))); function insSpCss(text) { var arr_aft = text.split(/\}/); var str_inner = '', line_src, _chk, arr_src, str_src, arr_prop, str_trim; var _insSp = function(str, l) {return str + new Array((l - str.length) + 1).join(' ')}; var _lineChk = function(grp) { var len_max = 0; var arr_bef = []; var arr_line = grp.split(/\n/); return function(f) { for (var i in arr_line) { arr_prop = arr_line[i].split(/:/); if (arr_prop[1] && !/\{|,\s*$/.test(arr_line[i]) && !/http$/i.test(arr_prop[0])) { str_trim = arr_prop[0].replace(/\s+$/g, ''); if (f) { if (str_trim.length > len_max) len_max = str_trim.length; } else { arr_prop[0] = _insSp(str_trim, len_max); arr_prop[1] = ' ' + arr_prop[1].replace(/^\s+/g, ''); arr_line[i] = arr_prop.join(':'); } } if (!f) arr_bef.push(arr_line[i]); } if (f) arguments.callee(); return arr_bef; }; }; for (var s in arr_aft) { line_src = arr_aft[s]; if (/\w/.test(line_src)) { _chk = _lineChk(line_src); arr_src = _chk(1); str_src = arr_src.join('\n'); str_inner += str_src + (arr_src.length == 1 ? '}' : /\{.*\w/.test(str_src) ? '}' : !/\w/.test(arr_src[arr_src.length - 1]) ? '}' : '\n}'); } } return str_inner; };

追記 修正

08/10/07 18:00 修正

• WSHとサクラエディタのマクロの両方、↓不備があったので書き直しました。

color: #000; margin: 0;
　　　　↓
color: #000; margin:  0;
横並びがある場合、2個目以降の':'にスペースが入ってしまってた。
08/11/01 修正
-改行の理解が間違っており、区切り方がおかしかった様子。結果、空白行が削除されなくなった。