请选择 进入手机版 | 继续访问电脑版

程序人生

 找回密码
 注册

QQ登录

只需一步,快速开始

程序人生 门户 软件工程 查看内容

代码高高亮插件SyntaxHighlighter的用法

2016-4-25 14:06| 发布者: sean| 查看: 745| 评论: 0

摘要: 程序员在写代码和发布代码时都需要一款高亮代码插件来渲染自己的代码,一是增加代码的可读性,二代码显示得美观。所以向大家推介一款最优秀的高亮代码插件SyntaxHighlighter,SyntaxHighlighter的官方网站是http://a ...
程序员在写代码和发布代码时都需要一款高亮代码插件来渲染自己的代码,一是增加代码的可读性,二代码显示得美观。
所以向大家推介一款最优秀的高亮代码插件SyntaxHighlighter,SyntaxHighlighter的官方网站是http://alexgorbatchev.com/SyntaxHighlighter/

1
2
3
4
5
6
7
// SyntaxHighlighter makes your code snippets beautiful without tiring your servers.
var setArray = function(elems) {
    this.length = 0;
    push.apply(this, elems);
    return this;
}




基本的用法大家都会,但大家在导入画刷的时候肯定不希望导入所有的画刷,这里就教大家导入基本的画刷

先要在项目中导入自动加载的js文件
    <script type="text/javascript" src="scripts/shAutoloader.js"></script>
然后用调用自动加载代码
 <script type="text/javascript">
        $(document).ready(function() {
            SyntaxHighlighter.autoloader(
                    ['js', 'jscript', 'javascript', 'scripts/shBrushJScript.js'],
                    ['bash', 'shell', 'scripts/shBrushBash.js'],
                    ['css', 'scripts/shBrushCss.js'],
                    ['xml', 'html', 'scripts/shBrushXml.js'],
                    ['sql', 'scripts/shBrushSql.js'],
                    ['php', 'scripts/shBrushPhp.js']
                );
            SyntaxHighlighter.all();
        });
    </script>

syntaxhighlighter_3.0.83.zip示例程序下载


鲜花

握手

雷人

路过

鸡蛋

相关阅读

最新评论


关于程序人生网|小黑屋|手机版|Archiver|

程序人生 | QQ

粤公网安备 44040202000007号

( 粤ICP备13038131号-5 )

返回顶部