使用JS的SyntaxHighlighter高亮显示插件


插件描述: 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

注意:所有网页特效均为互联网上收集,若有侵权,请告知删除。

关键词: 代码语法高亮代码高亮显示代码高亮插件js代码高亮插件

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享