当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript语法着色引擎（demo及打包文件下载）

Javascript
js类 from qq
鼠标放上去则向上向下滚动的代码
在视频前插入广告
论坛特效代码收集（落伍转发-不错）
多图幻灯Pixelate马赛克效果
多图幻灯Wipe擦洗效果
多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。
脚本吧 - 幻宇工作室用到js,超强推荐share.js
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
JavaScript For Beginners(转载)
sina的lightbox效果。
如何在Mozilla Gecko 用Javascript加载XSL
用JavaScript绘图 ：JS2D函数集
Opacity.js
How to Auto Include a Javascript File
适合做公告板的代码收集
最新优化收藏到网摘代码（digg，diigo）
索趣科技的答案
如何用JS获取带“\”字符串的中间值？
baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】

No. « 192 193 194 195 »

技术文章搜索

关键字

Javascript 中的 JavaScript语法着色引擎（demo及打包文件下载）

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 259 ::
收藏到网摘: n/a

应 得意小蛇 的建议，我整理了一下去年写的JavaScript语法着色引擎，并提供下载，喜欢的尽管拿去，嘿嘿
总的来说是很简单的东西，只是提供了关键字的着色以及一些基本的语法（例如注释，字符串，正则等等），从demo中应该很容易看到其用法，这里简单介绍下：
类名：Lighter
通过new Lighter()可以得到一个着色引擎实例，假设为lighter，有以下属性和方法：
语言属性：lighter.language
这个属性的范围是可以根据语法文件的数量自己添加的，提供的demo中有'cpp' , 'js' , 'xml' , 'java'四个语法文件，欢迎大家提供更多语法文件：）
着色方法：lighter.highlight(code)
这就是核心的着色函数了，code是要着色的代码，方法返回着色好的代码，代码颜色使用html标记实现。
语法扩展：Lighter.addLanguage(object)
这是一个静态方法，通过类名调用，参数为javascript对象，包含了语法关键字信息，可以参见lang/demo.js里的格式自己扩展语法文件。独立的语法文件既可以直接在html里用<script>标记链接，也可以用提供的$import方法动态载入。需要注意语法文件必须在类定义之后，类实例化之前添加。
已有语法文件：Lighter.supportedLanguages
同样是一个静态属性，表示当前支持语言的集合。
演示地址：http://www.supnate.com/codelighter/demo.html
下载地址：http://www.supnate.com/codelighter/X2CodeLighter.rar
本地下载