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

Javascript
IE Firefox 使用自定义标签的区别
Javascript 圆角div的实现代码
js 获取网络图片的高度和宽度的实现方法(变通了下)
JavaScript 对象成员的可见性说明
JQuery困惑—包装集 DOM节点
JavaScript 三种创建对象的方法
半角全角相互转换的js函数
显示js对象所有属性和方法的函数
实现JavaScript中继承的三种方式
JavaScript 函数式编程的原理
JavaScript 定义function的三种方式小结
JavaScript 基于原型的对象（创建、调用）
层序遍历在ExtJs的TreePanel中的应用
将jQuery应用于login页面的问题及解决
document.onreadystatechange事件的用法分析
JS 仿Flash动画放大/缩小容器
javascript 定时自动切换的选项卡Tab
图片友情链接滚动 横向,带控制按钮
简单的加密css地址防止别人下载你的CSS文件的方法
图片与JavaScript配合做出个性滚动条

No. « 262 263 264 265 »

技术文章搜索

关键字

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

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