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

IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素

Jul 31 Javascript

兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码

Nov 30 Javascript

js从10种颜色中随机取色实现每次取出不同的颜色

Oct 23 Javascript

JavaScript中的定时器之Item23的合理使用

Oct 30 Javascript

理解javascript定时器中的setTimeout与setInterval

Feb 23 Javascript

第一次接触JS require.js模块化工具

Apr 17 Javascript

深入理解jQuery中的事件冒泡

May 24 Javascript

vue制作加载更多功能的正确打开方式

Oct 12 Javascript

谈谈vue中mixin的一点理解

Dec 12 Javascript

H5+C3+JS实现五子棋游戏（AI篇）

May 28 Javascript

layui layer select 选择被遮挡的解决方法

Sep 21 Javascript

详解ES6中class的实现原理

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

Smarty中调用FCKeditor的方法

2014/10/27 PHP

PHP基于递归实现的约瑟夫环算法示例

2017/08/27 PHP

javascript数组使用调用方法汇总

2007/12/08 Javascript

jqPlot 基于jquery的画图插件

2011/04/26 Javascript

IE6-IE9不支持table.innerHTML的解决方法分享

2012/09/14 Javascript

使用jquery实现图文切换效果另加特效

2013/01/20 Javascript

js操作CheckBoxList实现全选/反选(在客服端完成)

2013/02/02 Javascript

javascript打印大全(打印页面设置/打印预览代码)

2013/03/29 Javascript

Javascript中arguments对象详解

2014/10/22 Javascript

jquery单选框radio绑定click事件实现方法

2015/01/14 Javascript

jQuery常用且重要方法汇总

2015/07/13 Javascript

jquery使用ul模拟select实现表单美化的方法

2015/08/18 Javascript

JS模拟按钮点击功能的方法

2015/12/22 Javascript

JQuery实现简单的服务器轮询效果实例

2016/03/31 Javascript

Angular.js实现注册系统的实例详解

2016/12/18 Javascript

vue2.0项目中使用Ueditor富文本编辑器示例代码

2017/08/14 Javascript

小程序实现页面顶部选项卡效果

2018/11/06 Javascript

JS实现获取自定义属性data值的方法示例

2018/12/19 Javascript

使用typescript构建Vue应用的实现

2019/08/26 Javascript

JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】

2020/05/01 Javascript

vue-router的hooks用法详解

2020/06/08 Javascript

Vue 实现v-for循环的时候更改 class的样式名称

2020/07/17 Javascript

使用pandas中的DataFrame数据绘制柱状图的方法

2018/04/10 Python

详解django.contirb.auth-认证

2018/07/16 Python

Python简单I/O操作示例

2019/03/18 Python

python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例

2020/03/10 Python

基于python实现简单C/S模式代码实例

2020/09/14 Python

HTML5中外部浏览器唤起微信分享

2020/01/02 HTML / CSS

美国隐形眼镜网：Major Lens

2018/02/09 全球购物

大学生学业生涯规划

2014/01/05 职场文书

面试后的感谢信范文

2014/02/01 职场文书

企业元宵节主持词

2014/03/25 职场文书

运动会方队口号

2014/06/07 职场文书

欢迎领导标语

2014/06/27 职场文书

《围炉夜话》110句人生箴言，精辟有内涵，引人深思

2019/10/23 职场文书

深度学习tensorflow基础mnist

2021/04/14 Python