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;
}
原先的正则表达式匹配出来不好用,就直接用土办法啦,呵呵,怎么好用就怎么用嘛。
识别行的改进很简单,就是按换行符分割代码,然后在行之间加上行数信息,最后再组合起来,呵呵。
//把代码拆分成行,然后每行间加入行号和标签
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;
}
相关文章推荐
- JScript多语言语法加亮引擎改进(添加注释识别)
- JScript多语言语法加亮引擎改进(修正多行注释识别)
- JScript多语言语法加亮引擎显示(代码精简)
- JScript多语言语法加亮引擎(不断更新中,最后更新:2006-05-09)
- JScript多语言语法加亮引擎(不断更新中,最后更新:2006-05-09)
- JScript中正则表达式用法详解(附例子:JScript多语言语法加亮引擎)
- Azure Table storage 之改进DynamicTableEntity类为其添加动态语言扩展
- HTML格式的语法高亮类库代码,内置对C, C++, VBScript, JScript, xml的支持,可扩展,自己添加语法定义。
- C#语言中的属性语法还可以改进
- ASP脚本语言jscript基本结构与语法
- PostgreSql 添加语言语法
- HTML格式的语法高亮类库代码,内置对C, C++, VBScript, JScript, xml的支持,可扩展,自己添加语法定义。
- iOS添加Google语言识别功能
- 【转载】Velocity模板引擎的介绍和基本的模板语言语法使用
- Android本地语音识别引擎PocketSphinx-语言建模
- 改进ASP语法打造更高效的模板语言
- haXe语言中改进的switch...case语法
- powerpoint 2010 打开ppt时才是提示错误,提示“Microsoft powerpoint 无法执行语言识别,此功能不可用。若要使用此功能 ,请再次运行安装程序,选择“添加或删除功能”,
- 配置vim,快捷键添加作者信息&C语言语法设置
- JScript----解释引擎自动添加分号