Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 19:12:36
Original
880 Leute haben es durchsucht

应 得意小蛇 的建议,我整理了一下去年写的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方法动态载入。需要注意语法文件必须在类定义之后,类实例化之前添加。 <BR>已有语法文件:Lighter.supportedLanguages <BR>同样是一个静态属性,表示当前支持语言的集合。 <br><br>演示地址:<A href="http://www.supnate.com/codelighter/demo.html" target=_blank>http://www.supnate.com/codelighter/demo.html <BR>下载地址:<A href="http://www.supnate.com/codelighter/X2CodeLighter.rar">http://www.supnate.com/codelighter/X2CodeLighter.rar <br><br><A href="http://files.jb51.net/upload/X2CodeLighter.rar" target=_blank>本地下载 </script>

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage