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

Javascript
JS 文件本身编码转换 图文教程
jQuery Ajax之$.get()方法和$.post()方法
jQuery Ajax之load()方法
JavaScript 核心参考教程 内置对象
JavaScript 核心参考教程 RegExp对象
javascript hashtable实现代码
百度留言本js 大家可以参考下
javascript 判断某年某月有多少天的实现代码 推荐
让iframe子窗体取父窗体地址栏参数(querystring)
jquery pagination插件实现无刷新分页代码
jQuery与javascript对照学习 获取父子前后元素 实现代码
通用javascript脚本函数库 方便开发
JQuery 绑定事件时传递参数的实现方法
支持IE,Firefox的javascript 日历控件
javascript 变速加数功能实现代码
extjs 学习笔记（一） 一些基础知识
extjs 学习笔记（二） Ext.Element类
Jquery 学习笔记（一）
一些技巧性实用js代码小结
jquery 常用操作整理 基础入门篇

No. « 260 261 262 263 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 165 ::
收藏到网摘: 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
本地下载