使用JS的SyntaxHighlighter高亮显示插件
SyntaxHighlighter是一款非常出名的语法高亮显示插件,包括Facebook,Twitter都在
使用它们,它由在SAY: Media工作的工程师开发,本站的代码高亮也是采用此款插件。
调用也非常简单:
1. HTML内容:<pre class="brush:js;">您的代码</pre>,这里指定 的是JS代码,可以更换其他语言。
2. 加载JS,CSS文件
这里的语言仅仅列了几种,大家还需要更多语言高亮加载语言Brush就行了。
github:https://github.com/alexgorbatchev/SyntaxHighlighter
使用它们,它由在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
0条评论