当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《使用Javascript突出显示代码的语法》经验,为你挑选了8个好方法。

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

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



1> AaronSieb..:

StackOverflow使用Prettify库.


如果您知道,您可以将语言提供给Prettify,它会提高性能.由于语言受众较多,因此StackOverflow中没有使用它.

2> Craig..:

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

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

见http://rainbowco.de.


这需要达到顶峰,克雷格.我尝试了所有其他解决方案,只有Rainbow正确处理Python并且具有*可读*主题样式表.惊人的插件!
我今天刚遇到彩虹 - 它让我觉得它可以比Prettify更精细地区分(例如,能够判断何时`rdf:type`被用作元素,何时它是一个属性).

3> mlambie..:

SyntaxHighlighter可用作GitHub项目.



4> balupton..:

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

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



5> 小智..:

Lea Verou的Prism怎么样?

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

它很小.核心只有1.5KB缩小和压缩.

它非常易于扩展.不仅可以轻松添加新语言(这些日历中每种语法都是高亮显示),而且还可以扩展现有语言.

它通过Web Workers支持并行性,以便在某些情况下获得更好的性能.

它不会强迫您使用任何Prism特定的标记,甚至不是Prism特定的类名,只能使用您应该使用的标准标记.所以,你可以尝试一段时间,如果你不喜欢它就把它删除,不留痕迹.



6> Chris Pietsc..:

怎么样:

SyntaxHighlighter的

highlight.js

JSHighlighter


一个简单的谷歌搜索也会给我这个列表 - 但你喜欢哪一个,为什么?

7> Edu Felipe..:

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

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

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

$("code").chili();

它应该自己弄清楚语言.



8> Andrew Hedge..:

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

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

推荐阅读
臭小子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有