JavaScript语法着色引擎(demo及打包文件下载)


Posted in Javascript onJune 13, 2007

应 得意小蛇 的建议,我整理了一下去年写的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

本地下载

Javascript 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
Javascript类库的顶层对象名用户体验分析
Oct 24 Javascript
jQuery Jcrop插件实现图片选取功能
Nov 23 Javascript
更换select下拉菜单背景样式的实现代码
Dec 20 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
js的匿名函数使用介绍
Dec 11 Javascript
JavaScrip调试技巧之断点调试
Oct 22 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
原生JS和jQuery操作DOM对比总结
Jan 19 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 #Javascript
Add Formatted Data to a Spreadsheet
Jun 12 #Javascript
excel操作之Add Data to a Spreadsheet Cell
Jun 12 #Javascript
List Installed Hot Fixes
Jun 12 #Javascript
List the UTC Time on a Computer
Jun 11 #Javascript
List the Codec Files on a Computer
Jun 11 #Javascript
List Information About the Binary Files Used by an Application
Jun 11 #Javascript
You might like
如何开始收听短波广播
2021/03/01 无线电
谈谈PHP的输入输出流
2007/02/14 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
js 日期转换成中文格式的函数
2009/07/07 Javascript
javascript利用初始化数据装配模版的实现代码
2010/11/17 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
js图片处理示例代码
2014/05/12 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
微信小程序  生命周期详解
2016/10/27 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
记React connect的几种写法(小结)
2018/09/18 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
django框架中间件原理与用法详解
2019/12/10 Python
浅谈PyQt5中异步刷新UI和Python多线程总结
2019/12/13 Python
python实现udp传输图片功能
2020/03/20 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
利用Python实现学生信息管理系统的完整实例
2020/12/30 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
仓库主管的岗位职责
2013/12/04 职场文书
电子商务应届生自我鉴定
2014/01/13 职场文书
计算机专业应届生求职信
2014/04/06 职场文书
女生节标语
2014/06/26 职场文书
php引用传递
2021/04/01 PHP
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL
vue3获取当前路由地址
2022/02/18 Vue.js
漫画《尖帽子的魔法工坊》宣布动画化
2022/04/06 日漫