编程 Javascript

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

Posted in Javascript onJune 13, 2007

应得意小蛇的建议，我整理了一下去年写的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

本地下载

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 类与静态类的实现(续)

Apr 02 Javascript

在vs2010中调试javascript代码方法

Feb 11 Javascript

jquery用data方法获取某个元素上的事件

Jun 23 Javascript

jQuery对象与DOM对象之间的相互转换

Mar 03 Javascript

JavaScript DOM 学习总结(五)

Nov 24 Javascript

在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)

Jan 20 Javascript

Node.js配合node-http-proxy解决本地开发ajax跨域问题

Aug 31 Javascript

vue表单绑定实现多选框和下拉列表的实例

Aug 12 Javascript

jQuery ajax调用webservice注意事项

Oct 08 jQuery

JS实现的DOM插入节点操作示例

Apr 04 Javascript

Vue.js实现大屏数字滚动翻转效果

Nov 29 Javascript

vue 检测用户上传图片宽高的方法

Feb 06 Javascript

Apply an AutoFormat to an Excel Spreadsheet

Jun 12 #Javascript

Add Formatted Data to a Spreadsheet

Jun 12 #Javascript

excel操作之Add Data to a Spreadsheet Cell

Jun 12 #Javascript

List Installed Hot Fixes

Jun 12 #Javascript

List the UTC Time on a Computer

Jun 11 #Javascript

List the Codec Files on a Computer

Jun 11 #Javascript

List Information About the Binary Files Used by an Application

Jun 11 #Javascript