轻量级的Javascript代码语法高亮类库 - Rainbow

日期:2012-4-2  来源:GBin1.com

语法高亮javascript类库非常多,我们在以前文章Codemirror - javascript开发的代码语法高亮显示引擎 也介绍过。大多数的代码库都非常工作。今天我们介绍一个非常轻量级的代码库解决方案 - Rainbow 。这个类库只有1.4kb大小,非常容易扩展,功能不错。其它类似类库还有:Google Code Prettify

轻量级的Javascript代码语法高亮类库 - Rainbow

我们只需要使用必要编程语言的代码JS模块来减小代码大小。当然,代码颜色和字体完全可以定制,这个自定义基于CSS主题来实现。

以下是jQuery的高亮代码演示效果。

轻量级的Javascript代码语法高亮类库 - Rainbow

如何使用?

首先包含一些需要高亮的代码标签,如下:

<!-- 你可以使用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文件

 

 

原文来自:轻量级的Javascript代码语法高亮类库 - Rainbow

你可能感兴趣的:(code,highlight,代码高亮,代码高亮js类库)