编程 Javascript

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 相关文章推荐

从URL中提取参数与将对象转换为URL查询参数的实现代码

Jan 12 Javascript

Javascript访问器属性实例分析

Dec 30 Javascript

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

May 25 Javascript

基于Marquee.js插件实现的跑马灯效果示例

Jan 25 Javascript

Bootstrap页面标题Page Header的实现方法

Mar 22 Javascript

webpack中的热刷新与热加载的区别

Apr 09 Javascript

《javascript少儿编程》location术语总结

May 27 Javascript

dts文件中删除一个node或属性的操作方法

Aug 05 Javascript

Bootstrap导航菜单点击后无法自动添加active的处理方法

Aug 10 Javascript

vue-cli 使用vue-bus来全局控制的实例讲解

Sep 15 Javascript

WebSocket的简单介绍及应用

May 23 Javascript

解决antd的Form组件setFieldsValue的警告问题

Oct 29 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

thinkphp3.2嵌入百度编辑器ueditor的实例代码

2017/07/13 PHP

PHP5.6新增加的可变函数参数用法分析

2017/08/25 PHP

小型js框架veryide.librar源代码

2009/03/05 Javascript

深入理解JavaScript系列(3) 全面解析Module模式

2012/01/15 Javascript

Javascript 检测键盘按键信息及键码值对应介绍

2013/01/03 Javascript

jquery入门—访问DOM对象方法

2013/01/07 Javascript

关于extjs4如何获取grid修改后的数据的问题

2013/08/07 Javascript

jquery 使用简明教程

2014/03/05 Javascript

window.open()详解及浏览器兼容性问题示例探讨

2014/05/29 Javascript

如何使用jquery easyui创建标签组件

2015/11/18 Javascript

JavaScript统计网站访问次数的实现代码

2015/11/18 Javascript

JavaScript中的原始值和复杂值

2016/01/07 Javascript

微信小程序 wxapp内容组件 text详细介绍

2016/10/31 Javascript

BootStrap 模态框实现刷新网页并关闭功能

2017/01/04 Javascript

微信小程序 slider的简单实例

2017/04/19 Javascript

js实现手机web图片左右滑动效果

2017/12/29 Javascript

JS实现简单日历特效

2020/01/03 Javascript

vue基于Echarts的拖拽数据可视化功能实现

2020/12/04 Vue.js

[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19

2018/08/21 DOTA

对Python 除法负数取商的取整方式详解

2018/12/12 Python

Python socket连接中的粘包、精确传输问题实例分析

2020/03/24 Python

css3 给页面加个半圆形导航条主要利用旋转和倾斜样式

2014/02/10 HTML / CSS

html特殊符号示例 html特殊字符编码对照表

2014/01/14 HTML / CSS

世界上最大的二手相机店：KEN

2017/05/17 全球购物

戴尔美国官方折扣店：Dell Outlet

2018/02/13 全球购物

Pam & Gela官网：美国性感前卫女装品牌

2018/07/19 全球购物

阿拉伯书店：Jamalon

2019/07/24 全球购物

校庆接待方案

2014/03/18 职场文书

4S店售后客服自我评价

2014/04/09 职场文书

土地转让协议书

2014/09/27 职场文书

六查六看剖析材料

2014/10/06 职场文书

努力学习保证书

2015/02/26 职场文书

团员自我评价范文

2015/03/10 职场文书

中学生社会实践教育活动总结

2015/05/06 职场文书

2016年教师党员公开承诺书

2016/03/24 职场文书

css3应用示例：新增的选择器

2022/03/16 HTML / CSS