JavaScript語法著色引擎(demo及打包文件下載)
更新時間:2007年06月13日 00:00:00 作者:
應(yīng) 得意小蛇 的建議,我整理了一下去年寫的JavaScript語法著色引擎,并提供下載,喜歡的盡管拿去,嘿嘿
總的來說是很簡單的東西,只是提供了關(guān)鍵字的著色以及一些基本的語法(例如注釋,字符串,正則等等),從demo中應(yīng)該很容易看到其用法,這里簡單介紹下:
類名:Lighter
通過new Lighter()可以得到一個著色引擎實(shí)例,假設(shè)為lighter,有以下屬性和方法:
語言屬性:lighter.language
這個屬性的范圍是可以根據(jù)語法文件的數(shù)量自己添加的,提供的demo中有'cpp' , 'js' , 'xml' , 'java'四個語法文件,歡迎大家提供更多語法文件:)
著色方法:lighter.highlight(code)
這就是核心的著色函數(shù)了,code是要著色的代碼,方法返回著色好的代碼,代碼顏色使用html標(biāo)記實(shí)現(xiàn)。
語法擴(kuò)展:Lighter.addLanguage(object)
這是一個靜態(tài)方法,通過類名調(diào)用,參數(shù)為javascript對象,包含了語法關(guān)鍵字信息,可以參見lang/demo.js里的格式自己擴(kuò)展語法文件。獨(dú)立的語法文件既可以直接在html里用<script>標(biāo)記鏈接,也可以用提供的$import方法動態(tài)載入。需要注意語法文件必須在類定義之后,類實(shí)例化之前添加。
已有語法文件:Lighter.supportedLanguages
同樣是一個靜態(tài)屬性,表示當(dāng)前支持語言的集合。
演示地址:http://www.supnate.com/codelighter/demo.html
下載地址:http://www.supnate.com/codelighter/X2CodeLighter.rar
本地下載
總的來說是很簡單的東西,只是提供了關(guān)鍵字的著色以及一些基本的語法(例如注釋,字符串,正則等等),從demo中應(yīng)該很容易看到其用法,這里簡單介紹下:
類名:Lighter
通過new Lighter()可以得到一個著色引擎實(shí)例,假設(shè)為lighter,有以下屬性和方法:
語言屬性:lighter.language
這個屬性的范圍是可以根據(jù)語法文件的數(shù)量自己添加的,提供的demo中有'cpp' , 'js' , 'xml' , 'java'四個語法文件,歡迎大家提供更多語法文件:)
著色方法:lighter.highlight(code)
這就是核心的著色函數(shù)了,code是要著色的代碼,方法返回著色好的代碼,代碼顏色使用html標(biāo)記實(shí)現(xiàn)。
語法擴(kuò)展:Lighter.addLanguage(object)
這是一個靜態(tài)方法,通過類名調(diào)用,參數(shù)為javascript對象,包含了語法關(guān)鍵字信息,可以參見lang/demo.js里的格式自己擴(kuò)展語法文件。獨(dú)立的語法文件既可以直接在html里用<script>標(biāo)記鏈接,也可以用提供的$import方法動態(tài)載入。需要注意語法文件必須在類定義之后,類實(shí)例化之前添加。
已有語法文件:Lighter.supportedLanguages
同樣是一個靜態(tài)屬性,表示當(dāng)前支持語言的集合。
演示地址:http://www.supnate.com/codelighter/demo.html
下載地址:http://www.supnate.com/codelighter/X2CodeLighter.rar
本地下載
您可能感興趣的文章:
- 漫談JS引擎的運(yùn)行機(jī)制 你應(yīng)該知道什么
- 為JavaScript提供睡眠功能(sleep) 自編譯JS引擎
- node.js 使用ejs模板引擎時后綴換成.html
- javascript輕量級模板引擎juicer使用指南
- 基于jQuery的JavaScript模版引擎JsRender使用指南
- js動畫(animate)簡單引擎代碼示例
- javascript 多種搜索引擎集成的頁面實(shí)現(xiàn)代碼
- jsp搜索引擎
- javascript模版引擎-tmpl的bug修復(fù)與性能優(yōu)化分析
- 詳解Javascript模板引擎mustache.js
- Javascript 引擎工作機(jī)制詳解
相關(guān)文章
Prototype源碼淺析 String部分(三)之HTML字符串處理
現(xiàn)在,String部分轉(zhuǎn)入具體的關(guān)聯(lián)應(yīng)用,分別對應(yīng)HTML字符串,JSON字符串和HTML中的腳本字符串2012-01-01
基礎(chǔ)的prototype.js常用函數(shù)及其用法
基礎(chǔ)的prototype.js常用函數(shù)及其用法...2007-03-03
prototype 源碼中文說明之 prototype.js
prototype 源碼中文說明之 prototype.js...2006-09-09
由prototype_1.3.1進(jìn)入javascript殿堂-類的初探
由prototype_1.3.1進(jìn)入javascript殿堂-類的初探...2006-11-11
Prototype RegExp對象 學(xué)習(xí)
幫助文檔上沒有這個對象,實(shí)際上源代碼中這個對象還是有方法的,就1靜態(tài)方法,作用也不是很大,這里簡單說一下,因?yàn)橐院蠼榻B別的對象時會用到這個RegExp2009-07-07
Prototype Object對象 學(xué)習(xí)
該不是一個概念。因?yàn)镃#中的命名空間后面不會直接跟方法,肯定是接一個對象然后在調(diào)用方法,不過和C++中的命名空間倒是有些類似2009-07-07
Prototype 學(xué)習(xí) Prototype對象
Prototype 學(xué)習(xí) Prototype對象2009-07-07

