應(yīng) 得意小蛇 的建議，我整理了一下去年寫的JavaScript語(yǔ)法著色引擎，并提供下載，喜歡的盡管拿去，嘿嘿
總的來(lái)說(shuō)是很簡(jiǎn)單的東西，只是提供了關(guān)鍵字的著色以及一些基本的語(yǔ)法（例如注釋，字符串，正則等等），從demo中應(yīng)該很容易看到其用法，這里簡(jiǎn)單介紹下：
類名：Lighter
通過(guò)new Lighter()可以得到一個(gè)著色引擎實(shí)例，假設(shè)為lighter，有以下屬性和方法：
語(yǔ)言屬性：lighter.language
這個(gè)屬性的范圍是可以根據(jù)語(yǔ)法文件的數(shù)量自己添加的，提供的demo中有'cpp' , 'js'  , 'xml' , 'java'四個(gè)語(yǔ)法文件，歡迎大家提供更多語(yǔ)法文件：）
著色方法：lighter.highlight(code)
這就是核心的著色函數(shù)了，code是要著色的代碼，方法返回著色好的代碼，代碼顏色使用html標(biāo)記實(shí)現(xiàn)。
語(yǔ)法擴(kuò)展：Lighter.addLanguage(object)
這是一個(gè)靜態(tài)方法，通過(guò)類名調(diào)用，參數(shù)為javascript對(duì)象，包含了語(yǔ)法關(guān)鍵字信息，可以參見lang/demo.js里的格式自己擴(kuò)展語(yǔ)法文件。獨(dú)立的語(yǔ)法文件既可以直接在html里用<script>標(biāo)記鏈接，也可以用提供的$import方法動(dòng)態(tài)載入。需要注意語(yǔ)法文件必須在類定義之后，類實(shí)例化之前添加。
已有語(yǔ)法文件：Lighter.supportedLanguages
同樣是一個(gè)靜態(tài)屬性，表示當(dāng)前支持語(yǔ)言的集合。

演示地址：http://www.supnate.com/codelighter/demo.html
下載地址：http://www.supnate.com/codelighter/X2CodeLighter.rar

本地下載

最新評(píng)論