JavaScript代码着色器

作者：泣红亭来源：51js 时间：2010-01-22 15:53:00　

想要一个这玩意，可是找了网上许多着色器，要么是兼容性成问题，要么是匹配不精确，比如说：
1、注释里包含字符串、关键词，类似于：

/* xxxx function(这是关键词) "string" */

2、字符串中包含注释、关键词，类似于：

var str = "string function /*fdsaasfds*/ //fdsaff";

像这类匹配情况用正则似乎很难解决，可能是我比较笨吧，没想出来。

于是今天做了这么一个不怎么用正则的能够达到精确匹配着色的着色器，大家也一块玩玩吧

用法：请见示例代码

这东东现在暂时还很不完善，仅是一个试验性的作品，许多东西还没考虑齐全，

暂不做对其它C家族语言的支持，等没什么重大BUG出现之后我会再对其做调整

这是前两天的版本，存在字符串折行以及正则方面的BUG，不支持Number

<!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>jslib测试</title><style type="text/css">pre { color:black; }span.hl_js_kw { color: blue; font-weight:bold;}span.hl_js_mcm { color:gray; }span.hl_js_scm { color:gray; }span.hl_js_s { color:green; }span.hl_js_reg { color: red; }</style><script type="text/javascript">function $(id) {return document.getElementById(id);}function btn_click() {var formats = [];formats[CProgramSyntax.TYPE_KEYWORD] = { "start": "<span class=\"hl_js_kw\">", "end": "</span>" };formats[CProgramSyntax.TYPE_MUTILCOMMENT] = { "start": "<span class=\"hl_js_mcm\">", "end": "</span>" };formats[CProgramSyntax.TYPE_SINGLECOMMENT] = { "start": "<span class=\"hl_js_scm\">", "end": "</span>" };formats[CProgramSyntax.TYPE_STRING] = { "start": "<span class=\"hl_js_s\">", "end": "</span>" };formats[CProgramSyntax.TYPE_REGEXP] = { "start": "<span class=\"hl_js_reg\">", "end": "</span>" };var pre = $("codePre");var area = $("codeArea");var engine = new CProgramSyntax();var code = area.value.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");var dt = new Date();str = engine.parseSyntax(code, "js", formats);$("msg").innerHTML = "共有" + code.length + "个字符, 解析花时" + (new Date().getTime() - dt.getTime()) + "ms";str = str.replace(/^(\t+)/gm, function(m) {return (new Array(m.length + 1)).join("    ");});str = str.replace(/^( +)/gm, function(m) {return (new Array(m.length + 1)).join(" ");});str = str.replace(/\r?\n/g, "<br/>");pre.innerHTML = str;}window.onload = function() {$("btn").onclick = btn_click;}function CProgramSyntax() {var keywords = {"javascript": "Array|arguments|Boolean|Date|Enumerator|Error|Function|Global|Math|Number|Object|RegExp|String|break|delete|function|return|typeof|case|do|if|switch|var|catch|else|in|this|void|continue|false|instanceof|throw|while|debugger|finally|new|true|with|default|for|null|try|abstract|double|goto|native|static|boolean|enum|implements|package|super|byte|export|import|private|synchronized|char|extends|int|protected|throws|class|final|interface|public|transient|const|float|long|short|volatile","c#": "abstract|as|base|bool|break|byte|case|catch|char|checked|class|const|continue|decimal|default|delegate|do|double|else|enum|event|explicit|extern|false|finally|fixed|float|for|foreach|get|goto|if|implicit|in|int|interface|internal|is|lock|long|namespace|new|null|object|operator|out|override|params|private|protected|public|readonly|ref|return|sbyte|sealed|set|short|sizeof|stackalloc|static|string|struct|switch|this|throw|true|try|typeof|uint|ulong|unchecked|unsafe|ushort|using|virtual|void|while"}keywords["js"] = keywords["jscript"] = keywords["javascript"];keywords["cs"] = keywords["csharp"] = keywords["c#"];function findStringAndMutilComment(code, sflg, eflg, isCheck, checkChar) {var tmpAt = 0, tmpInt1 = 0, tmpInt2 = 0;var startIdx = -1, endIdx = -1;if (code.length < (sflg.length + eflg.length)) return null;while(true) {startIdx = code.indexOf(sflg, tmpAt);if (startIdx == -1) return null; // 找不着直接返回if (isCheck && startIdx > 0) {tmpInt1 = startIdx - 1;tmpInt2 = 0;while(code.charAt(tmpInt1--) == checkChar) tmpInt2++;if ((tmpInt2 ％ 2) == 1) {//是转义，寻找下一个开始tmpAt = startIdx + sflg.length;continue;} else {//已经找到了，直接跳出break;}}break;}// 同样的方法寻找结束tmpAt = startIdx + sflg.length;while(true) {endIdx = code.indexOf(eflg, tmpAt);if (endIdx == -1) return null; // 找不着直接返回if (isCheck && endIdx > 0) {tmpInt1 = endIdx - 1;tmpInt2 = 0;while(code.charAt(tmpInt1--) == checkChar) tmpInt2++;if ((tmpInt2 ％ 2) == 1) {//是转义，寻找下一个结束tmpAt = endIdx + eflg.length;continue;} else {//已经找到了，直接跳出break;}}break;}return [startIdx, endIdx];}function findSingleCmm(code) {var tmpAt = 0, tmpInt1 = 0, tmpInt2 = 0, tmpResult = null;var startIdx = -1, endIdx = -1, checkChar = "\\";if (code.length < 2) return null;while(true) {startIdx = code.indexOf("//", tmpAt);tmpInt1 = startIdx - 1;tmpInt2 = 0;if (startIdx == -1) return null; // 找不着直接返回while(code.charAt(tmpInt1--) == checkChar) tmpInt2++;if ((tmpInt2 ％ 2) == 1) {//是转义，寻找下一个开始tmpAt += 2;continue;} else {//已经找到了，直接跳出break;}break;}endIdx = code.indexOf("\n", startIdx + 2);if (endIdx == -1) {return [startIdx, code.length];} else {//var str = code.substr(startIdx, endIdx - startIdx);return [startIdx, endIdx];}}function findRegexp(code) {var tmpAt = 0, tmpInt1 = 0, tmpInt2 = 0, tmpResult = null, ch = null, tmpAt1 = 0, isContinue = false;var startIdx = -1, endIdx = -1, checkChar = "\\";if (code.length < 2) return null;while(true) {isContinue = false;startIdx = code.indexOf("/", tmpAt);if (startIdx == -1) return null; // 找不着直接返回switch(code.charAt(startIdx + 1)) {case null :case "\r":case "\n":case "*":case "/": {tmpAt = startIdx + 2;continue;}}try {tmpInt1 = startIdx - 1;tmpInt2 = 0;while(code.charAt(tmpInt1--) == checkChar) tmpInt2++;if ((tmpInt2 ％ 2) == 1) {//是转义，寻找下一个开始tmpAt = startIdx + 1;continue;} else {// 找到可能为合适的，寻找下一个tmpResult = code.indexOf("\n", startIdx + 1); //不允许在不同行if (tmpResult != -1) {tmpResult = code.substr(0, tmpResult);} else {tmpResult = code;}tmpAt1 = startIdx + 2;while(true) {endIdx = tmpResult.indexOf("/", tmpAt1);if (endIdx == -1) {tmpAt = tmpResult.length + 1;isContinue = true;break;}tmpInt1 = endIdx - 1;tmpInt2 = 0;while(code.charAt(tmpInt1--) == checkChar) tmpInt2++;if ((tmpInt2 ％ 2) == 1) {//是转义，寻找下一个开始tmpAt1 = endIdx + 1;continue;} else {break;}}if (isContinue) continue;break;}} catch(ex) {alert(ex.message); }}return [startIdx, endIdx];}this.parseSyntax = function(code, lang, formats, hasRegexp) {var kws = keywords[lang];var buff = [];var objBuff = [];var i = 0;var string1 = true, string2 = true, mutilCmm = true, rege = true;var string1_start = 0, string2_start = 0, mutilCmm_start = 0, rege_start = code.length + 1, singleCmm_start = 0;var result = null, tmpResult = null, tmpIdx = -1, tmpInt = 0, str = null, reg = null;if (/^(javascript|jscript|js)$/i.test(lang)) {rege_start = 0;}while(string1_start < code.length || string2_start < code.length || mutilCmm_start < code.length || rege_start < code.length) {result = [];minId_start = code.length;if (code.length < 2) break;if (string1_start < code.length) {tmpResult = findStringAndMutilComment(code, "\"", "\"", true, "\\");if (tmpResult == null) {string1_start = code.length + 1;} else {result.push([tmpResult[0], tmpResult[1], CProgramSyntax.TYPE_STRING]);string1_start = tmpResult[0];minId_start = string1_start;}}if (string2_start <= minId_start && string2_start < code.length) {tmpResult = findStringAndMutilComment(code, "'", "'", true, "\\");if (tmpResult == null) {string2_start = code.length + 1;} else {result.push([tmpResult[0], tmpResult[1], CProgramSyntax.TYPE_STRING]);string2_start = tmpResult[0];minId_start = Math.min(minId_start, string2_start);}}if (singleCmm_start <= minId_start && singleCmm_start < code.length) {tmpResult = findSingleCmm(code);if (tmpResult == null) {singleCmm_start = code.length + 1;} else {result.push([tmpResult[0], tmpResult[1], CProgramSyntax.TYPE_SINGLECOMMENT]);singleCmm_start = tmpResult[0];minId_start = Math.min(minId_start, singleCmm_start);}}if (mutilCmm_start <= minId_start && mutilCmm_start < code.length) {tmpResult = findStringAndMutilComment(code, "/*", "*/", false);if (tmpResult == null) {mutilCmm_start = code.length + 1;} else {result.push([tmpResult[0], tmpResult[1], CProgramSyntax.TYPE_MUTILCOMMENT]);mutilCmm_start = tmpResult[0];minId_start = Math.min(minId_start, mutilCmm_start);}}if (rege_start <= minId_start && rege_start < code.length) {tmpResult = findRegexp(code);if (tmpResult == null) {rege_start = code.length + 1;} else {result.push([tmpResult[0], tmpResult[1], CProgramSyntax.TYPE_REGEXP]);rege_start = tmpResult[0];}}if (result.length == 0) {break;} else if (result.length == 1) {tmpResult = result[0];} else {tmpResult = result[0];for (i = 0; i < result.length; i++) {if (tmpResult[0] > result[i][0]) {tmpResult = result[i];}}}tmpInt = 0;result = tmpResult;tmpResult = code.substr(0, result[0]);if (tmpResult.length) buff.push(tmpResult);tmpInt += tmpResult.length;str = code.substr(result[0], 2);tmpIdx = str == "/*" ? 2 : (str == "//" ? 0 : 1);tmpResult = code.substr(result[0], result[1] - result[0] + tmpIdx);tmpInt += tmpResult.length;code = code.substr(tmpInt);string1_start -= tmpInt;string2_start -= tmpInt;rege_start -= tmpInt;mutilCmm_start -= tmpInt;singleCmm_start -= tmpInt;buff.push([tmpResult, result[2]]);}if (code.length) buff.push(code);reg = new RegExp("\\b(" + kws + ")\\b", "gm");tmpResult = formats[CProgramSyntax.TYPE_KEYWORD].start + "$1" + formats[CProgramSyntax.TYPE_KEYWORD].end;for (i = 0; i < buff.length; i++) {if (typeof(buff[i]) == "string") {buff[i] = buff[i].replace(reg, tmpResult);} else {buff[i] = ([formats[buff[i][1]].start, buff[i][0], formats[buff[i][1]].end]).join("");}}return buff.join("");}}CProgramSyntax.TYPE_KEYWORD = 0;CProgramSyntax.TYPE_MUTILCOMMENT = 1;CProgramSyntax.TYPE_SINGLECOMMENT = 2;CProgramSyntax.TYPE_STRING = 3;CProgramSyntax.TYPE_REGEXP = 4;</script></head><body><p id="msg">请输入代码测试一下，如果是PHP输出，请使用htmlspecialchars对其编码</p><textarea id="codeArea" style="width:1000px;height:300px;">function myfun(id) {/* this is mutilcomments "string" keyword: function */var str = "this is a string, /*fasasdf*/ //fdsasdf /^reg/";var reg = /^fdadfasdf$/ig;return "myvalue"; // hahah}</textarea> <input type="button" id="btn" value="上色" /><pre id="codePre"></pre></body></html>

这是新的版本，根据坛友提出的各种BUG以及建议做了修改，同时我还优化了性能，关于性能方面的，大家可以拿1000行以上的代码进行测试，如果是小量代码是看不大出来的。

如果测试出两者运算速度差不多甚至新版的要稍慢一点，这是正常的，因为新版的加了常用对象、数字的加色，在运算量上超过旧版的不少。

<!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>jslib测试</title><style type="text/css">pre { color:black; }span.hl_js_kw { color: blue; font-weight:bold;}span.hl_js_mcm { color:green; }span.hl_js_scm { color:gray; }span.hl_js_s { color:green; }span.hl_js_reg { color: red; }span.hl_js_num { color: red; }span.hl_js_typ { color: #9900CC; }</style><script type="text/javascript">function $(id) {return document.getElementById(id);}function btn_click() {var formats = [];formats[JSEngine.TYPE_KEYWORD] = { "start": "<span class=\"hl_js_kw\">", "end": "</span>" };formats[JSEngine.TYPE_MUTILCOMMENT] = { "start": "<span class=\"hl_js_mcm\">", "end": "</span>" };formats[JSEngine.TYPE_SINGLECOMMENT] = { "start": "<span class=\"hl_js_scm\">", "end": "</span>" };formats[JSEngine.TYPE_STRING] = { "start": "<span class=\"hl_js_s\">", "end": "</span>" };formats[JSEngine.TYPE_REGEXP] = { "start": "<span class=\"hl_js_reg\">", "end": "</span>" };formats[JSEngine.TYPE_NUMBER] = { "start": "<span class=\"hl_js_num\">", "end": "</span>" };formats[JSEngine.TYPE_TYPES] = { "start": "<span class=\"hl_js_typ\">", "end": "</span>" };var pre = $("codePre");var area = $("codeArea");var engine = new JSEngine();var code = area.value.replace(/</g, "<").replace(/>/g, ">");var dt = new Date();str = engine.parseSyntax(code, formats);$("msg").innerHTML = "共有" + code.length + "个字符, 解析花时" + (new Date().getTime() - dt.getTime()) + "ms";str = str.replace(/^(\t+)/gm, function(m) {return (new Array(m.length + 1)).join("    ");});str = str.replace(/^( +)/gm, function(m) {return (new Array(m.length + 1)).join(" ");});str = str.replace(/\r?\n/g, "<br/>");pre.innerHTML = str;}window.onload = function() {$("btn").onclick = btn_click;}var keywords = "Array|arguments|Boolean|Date|Enumerator|Error|Function|Global|Math|Number|Object|RegExp|String|break|delete|function|return|typeof|case|do|if|switch|var|catch|else|in|this|void|continue|false|instanceof|throw|while|debugger|finally|new|true|with|default|for|null|try|abstract|double|goto|native|static|boolean|enum|implements|package|super|byte|export|import|private|synchronized|char|extends|int|protected|throws|class|final|interface|public|transient|const|float|long|short|volatile";var types = "Anchor|Applet|Area|Arguments|Array|Boolean|Button|Checkbox|Collection|Crypto|Date|Dictionary|Document|Drive|Drives|Element|Enumerator|Event|File|FileObject|FileSystemObject|FileUpload|Folder|Folders|Form|Frame|Function|Global|Hidden|History|HTMLElement|Image|Infinity|Input|JavaArray|JavaClass|JavaObject|JavaPackage|JSObject|Layer|Link|Math|MimeType|Navigator|Number|Object|Option|Packages|Password|Plugin|PrivilegeManager|Random|RegExp|Screen|Select|String|Submit|Text|Textarea|URL|VBArray|Window|WScript|window";function JSEngine(){};JSEngine.TYPE_KEYWORD = 0;JSEngine.TYPE_MUTILCOMMENT = 1;JSEngine.TYPE_SINGLECOMMENT = 2;JSEngine.TYPE_STRING = 3;JSEngine.TYPE_REGEXP = 4;JSEngine.TYPE_NUMBER = 5;JSEngine.TYPE_TYPES = 6;var _p = JSEngine.prototype;var _p = JSEngine.prototype;var _p = JSEngine.prototype;_p.parseSyntax = function(code, formats) {var buff = [], codeBuff = code, codeLen = code.length, sIdx = 0, buffIdx = 0, objBuff = [];var stopIdx = codeLen, searchResult = null, result = null, len = 0;var flgs = { "string1": true, "string2": true, "mutilcm": true, "singlecm": true, "regcm": true };while(flgs["string1"] || flgs["string2"] || flgs["mutilcm"] || flgs["singlecm"] || flgs["regcm"]){searchResult = null;codeLen = code.length;stopIdx = codeLen;if (flgs["string1"]) {result = searchString(code, codeLen, sIdx, stopIdx, "\"");switch(result) {case null: flgs["string1"] = false; break;case -1: break;default: {searchResult = result;searchResult[3] = JSEngine.TYPE_STRING;stopIdx = result[0];break;}}}if (flgs["string2"]) {result = searchString(code, codeLen, sIdx, stopIdx, "\'");switch(result) {case null: flgs["string2"] = false; break;case -1: break;default: {searchResult = result;searchResult[3] = JSEngine.TYPE_STRING;stopIdx = result[0]; break;}}}if (flgs["mutilcm"]) {result = searchMutilComments(code, codeLen, sIdx, stopIdx);switch(result) {case null: flgs["mutilcm"] = false; break;case -1: break;default: {searchResult = result;searchResult[3] = JSEngine.TYPE_MUTILCOMMENT;stopIdx = result[0]; break;}}}if (flgs["singlecm"]) {result = searchSingleComments(code, codeLen, sIdx, stopIdx);switch(result) {case null: flgs["singlecm"] = false; break;case -1: break;default: {searchResult = result;searchResult[3] = JSEngine.TYPE_SINGLECOMMENT;stopIdx = result[0]; break;}}}if (flgs["regcm"]) {result = searchRegexp(code, codeLen, sIdx, stopIdx);switch(result) {case null: flgs["regcm"] = false; break;case -1: break;default: {searchResult = result;searchResult[3] = JSEngine.TYPE_REGEXP;break;}}}if (searchResult == null) {buff.push(code);break;} else {/*len = searchResult[1] - searchResult[0] + searchResult[2];if (searchResult[0] != 0) {buff.push(code.substring(sIdx, searchResult[0]))}buff.push([code.substring(searchResult[0], searchResult[1] + searchResult[2]), searchResult[3]]);sIdx = searchResult[1] + searchResult[2];code = code.substr(sIdx);sIdx = 0;*/len = searchResult[1] - searchResult[0] + searchResult[2];if (searchResult[0] != 0) {buff.push(code.substring(sIdx, searchResult[0]))}objBuff.push([code.substring(searchResult[0], searchResult[1] + searchResult[2]), searchResult[3]]);buff.push("<_" + (objBuff.length - 1) + "_>");sIdx = searchResult[1] + searchResult[2];code = code.substr(sIdx);sIdx = 0;}}//dt = new Date();/*for (i = 0, len = buff.length; i < len; i++) {if (typeof(buff[i]) == "string") {reg = new RegExp("\\b(" + keywords + ")\\b", "gm");result = formats[JSEngine.TYPE_KEYWORD].start + "$1" + formats[JSEngine.TYPE_KEYWORD].end;buff[i] = buff[i].replace(reg, result);reg = new RegExp("\\b(" + types + ")\\b", "gm");result = formats[JSEngine.TYPE_TYPES].start + "$1" + formats[JSEngine.TYPE_TYPES].end;buff[i] = buff[i].replace(reg, result);reg = /\b([+-]?(?:\d+(?:\.\d*)?(?:e[+-]?\d+)?|0x[\dA-F]+))\b/gim;result = formats[JSEngine.TYPE_NUMBER].start + "$1" + formats[JSEngine.TYPE_NUMBER].end;buff[i] = buff[i].replace(reg, result);} else {buff[i] = ([formats[buff[i][1]].start, buff[i][0], formats[buff[i][1]].end]).join("");}}*///alert(new Date().getTime() - dt.getTime());buff = buff.join("");reg = new RegExp("\\b(" + keywords + ")\\b", "g");result = formats[JSEngine.TYPE_KEYWORD].start + "$1" + formats[JSEngine.TYPE_KEYWORD].end;buff = buff.replace(reg, result);reg = new RegExp("\\b(" + types + ")\\b", "g");result = formats[JSEngine.TYPE_TYPES].start + "$1" + formats[JSEngine.TYPE_TYPES].end;buff = buff.replace(reg, result);reg = /\b([+-]?(?:\d+(?:\.\d*)?(?:e[+-]?\d+)?|0x[\dA-F]+))\b/gim;result = formats[JSEngine.TYPE_NUMBER].start + "$1" + formats[JSEngine.TYPE_NUMBER].end;buff = buff.replace(reg, result);buff = buff.replace(/<_(\d+)_>/g, function(m, n) {return formats[objBuff[n][1]].start + objBuff[n][0] + formats[objBuff[n][1]].end;});//return buff.join("");return buff;}function searchMutilComments(code, codeLen, sIdx, stopIdx) {var startIdx = -1, endIdx = -1;if (codeLen < 4) return null;startIdx = code.indexOf("/*", sIdx);if (startIdx == -1) return null;if (startIdx > stopIdx) return -1;endIdx = code.indexOf("*/", startIdx + 2);if (endIdx == -1) return null;return [startIdx, endIdx, 2];}function searchString(code, codeLen, sIdx, stopIdx, ch) {var at = sIdx, i = 0, isEscape = false, startIdx = -1, endIdx = -1, len = 0;var isMutilLine = false, fragments = null, isContinueSearch = false, tCh = null, fragm = null, fragmLen = 0;if (codeLen < 2) return null;while(true) {startIdx = code.indexOf(ch, at);if (startIdx == -1) return null;if (startIdx > stopIdx) return -1;if (startIdx > at) {i = startIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {at = startIdx + 1;if ((at + 2) > stopIdx) return -1;continue;}}break;}if (startIdx > stopIdx) return -1;at = startIdx + 1;lab_searchString:while(true) {while(true) {endIdx = code.indexOf(ch, at);if (endIdx == -1) return null;if (endIdx > at) {i = endIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {at = endIdx + 1;continue;}}break;}isMutilLine = code.indexOf("\n", startIdx + 1);if (isMutilLine != -1 && isMutilLine < endIdx) {fragments = code.substring(startIdx + 1, endIdx).split("\n");len = fragments.length - 1;for (i = 0; i < len; i++) {fragm = fragments[i];fragmLen = fragm.length;tCh = fragm.charCodeAt(fragmLen - 1) == 13 ? fragm.charAt(fragmLen - 2) : fragm.charAt(fragmLen - 1);if (tCh != "\\") {if (endIdx > stopIdx) return -1;if ((endIdx + 1) == stopIdx) return -1;startIdx = endIdx;at = startIdx + 1;continue lab_searchString;}}}break;}return [startIdx, endIdx, 1];}function searchSingleComments(code, codeLen, sIdx, stopIdx) {var at = sIdx, i = 0, isEscape = false, startIdx = -1, endIdx = -1;if (codeLen < 2) return null;while(true) {startIdx = code.indexOf("//", at);if (startIdx == -1) return null;if (startIdx > stopIdx) return -1;if (startIdx > at) {i = startIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {at = startIdx + 2;if ((at + 3) > stopIdx) return -1;continue;}}break;}endIdx = code.indexOf("\n", startIdx + 2);return [startIdx, endIdx == -1 ? code.length : endIdx, 0];}function searchRegexp(code, codeLen, sIdx, stopIdx) {var at = sIdx, i = 0, isEscape = false, tmpResult = null, ch = null, endAt = 0, tmpStr = null;var startIdx = -1, tSIdx = -1, eStopIdx = -1, endIdx = -1, escapeFlg = "\\", bIdx = -1, eIdx = -1, bAt = -1, eAt = -1;function sEnd(code, startIdx) {var endIdx = -1, endAt = startIdx, i = 0, isEscape = false;while(true) {endIdx = code.indexOf("/", endAt);if (endIdx == -1) return -1;i = endIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {endAt = endIdx + 2;continue;} else {return endIdx;}}}if (codeLen < 2) return null;while(true) {startIdx = code.indexOf("/", at);if (startIdx == -1) return null;if (startIdx > stopIdx) return -1;switch(code.charAt(startIdx + 1)) {case null :case "\r":case "\n":case "*":case "/": {at = startIdx + 2;if ((at + 2) > stopIdx) return -1;continue;}}if (startIdx > at) {i = startIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {at = startIdx + 2;if ((at + 3) > stopIdx) return -1;continue;}}tmpResult = code.indexOf("\n", startIdx + 1); //不允许在不同行eStopIdx = tmpResult == -1 ? codeLen : tmpResult;tmpStr = code.substring(0, startIdx);if(!/(?:[!=(,:+\-*％&|!~\[\/\n;{}?\r\n]|typeof|in|instanceof|void|new|return|do|else|throw|^)[ \t]*$/.test(tmpStr)) {at = startIdx + 1;continue;}endAt = (code.charAt(startIdx + 1) == "[" ? 1 : 2) + startIdx;endIdx = sEnd(code, endAt);if (endIdx == -1) return null;bAt = startIdx + 1;while(true) {bIdx = code.indexOf("[", bAt);if (bIdx == -1) break;i = bIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {bAt = bIdx + 1;continue;}if (bIdx > endIdx) break;eAt = bIdx + 2;while(true) {eIdx = code.indexOf("]", eAt);if (eIdx == -1) break;i = eIdx, isEscape = false;while(code.charAt(--i) == "\\") isEscape = !isEscape;if (isEscape) {eAt = eIdx + 1;continue;}if (eIdx > endIdx) {endAt = eIdx + 1;endIdx = sEnd(code, endAt);if (endIdx == -1) return null;}bAt = eIdx + 1;break;}}if (endIdx > eStopIdx) {at += 1;continue;}break;}return [startIdx, endIdx, 1];}</script></head><body><p id="msg">请输入代码测试一下，如果是PHP输出，请使用htmlspecialchars对其编码</p><textarea id="codeArea" style="width:1000px;height:300px;">// test 1 function myfun(id) {/* this is mutilcomments "string" keyword: function */var str = "this is a string, /*fasasdf*/ //fdsasdf /^reg/";var reg = /^fdadfasdf$/ig;return "myvalue"; // hahah}//test 2if(str.match(/(?:(?:[!=(,:]|\[|\n)[ \t]*\/$)|^\n?[\t ]*\/$/)){}//test 3a = 1b = 2g = {test:function(){return 1}}c = a///**//b/g.test();alert(c);// test 4function t4(test) {return (test/*/* //' "{ ;\*/ && // /* // " ' { ; test &&" /* // \" ' { ;" &&' /* // " \' { ;' &&test);}// test 5var rexT5 = /[/][+]([\S\s]*?)(?:[+][/]|$)|[/][/](.*)|"((?:\\"|[^"])*)"|'((?:\\'|[^'])*)'/g; //正则var nu = 1/2/3 //这是除法var str = "123//456".replace(/[/]/g,'')+1/2/3; //commentvar o=[/re/,(/re/),typeof /re/,function(){return /re/},'o' in /re/,1 / /re/,!/re/];</textarea> <input type="button" id="btn" value="上色" /><pre id="codePre"></pre></body></html>

标签：JavaScript,着色起,代码

投稿

JavaScript代码着色器

猜你喜欢

asp如何防止计数器刷新计数？

XHTML中用途相似的标签

HTML5 Canvas 起步(2) - 路径

SQL提供的进行数据传输的实用程序—BCP

20个Javascript手风琴折叠菜单

sqlserver 巧妙的自关联运用

求某数以内的所有质数的js算法

asp数组使用特法

AJAX初体验之上手篇

如何在页面中快捷地添加翻页按钮？

MYSQL 数据库同步

Oracle 外连接实现代码

在ASP中使用SQL语句之5:开始执行

vertical-align表单元素垂直对齐

你的网站使用了微格式了么

DWCS3-CSS布局之一CSS规则大纲

ADO的错误码对应的含义

Windows存储 SQL行溢出差异备份及疑问

Quester解读17条广告效果测定

透彻掌握ASP分页技术

JavaScript代码着色器

猜你喜欢

asp如何防止计数器刷新计数？

XHTML中用途相似的标签

HTML5 Canvas 起步(2) - 路径

SQL提供的进行数据传输的实用程序—BCP

20个Javascript手风琴折叠菜单

sqlserver 巧妙的自关联运用

求某数以内的所有质数的js算法

asp数组使用特法

AJAX初体验之上手篇

如何在页面中快捷地添加翻页按钮？

MYSQL 数据库同步

Oracle 外连接实现代码

在ASP中使用SQL语句之5:开始执行

vertical-align表单元素垂直对齐

你的网站使用了微格式了么

DWCS3-CSS布局之一CSS规则大纲

ADO的错误码对应的含义

Windows存储 SQL行溢出 差异备份及疑问

Quester解读17条广告效果测定

透彻掌握ASP分页技术

Windows存储 SQL行溢出差异备份及疑问