您的位置:首页 > Web前端 > JavaScript

JScript多语言语法加亮引擎改进(修正号识别,添加行号)

2006-05-09 11:02 447 查看
哈哈,终于可以显示行号啦,而且还挺好看喔。

原先的正则表达式匹配出来不好用,就直接用土办法啦,呵呵,怎么好用就怎么用嘛。

识别行的改进很简单,就是按换行符分割代码,然后在行之间加上行数信息,最后再组合起来,呵呵。

//把代码拆分成行,然后每行间加入行号和标签
var _lines = temp.split("\n");
var _newCode = new Array();

for(var i=0; i<_lines.length; i++)

//重新组合行
temp = _newCode.join(" ");

文件下载请到汇总帖:《JScript多语言语法加亮引擎(不断更新中)

底下是改进后的Demo,赶快输入代码试试看吧!!!:

.sourceCode
{
color:#000000;
background:#FFFFFF;
width:100%;
height:200px;
border:1px solid #000000;
font-size:12px;
padding-top:4px;
padding-bottom:4px;
}

#HtmlCode .keyWord1
{
color:#0000FF;
}

#HtmlCode .keyWord2
{
color:#FF0048;
}

#HtmlCode .keyWord3,
#HtmlCode .keyWord4,
#HtmlCode .keyWord5
{
color:#0000FF;
}

#HtmlCode #stringCSS,
#stringCSS .keyWord1,
#stringCSS .keyWord2,
#stringCSS .keyWord3,
#stringCSS .keyWord4,
#stringCSS .keyWord5
{
color:#008000;
}

#lineCSS
{
width:48px;
border-right:1px solid #000000;
text-align:right;
margin-right:8px;
padding-right:4px;
}

#HtmlCode #commentCSS,
#commentCSS .keyWord1,
#commentCSS .keyWord2,
#commentCSS .keyWord3,
#commentCSS .keyWord4,
#commentCSS .keyWord5
{
color:#FF0000;
}
#commentCSS #lineCSS
{
color:#000000;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐