使用JS的SyntaxHighlighter高亮显示插件

使用JS的SyntaxHighlighter高亮显示插件,第1张

SyntaxHighlighter是一款非常出名的语法高亮显示插件,包括Facebook,Twitter都在
使用它们,它由在SAY: Media工作的工程师开发,本站的代码高亮也是采用此款插件。

调用也非常简单:
1. HTML内容:<pre class="brush:js;">您的代码</pre>,这里指定 的是JS代码,可以更换其他语言。
2. 加载JS,CSS文件

<script type="text/javascript" src="scripts/shCore.js"></script><script type="text/javascript" src="scripts/shBrushCss.js"></script><script type="text/javascript" src="scripts/shBrushJScript.js"></script><script type="text/javascript" src="scripts/shBrushPhp.js"></script><script type="text/javascript" src="scripts/shBrushSql.js"></script><script type="text/javascript" src="scripts/shBrushXml.js"></script><link type="text/css" rel="stylesheet" href="styles/shCore.css"/><link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/><script type="text/javascript">  SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';  SyntaxHighlighter.all();</script>
如果不需要配置Flash复制代码,则无需配置clipboardSwf,好了这样代码就可以高亮显示了,
这里的语言仅仅列了几种,大家还需要更多语言高亮加载语言Brush就行了。

github:https://github.com/alexgorbatchev/SyntaxHighlighter
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 使用JS的SyntaxHighlighter高亮显示插件

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情