日期:2012-4-2 来源:GBin1.com
语法高亮javascript类库非常多,我们在以前文章Codemirror - javascript开发的代码语法高亮显示引擎也介绍过。大多数的代码库都非常工作。今天我们介绍一个非常轻量级的代码库解决方案 - Rainbow 。这个类库只有1.4kb大小,非常容易扩展,功能不错。其它类似类库还有:Google Code Prettify。
我们只需要使用必要编程语言的代码JS模块来减小代码大小。当然,代码颜色和字体完全可以定制,这个自定义基于CSS主题来实现。
以下是jQuery的高亮代码演示效果。
如何使用?
首先包含一些需要高亮的代码标签,如下:
<!-- 你可以使用code标签或者pre标签 --> <pre> <code data-language="python"> def openFile(path): file = open(path, "r") content = file.read() file.close() return content </code> </pre>
然后,引入css theme文件