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 相关文章推荐
JS常见问题整理(持续更新)
Aug 06 Javascript
防止按钮在短时间内被多次点击的方法
Mar 10 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 Javascript
javascript数据结构之二叉搜索树实现方法
Nov 25 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
Aug 01 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
Oct 25 Javascript
vue引入ueditor及node后台配置详解
Jan 03 Javascript
详解vue组件基础
May 04 Javascript
javascript跳转与返回和刷新页面的实例代码
Nov 20 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
两种php调用Java对象的方法
2006/10/09 PHP
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
php截取字符串函数分享
2015/02/02 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
python从sqlite读取并显示数据的方法
2015/05/08 Python
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
python中requests小技巧
2017/05/10 Python
python之PyMongo使用总结
2017/05/26 Python
python WindowsError的错误代码详解
2017/07/23 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
win10下python3.8的PIL库安装过程
2020/06/08 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
python安装sklearn模块的方法详解
2020/11/28 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
自我鉴定注意事项
2014/01/19 职场文书
《阳光》教学反思
2014/02/23 职场文书
个人安全生产承诺书
2014/05/22 职场文书
高等教育学专业自荐书
2014/06/17 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
典型事迹材料范文
2014/12/29 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
angular4实现带搜索的下拉框
2022/03/25 Javascript
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS