使用Javascript突出显示代码的语法

Question

您可以推荐哪些Javascript库用于突出显示HTML中的<code>块的语法？

(每个答案一个建议请).

Answer 1

StackOverflow使用Prettify库.

Answer 2

我最近开发了一个名为彩虹的.

主要的设计目标是使核心库非常小,并使开发人员可以轻松扩展.

见http://rainbowco.de.

Answer 3

SyntaxHighlighter可用作GitHub项目.

Answer 4

jQuery Syntax Highlighter是一款基于Google Prettify的新版本 - 一款真正非常受欢迎的普通javascript语法荧光笔.

它支持诸如块code和pre块之类的东西,能够使用类名language-javascript来表示我们希望它突出显示,以及wordwrap.您可以通过正常选择来复制和粘贴代码,而不必像许多其他人一样打开原始视图.可以使用HTML5数据属性data-sh或通过在初始化时指定选项进一步自定义.一个稳定的选择,定期更新.

Answer 5

Lea Verou的Prism怎么样？

从她在6月(2012年)发布的博客文章中:

• 它很小.核心只有1.5KB缩小和压缩.
• 它非常易于扩展.不仅可以轻松添加新语言(这些日历中每种语法都是高亮显示),而且还可以扩展现有语言.
• 它通过Web Workers支持并行性,以便在某些情况下获得更好的性能.
• 它不会强迫您使用任何Prism特定的标记,甚至不是Prism特定的类名,只能使用您应该使用的标准标记.所以,你可以尝试一段时间,如果你不喜欢它就把它删除,不留痕迹.

Answer 6

怎么样:

SyntaxHighlighter的

highlight.js

JSHighlighter

Answer 7

如果你正在使用jQuery,那就是Chilli:

http://code.google.com/p/jquery-chili-js/

你所要做的就是包括jquery-chili.js和recipes.js,并做一些亮点

$("code").chili();

它应该自己弄清楚语言.

Answer 8

我对SHJS非常满意.它支持一大堆语言,看起来非常快速和准确.

这是我在博客上使用它的一个例子.我正在使用我自己的自定义CSS文件来模拟Coda的语法高亮.如果您想使用它,请给我发电子邮件.