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

Javascript
js返回当前网页的url
简明json介绍
JavaScript在IE中“意外地调用了方法或属性访问”
JS获得鼠标位置（兼容多浏览器ie,firefox）修正版
JavaScript 基础问答 四
支持多浏览器(IE、Firefox、Opera)剪切板复制函数
js 解决“options为空或不是对象”
走出JavaScript初学困境—js初学
JavaScript入门教程(6) Window窗口对象
JavaScript 快捷键设置实现代码
Extjs Ajax 乱码问题解决方案
JavaScript 实现模态对话框 源代码大全
[原创]js 日期加红代码 适用于各种cms
论坛里点击别人帖子下面的回复，回复标题变成“回复 24# 的帖子”
[原创]javascript 改变字体大小方法集合
javascript 单行文字向上跑马灯滚动显示
一个简单的javascript类定义例子
javascript 类定义的4种方法
javascript类继承机制的原理分析
firefox(火狐)和ie浏览器禁止右键和禁止复制的代码

No. « 183 184 185 186 »

技术文章搜索

关键字

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

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