用Javascript语法高亮代码
您可以推荐哪些Javascript库来突出显示HTML中的<code>块的语法?
(每个答案一个build议请)。
StackOverflow使用Prettify库。
SyntaxHighlighter可用作GitHub项目 。
jQuery Syntax Highlighter是一个基于Google的Prettify的新版本 – 一个非常stream行的简单的JavaScript语法突出显示器。
它支持诸如code
和pre
块之类的东西,能够使用类似于language-javascript
类名来表示我们希望它突出显示,以及wordwrap。 您可以通过正常select来复制和粘贴代码,而不必像其他许多人一样打开原始视图。 可以通过使用HTML5数据属性data-sh
或通过在初始化时指定选项进一步进行自定义。 定期更新的一个很好的稳定的select。
怎么样由Lea Verou的棱镜 。
从她在2012年6月的博客公告中获悉:
- 很小 核心只有1.5KB缩小和gzipped。
- 这是令人难以置信的可扩展性。 不仅添加新的语言(这些是现在每个语法突出显示者给出的)很容易,而且还扩展现有的语言。
- 它通过Web Workers支持并行性,以在某些情况下获得更好的性能。
- 它不会强制你使用任何棱镜特定的标记,甚至不是棱镜特定的类名称,只有标准的标记,你应该使用。 所以,你可以尝试一下,如果你不喜欢,不要留下任何痕迹。
如果你使用的是jQuery,那就是Chilli:
http://code.google.com/p/jquery-chili-js/
所有你需要做的就是包含jquery-chili.js和recipes.js,并且用高亮来做
$("code").chili();
它应该自己弄清楚语言。
怎么样:
SyntaxHighlighter的
highlight.js
JSHighlighter
我对SHJS很满意。 它支持多种语言,看起来相当快速和准确。
这是我在博客上使用它的一个例子。 我使用自己的自定义CSS文件来模拟Coda的语法高亮。 给我发电子邮件,如果你想使用它。
jQuery.Syntax是一个非常快速和轻量级的语法突出显示。 它具有语法源文件的dynamic加载,并整合使用CSS或模式。
它是专门为弥补差距而开发的 – 即:快速,干净的客户端语法分析器。
如果您正在浏览器编辑器中查找语法突出显示,请尝试使用CodeMirror 。
我不是争论,但只是觉得值得一提的是,如果你使用的是CMS或博客平台,那么使用后端荧光笔是明显的原因更好 – 看看Geshi ( http://qbnz.com/highlighter/ )如果你有兴趣。 其实你可以设置你的服务器来parsingHTML内容通过后端技术 – 所以根本没有必要的JS荧光笔。 (他们添加的唯一function是能够打印/复制[使用SWF]。)
SyntaxHighlighter的
Web Resources Depot中的这篇文章列出了一些突出显示代码的选项,其中一些使用了Javascript。 它于2009年5月4日发布。