400 lines
13 KiB
JavaScript
400 lines
13 KiB
JavaScript
var level = 0;
|
|
var LOOP_SIZE = 100;
|
|
$("pre").hide();
|
|
function finishTabifier(code) {
|
|
code = code.replace(/\n\s*\n/g, '\n'); //blank lines
|
|
code = code.replace(/^[\s\n]*/, ''); //leading space
|
|
code = code.replace(/[\s\n]*$/, ''); //trailing space
|
|
var highCode = hljs.highlightAuto(code).value;
|
|
$("pre").show();
|
|
$('#result').html(highCode);
|
|
level = 0;
|
|
}
|
|
|
|
function cleanHTML(code) {
|
|
var i = 0;
|
|
function cleanAsync() {
|
|
var iStart = i;
|
|
for (; i < code.length && i < iStart + LOOP_SIZE; i++) {
|
|
point = i;
|
|
|
|
//if no more tags, copy and exit
|
|
if (-1 == code.substr(i).indexOf('<')) {
|
|
out += code.substr(i);
|
|
finishTabifier(out);
|
|
return;
|
|
}
|
|
|
|
//copy verbatim until a tag
|
|
while (point < code.length && '<' != code.charAt(point)) point++;
|
|
if (i != point) {
|
|
cont = code.substr(i, point - i);
|
|
if (!cont.match(/^\s+$/)) {
|
|
if ('\n' == out.charAt(out.length - 1)) {
|
|
out += tabs();
|
|
} else if ('\n' == cont.charAt(0)) {
|
|
out += '\n' + tabs();
|
|
cont = cont.replace(/^\s+/, '');
|
|
}
|
|
cont = cont.replace(/\s+/g, ' ');
|
|
out += cont;
|
|
} if (cont.match(/\n/)) {
|
|
out += '\n' + tabs();
|
|
}
|
|
}
|
|
start = point;
|
|
|
|
//find the end of the tag
|
|
while (point < code.length && '>' != code.charAt(point)) point++;
|
|
tag = code.substr(start, point - start);
|
|
i = point;
|
|
|
|
//if this is a special tag, deal with it!
|
|
if ('!--' == tag.substr(1, 3)) {
|
|
if (!tag.match(/--$/)) {
|
|
while ('-->' != code.substr(point, 3)) point++;
|
|
point += 2;
|
|
tag = code.substr(start, point - start);
|
|
i = point;
|
|
}
|
|
if ('\n' != out.charAt(out.length - 1)) out += '\n';
|
|
out += tabs();
|
|
out += tag + '>\n';
|
|
} else if ('!' == tag[1]) {
|
|
out = placeTag(tag + '>', out);
|
|
} else if ('?' == tag[1]) {
|
|
out += tag + '>\n';
|
|
} else if (t = tag.match(/^<(script|style)/i)) {
|
|
t[1] = t[1].toLowerCase();
|
|
tag = cleanTag(tag);
|
|
out = placeTag(tag, out);
|
|
end = String(code.substr(i + 1)).toLowerCase().indexOf('</' + t[1]);
|
|
if (end) {
|
|
cont = code.substr(i + 1, end);
|
|
i += end;
|
|
out += cont;
|
|
}
|
|
} else {
|
|
tag = cleanTag(tag);
|
|
out = placeTag(tag, out);
|
|
}
|
|
}
|
|
if (i < code.length) {
|
|
setTimeout(cleanAsync, 0);
|
|
} else {
|
|
finishTabifier(out);
|
|
}
|
|
}
|
|
|
|
var point = 0, start = null, end = null, tag = '', out = '', cont = '';
|
|
cleanAsync();
|
|
}
|
|
|
|
function tabs() {
|
|
var s = '';
|
|
for (var j = 0; j < level; j++) s += '\t';
|
|
return s;
|
|
}
|
|
|
|
function cleanTag(tag) {
|
|
var tagout = '';
|
|
tag = tag.replace(/\n/g, ' '); //remove newlines
|
|
tag = tag.replace(/\s*=\s*/g, '='); //remove spaces around =
|
|
tag = tag.replace(/[\s]{2,}/g, ' '); //collapse whitespace
|
|
tag = tag.replace(/^\s+|\s+$/g, ' '); //collapse whitespace
|
|
var suffix = '';
|
|
if (tag.match(/\/$/)) {
|
|
suffix = '/';
|
|
tag = tag.replace(/\/+$/, '');
|
|
}
|
|
var m, partRe = /\s*([^= ]+)(?:=((['"']).*?\3|[^ ]+))?/;
|
|
while (m = partRe.exec(tag)) {
|
|
if (m[2]) {
|
|
tagout += m[1].toLowerCase() + '=' + m[2];
|
|
} else if (m[1]) {
|
|
tagout += m[1].toLowerCase();
|
|
}
|
|
tagout += ' ';
|
|
|
|
// Why is this necessary? I thought .exec() went from where it left off.
|
|
tag = tag.substr(m[0].length);
|
|
}
|
|
return tagout.replace(/\s*$/, '') + suffix + '>';
|
|
}
|
|
|
|
/////////////// The below variables are only used in the placeTag() function
|
|
/////////////// but are declared global so that they are read only once
|
|
//opening and closing tag on it's own line but no new indentation level
|
|
var ownLine = ['area', 'body', 'head', 'hr', 'i?frame', 'link', 'meta',
|
|
'noscript', 'style', 'table', 'tbody', 'thead', 'tfoot'];
|
|
|
|
//opening tag, contents, and closing tag get their own line
|
|
//(i.e. line before opening, after closing)
|
|
var contOwnLine = ['li', 'dt', 'dt', 'h[1-6]', 'option', 'script'];
|
|
|
|
//line will go before these tags
|
|
var lineBefore = new RegExp(
|
|
'^<(/?' + ownLine.join('|/?') + '|' + contOwnLine.join('|') + ')[ >]'
|
|
);
|
|
|
|
//line will go after these tags
|
|
lineAfter = new RegExp(
|
|
'^<(br|/?' + ownLine.join('|/?') + '|/' + contOwnLine.join('|/') + ')[ >]'
|
|
);
|
|
|
|
//inside these tags (close tag expected) a new indentation level is created
|
|
var newLevel = ['blockquote', 'div', 'dl', 'fieldset', 'form', 'frameset',
|
|
'map', 'ol', 'p', 'pre', 'select', 'td', 'th', 'tr', 'ul'];
|
|
newLevel = new RegExp('^</?(' + newLevel.join('|') + ')[ >]');
|
|
function placeTag(tag, out) {
|
|
var nl = tag.match(newLevel);
|
|
if (tag.match(lineBefore) || nl) {
|
|
out = out.replace(/\s*$/, '');
|
|
out += "\n";
|
|
}
|
|
|
|
if (nl && '/' == tag.charAt(1)) level--;
|
|
if ('\n' == out.charAt(out.length - 1)) out += tabs();
|
|
if (nl && '/' != tag.charAt(1)) level++;
|
|
|
|
out += tag;
|
|
if (tag.match(lineAfter) || tag.match(newLevel)) {
|
|
out = out.replace(/ *$/, '');
|
|
out += "\n";
|
|
}
|
|
return out;
|
|
}
|
|
|
|
function cleanCSS(code) {
|
|
var i = 0, instring = false, incomment = false, c, cp;
|
|
function cleanAsync() {
|
|
var iStart = i;
|
|
for (; i < code.length && i < iStart + LOOP_SIZE; i++) {
|
|
c = code.charAt(i);
|
|
cp = null;
|
|
try {
|
|
cp = code.charAt(i + 1);
|
|
} catch (e) { }
|
|
|
|
if (incomment) {
|
|
if ('*' == c && '/' == cp) {
|
|
incomment = false;
|
|
out += '*/';
|
|
i++;
|
|
} else {
|
|
out += c;
|
|
}
|
|
} else if (instring) {
|
|
if (instring == c) {
|
|
instring = false;
|
|
}
|
|
out += c;
|
|
} else if ('/' == c && '*' == cp) {
|
|
incomment = true;
|
|
out += '/*';
|
|
i++;
|
|
} else if ('{' == c) {
|
|
level++;
|
|
out += ' {\n' + tabs();
|
|
} else if ('}' == c) {
|
|
out = out.replace(/\s*$/, '');
|
|
level--;
|
|
out += '\n' + tabs() + '}\n' + tabs();
|
|
} else if ('"' == c || "'" == c) {
|
|
if (instring && c == instring) {
|
|
instring = false;
|
|
} else {
|
|
instring = c;
|
|
}
|
|
out += c;
|
|
} else if (';' == c) {
|
|
out += ';\n' + tabs();
|
|
} else if ('\n' == c) {
|
|
out += '\n' + tabs();
|
|
} else {
|
|
out += c;
|
|
}
|
|
}
|
|
|
|
if (i < code.length) {
|
|
setTimeout(cleanAsync, 0);
|
|
} else {
|
|
level = li;
|
|
out = out.replace(/[\s\n]*$/, '');
|
|
finishTabifier(out);
|
|
}
|
|
}
|
|
|
|
if ('\n' == code[0]) code = code.substr(1);
|
|
code = code.replace(/([^\/])?\n*/g, '$1');
|
|
code = code.replace(/\n\s+/g, '\n');
|
|
code = code.replace(/[ ]+/g, ' ');
|
|
code = code.replace(/\s?([;:{},+>])\s?/g, '$1');
|
|
code = code.replace(/\{(.*):(.*)\}/g, '{$1: $2}');
|
|
|
|
var out = tabs(), li = level;
|
|
cleanAsync();
|
|
}
|
|
|
|
function cleanCStyle(code) {
|
|
var i = 0;
|
|
function cleanAsync() {
|
|
var iStart = i;
|
|
for (; i < code.length && i < iStart + LOOP_SIZE; i++) {
|
|
c = code.charAt(i);
|
|
|
|
if (incomment) {
|
|
if ('//' == incomment && '\n' == c) {
|
|
incomment = false;
|
|
} else if ('/*' == incomment && '*/' == code.substr(i, 2)) {
|
|
incomment = false;
|
|
c = '*/\n';
|
|
i++;
|
|
}
|
|
if (!incomment) {
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
c += tabs();
|
|
}
|
|
out += c;
|
|
} else if (instring) {
|
|
if (instring == c && // this string closes at the next matching quote
|
|
// unless it was escaped, or the escape is escaped
|
|
('\\' != code.charAt(i - 1) || '\\' == code.charAt(i - 2))
|
|
) {
|
|
instring = false;
|
|
}
|
|
out += c;
|
|
} else if (infor && '(' == c) {
|
|
infor++;
|
|
out += c;
|
|
} else if (infor && ')' == c) {
|
|
infor--;
|
|
out += c;
|
|
} else if ('else' == code.substr(i, 4)) {
|
|
out = out.replace(/\s*$/, '') + ' e';
|
|
} else if (code.substr(i).match(/^for\s*\(/)) {
|
|
infor = 1;
|
|
out += 'for (';
|
|
while ('(' != code.charAt(++i)); ;
|
|
} else if ('//' == code.substr(i, 2)) {
|
|
incomment = '//';
|
|
out += '//';
|
|
i++;
|
|
} else if ('/*' == code.substr(i, 2)) {
|
|
incomment = '/*';
|
|
out += '\n' + tabs() + '/*';
|
|
i++;
|
|
} else if ('"' == c || "'" == c) {
|
|
if (instring && c == instring) {
|
|
instring = false;
|
|
} else {
|
|
instring = c;
|
|
}
|
|
out += c;
|
|
} else if ('{' == c) {
|
|
level++;
|
|
out = out.replace(/\s*$/, '') + ' {\n' + tabs();
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
} else if ('}' == c) {
|
|
out = out.replace(/\s*$/, '');
|
|
level--;
|
|
out += '\n' + tabs() + '}\n' + tabs();
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
} else if (';' == c && !infor) {
|
|
out += ';\n' + tabs();
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
} else if ('\n' == c) {
|
|
out += '\n' + tabs();
|
|
} else {
|
|
out += c;
|
|
}
|
|
}
|
|
|
|
if (i < code.length) {
|
|
setTimeout(cleanAsync, 0);
|
|
} else {
|
|
level = li;
|
|
out = out.replace(/[\s\n]*$/, '');
|
|
finishTabifier(out);
|
|
}
|
|
}
|
|
|
|
code = code.replace(/^[\s\n]*/, ''); //leading space
|
|
code = code.replace(/[\s\n]*$/, ''); //trailing space
|
|
code = code.replace(/[\n\r]+/g, '\n'); //collapse newlines
|
|
|
|
var out = tabs(), li = level, c = '';
|
|
var infor = false, forcount = 0, instring = false, incomment = false;
|
|
cleanAsync();
|
|
}
|
|
|
|
function cleanJson(code) {
|
|
var i = 0;
|
|
function cleanAsync() {
|
|
var iStart = i;
|
|
for (; i < code.length && i < iStart + LOOP_SIZE; i++) {
|
|
c = code.charAt(i);
|
|
|
|
if (instring) {
|
|
if (instring == c && // this string closes at the next matching quote
|
|
// unless it was escaped, or the escape is escaped
|
|
('\\' != code.charAt(i - 1) || '\\' == code.charAt(i - 2))
|
|
) {
|
|
instring = false;
|
|
}
|
|
out += c;
|
|
} else if ('"' == c || "'" == c) {
|
|
if (instring && c == instring) {
|
|
instring = false;
|
|
} else {
|
|
instring = c;
|
|
}
|
|
out += c;
|
|
} else if ('{' == c || '[' == c) {
|
|
level++;
|
|
out += c + '\n' + tabs();
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
} else if ('}' == c || ']' == c) {
|
|
out = out.replace(/\s*$/, '');
|
|
level--;
|
|
if (!out.match(/({|\[)$/)) out += '\n' + tabs();
|
|
out += c;
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
} else if (',' == c) {
|
|
out += ',\n' + tabs();
|
|
while (code.charAt(++i).match(/\s/)); ; i--;
|
|
} else {
|
|
out += c;
|
|
}
|
|
}
|
|
|
|
if (i < code.length) {
|
|
setTimeout(cleanAsync, 0);
|
|
} else {
|
|
level = li;
|
|
out = out.replace(/[\s\n]*$/, '');
|
|
finishTabifier(out);
|
|
}
|
|
}
|
|
|
|
code = code.replace(/^[\s\n]*/, ''); //leading space
|
|
code = code.replace(/[\s\n]*$/, ''); //trailing space
|
|
code = code.replace(/[\n\r]+/g, '\n'); //collapse newlines
|
|
|
|
var out = tabs(), li = level, c = '';
|
|
var infor = false, forcount = 0, instring = false, incomment = false;
|
|
cleanAsync();
|
|
}
|
|
|
|
function Empty() { $("#content").val(""); $("#result").html(''); $("#content").select();$("pre").hide(); }
|
|
function runTabifier(lan) {
|
|
lan = (typeof(lan) == "undefined" || lan == '') ? "程序" : lan;
|
|
var msg ='请输入要格式化美化的'+lan+'代码';
|
|
var code = $("#content").val();
|
|
if (code) {
|
|
cleanCStyle(code);
|
|
}
|
|
else {
|
|
pcjson_com_msg($("#content"), msg);
|
|
}
|
|
} |