110

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

（请每个答案提出一个建议）。

4

13 回答 13

104

StackOverflow 使用Prettify库。

于 2008-10-02T03:08:59.540 回答
44

我最近开发了一种叫做彩虹。

主要的设计目标是使核心库变得非常小，并使开发人员能够非常容易地扩展。

请参阅http://rainbowco.de。

于 2012-03-30T13:04:49.590 回答
26

SyntaxHighlighter作为GitHub 项目提供。

于 2008-10-02T02:58:53.433 回答
15

jQuery Syntax Highlighter是基于Google 的 Prettify的新产品- 一个非常非常流行的纯 JavaScript 语法高亮器。

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

于 2010-07-29T03:59:40.010 回答
15

Lea Verou的棱镜怎么样。

从她在 2012 年 6 月发布的博文中：

  • 它很小。内核压缩和压缩后只有 1.5KB。
  • 它具有令人难以置信的可扩展性。不仅很容易添加新语言（现在每个语法高亮器都提供这一点），而且扩展现有语言也很容易。
  • 它通过 Web Workers 支持并行性，以便在某些情况下获得更好的性能。
  • 它不会强迫您使用任何特定于 Prism 的标记，甚至不是特定于 Prism 的类名，而只是您应该使用的标准标记。所以，你可以试一试，不喜欢就去掉，不留痕迹。
于 2012-11-21T07:44:31.110 回答
5

怎么样：

语法高亮

突出显示.js

JS荧光笔

于 2008-10-02T02:59:57.563 回答
5

如果您使用的是 jQuery，则有 Chilli：

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

您所要做的就是包含 jquery-chili.js 和 recipes.js，并使用

$("code").chili();

它应该自己弄清楚语言。

于 2008-10-02T03:23:44.497 回答
5

我对SHJS很满意。它支持多种语言，并且看起来非常快速和准确。

这是我在博客上使用它的示例。我正在使用我自己的自定义 CSS 文件来模拟Coda 的语法突出显示。如果您想使用它，请给我发电子邮件。

于 2008-10-02T03:52:21.493 回答
4

jQuery.Syntax是一个非常快速和轻量级的语法荧光笔。它具有语法源文件的动态加载，并使用 CSS 或模式线干净地集成。

它是专门为填补空白而开发的——即：一个快速、干净的客户端语法解析器。

于 2010-03-15T08:48:58.263 回答
3

我不是在争论，只是认为值得一提的是，如果您使用的是 CMS 或博客平台，那么出于显而易见的原因，使用后端荧光笔会更好 — 看看Geshi ( http://qbnz.com/highlighter/ ) 如果你有兴趣。实际上，您可以设置您的服务器以通过后端技术解析 HTML 内容——因此根本不需要 JS 荧光笔。（他们添加的唯一功能是打印/复制[使用 swf] 的能力。）

于 2008-10-02T08:39:51.007 回答
3

如果您正在浏览器内的编辑器中寻找语法高亮，请尝试CodeMirror。

于 2011-12-24T22:48:21.483 回答
2

语法高亮

于 2008-10-02T02:59:43.087 回答
2

Web Resources Depot 上的这篇文章列出了一系列用于突出显示代码的选项，其中一些使用了 Javascript。它于 2009 年 5 月 4 日发布。

于 2009-05-05T03:50:42.630 回答