JavaScript語法著色引擎（demo及打包文件下載）

2019-11-21 02:02:58

字體：大中小

來源：轉載

供稿：網友

應得意小蛇的建議，我整理了一下去年寫的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

本地下載

上一篇：類之Prototype.js學習

下一篇：Apply an AutoFormat to an Excel Spreadsheet