您可以推荐哪些Javascript库来突出显示语法<代码>HTML中的块?
(请每个回答一个建议)。
StackOverflow使用Pretify库。
我最近开发了一个叫彩虹的。
主要的设计目标是使核心库非常小,并使开发人员能够非常容易地进行扩展。
请参阅http://rainbowco.de.
SyntaxHighlighter作为GitHub项目提供。
Lea Verou的《棱镜》怎么样。
来自她在2012年6月发布的博客文章:
- 它很小。核心只有1.5KB缩小&gzipped
- 它的可扩展性令人难以置信。不仅添加新语言很容易(这是目前每种语法的亮点),而且扩展现有的
- 它通过Web Workers支持并行性,以便在某些情况下获得更好的性能
- 它不会强制您使用任何Prism特定的标记,甚至不会强制使用Prism特定类名,只是您应该使用的标准标记无论如何所以,你可以试一下,如果不试就把它去掉喜欢它,不留痕迹
它支持code
和pre
块之类的东西,能够使用像language-javascript
这样的类名来表示我们希望它高亮显示,以及换行。您可以通过正常选择代码来复制和粘贴代码,而不必像许多其他视图一样打开原始视图。它可以通过使用HTML5数据属性data-sh
或通过在初始化时指定选项来进一步定制。一个非常稳定的选择,定期更新。
怎么样:
syntaxhighlighter
highlight.js
JSHighlighter
如果你使用jQuery,有Chilli:
http://code.google.com/p/jquery-chili-js/
您所要做的就是包括jquery-chili.js和recipes.js,并使用进行高亮显示
$("code").chili();
它应该自己弄清楚语言。
我对SHJS很满意。它支持多种语言,并且看起来非常快速和准确。
下面是我在我的博客上使用它的例子。我使用自己的自定义CSS文件来模拟Coda的语法高亮显示。如果你想使用它,请给我发电子邮件。
它是专门为填补空白而开发的,即:一个快速、干净的客户端语法解析器。
如果要在浏览器内编辑器中查找语法高亮显示,请尝试CodeMirror。
我不是在争论,只是觉得值得一提的是,如果你使用CMS或博客平台,那么使用后端荧光笔会更好,原因很明显——看看Geshi(http://qbnz.com/highlighter/)如果你感兴趣的话。实际上,您可以通过后端技术设置服务器来解析HTML内容,因此根本不需要JS荧光笔。(他们添加的唯一功能是打印/复制[使用swf]。)
SyntaxHighlighter
这篇位于Web资源仓库的文章列出了一系列突出显示代码的选项,其中一些选项使用Javascript。它于2009年5月4日出版。