欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

SyntaxHighlighter 3.0.83使用筆記

 更新時(shí)間：2015年01月26日 09:14:08   投稿：hebedich  
本文主要介紹了SyntaxHighlighter的配置及代碼的使用，并附上在博客園中使用SyntaxHighlighter 3.0.83的案例，非常實(shí)用，這里推薦給大家。

1、下載

    SyntaxHighlighter 3.0.83 : http://alexgorbatchev.com/SyntaxHighlighter

2、配置

    (1) SyntaxHighlighter解析的默認(rèn)標(biāo)簽，默認(rèn)為pre

復(fù)制代碼 代碼如下:

SyntaxHighlighter.config.tagName="div";

    (2) 去除HTML換行標(biāo)記
        如果您的軟件會(huì)在每行末尾添加< br /> 標(biāo)記，此選項(xiàng)允許您忽略這些標(biāo)記。
        shCore.js中實(shí)現(xiàn)代碼為：

復(fù)制代碼 代碼如下:

        if (sh.config.stripBrs == true)
            str = str.replace(br, '');
SyntaxHighlighter.config.stripBrs=true;

    (3) 不顯示工具條

復(fù)制代碼 代碼如下:

SyntaxHighlighter.defaults['toolbar'] = false;

3、代碼中使用

3.1 brush為必選項(xiàng)，其余為可選：

復(fù)制代碼 代碼如下:

<div class="brush:java;class-name:mycode;highlight:[1,3];">some java code</div>

brush取值：java/xml/sql/c/js/css等，詳見(jiàn)：http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3.2 著色調(diào)用:

復(fù)制代碼 代碼如下:

    SyntaxHighlighter.highlight();

    或

復(fù)制代碼 代碼如下:

    SyntaxHighlighter.all();

all()與highlight()區(qū)別在于all()是注冊(cè)到onload()事件中的。

4、在博客園中使用

    博客園默認(rèn)支持SyntaxHighlighter。代碼修改默認(rèn)值（因?yàn)閖Query不支持設(shè)置!important的樣式所以需要設(shè)置cssText）：

復(fù)制代碼 代碼如下:

    var sh = $(".syntaxhighlighter");
    var code = sh.find("code");
    var line = sh.find(".line");
    var caption = sh.find("table caption");
    sh.css("cssText", "width: auto !important");
    code.add(line)
            .add(caption)
            .css("cssText", "font-size: 20px !important;white-space: nowrap !important;line-height: 1.5em !important;");

以上就是本文的全部?jī)?nèi)容了，小伙伴們對(duì)SyntaxHighlighter的使用方法是否有了新的認(rèn)識(shí)呢，希望大家能夠喜歡本文。

您可能感興趣的文章:

相關(guān)文章

最新評(píng)論