SyntaxhighligherLite

一个快速上手的代码高亮组件

访问 GitHub

特性

  • 无需调用任何 API ,引 1 个 js 文件即可高亮。
  • 仅 8k (Gzip 压缩) 。
  • 兼容主流浏览器(包括 IE6)。
  • 异步高亮,不影响页面渲染。

快速上手

第一步:引用 js

第二步:在页面插入代码:

在 script type=code 中的代码就会高亮显示。

更多用法

在线演示

1. 指定代码语言

HTML/XML

如果需要显示 <script> 标签本身,应该写成 < script> (s前插入一个空格)。

JavaScript

CSS

CoffeeScript

PHP

更多语言支持请见源码;或者您也可以自定义语法。

2. 显示行号

Lite 版本不支持显示行号。请使用完整版

3. 自定义样式

高亮的样式都是通过 css 指定的,覆盖相应的 css 类即可更改主题。示例文件

4. API

默认 SyntaxHighlighterLite 会自动高亮 script type=code。如果需要,可调用如下两个 API 来手动高亮:

下载和反馈

下载 SyntaxHighligherLite 2.0 稳定版

访问 SyntaxHighligher 项目主页

BUG 和意见反馈