最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

z-blog SyntaxHighlighter 長(zhǎng)代碼無(wú)法換行解決辦法(jquery)

 更新時(shí)間:2014年11月16日 23:25:26   作者:suchso  
由于我的博客主要是代碼分享,很多貼的代碼,都很長(zhǎng)。很多時(shí)候我都是手動(dòng)給他換行。但是今天實(shí)在是受不了。從網(wǎng)上找個(gè)辦法解決一下

由于我的博客主要是代碼分享,很多貼的代碼,都很長(zhǎng)。很多時(shí)候我都是手動(dòng)給他換行。

但是今天實(shí)在是受不了。從網(wǎng)上找個(gè)辦法解決一下。

1、css修改:

在文件夾:\zb_system\ADMIN\ueditor\third-party\SyntaxHighlighter

在文件shCoreDefault.pack.css添加css:

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

body .syntaxhighlighter .line{     white-space: pre-wrap !important;} .syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;word-break:break-all;

2、Jquery代碼:

$(function () { 
  // Line wrap back 
  var shLineWrap = function () { 
    $('.syntaxhighlighter').each(function () { 
      // Fetch 
      var $sh = $(this), 
        $gutter = $sh.find('td.gutter'), 
        $code = $sh.find('td.code') 
        ; 
      // Cycle through lines 
      $gutter.children('.line').each(function (i) { 
        // Fetch 
        var $gutterLine = $(this), 
          $codeLine = $code.find('.line:nth-child(' + (i + 1) + ')') 
          ; 
        //alert($gutterLine); 
        // Fetch height 
        var height = $codeLine.height() || 0; 
        if (!height) { 
          height = 'auto'; 
        } 
        else { 
          height = height += 'px'; 
          //alert(height); 
        } 
        // Copy height over 
        $gutterLine.attr('<SPAN style="WIDTH: auto; HEIGHT: auto; float: none" id=0_nwp><A style="TEXT-DECORATION: none" id=0_nwl  target=_blank mpid="0"><SPAN style="WIDTH: auto; FLOAT: none; HEIGHT: auto; COLOR: #0000ff; FONT-SIZE: 16px">style</SPAN></A></SPAN>', 'height: ' + height + ' !important'); // fix by Edi, for JQuery 1.7+ under Firefox 15.0 
        console.debug($gutterLine.height(), height, $gutterLine.text(), $codeLine); 
      }); 
    }); 
  }; 
  // Line wrap back when syntax highlighter has done it's stuff 
  var shLineWrapWhenReady = function () { 
    if ($('.syntaxhighlighter').length === 0) { 
      setTimeout(shLineWrapWhenReady, 10); 
    } 
    else { 
      shLineWrap(); 
    } 
  }; 
  // Fire 
  shLineWrapWhenReady();});

上面的代碼就是屬于長(zhǎng)代碼。大家看看是不是都換行了??

現(xiàn)在,行號(hào)的高度就能和代碼的高度保持一致了。

您可能感興趣的文章:

相關(guān)文章

  • jQuery中eq()方法用法實(shí)例

    jQuery中eq()方法用法實(shí)例

    本篇文章為大家展示了如何在jquery中使用eq()方法,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲
    2015-01-01
  • jQuery實(shí)現(xiàn)的簡(jiǎn)單排序功能示例【冒泡排序】

    jQuery實(shí)現(xiàn)的簡(jiǎn)單排序功能示例【冒泡排序】

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單排序功能,結(jié)合實(shí)例形式分析了冒泡排序的原理及具體實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2017-01-01
  • 基于jQuery實(shí)現(xiàn)數(shù)字滾動(dòng)效果

    基于jQuery實(shí)現(xiàn)數(shù)字滾動(dòng)效果

    本文主要分享了基于jQuery實(shí)現(xiàn)數(shù)字滾動(dòng)效果的示例代碼,附源碼下載。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-01-01
  • JQuery 初體驗(yàn)(建議學(xué)習(xí)jquery)

    JQuery 初體驗(yàn)(建議學(xué)習(xí)jquery)

    最近從朋友那兒聽(tīng)說(shuō),寫(xiě)JavaScript,JQuery是個(gè)不錯(cuò)的東東,市場(chǎng)份額達(dá)到70%之巨。所以去下載了一份體驗(yàn)了一下。
    2009-04-04
  • jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解

    jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解

    這篇文章主要介紹了jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法,結(jié)合實(shí)例形式詳細(xì)分析了filter的功能及4種具體用法,需要的朋友可以參考下
    2016-04-04
  • jquery鼠標(biāo)懸停導(dǎo)航下劃線滑出效果

    jquery鼠標(biāo)懸停導(dǎo)航下劃線滑出效果

    這篇文章主要為大家詳細(xì)介紹了jquery鼠標(biāo)懸停導(dǎo)航下劃線滑出效果,菜單鼠標(biāo)懸停出現(xiàn)下劃線,向兩邊擴(kuò)展的效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • 解決自定義$(id)的方法與jquery選擇器$沖突的問(wèn)題

    解決自定義$(id)的方法與jquery選擇器$沖突的問(wèn)題

    最近網(wǎng)站改版,原來(lái)的js都是原生js,因?yàn)楫?dāng)前比較jquery而且他的組件也比較多,使用方便,所以我們也采用了jquery但跟原來(lái)的$(id)沖突,經(jīng)過(guò)網(wǎng)絡(luò)很多人的推薦我們選擇了這個(gè)方法
    2014-06-06
  • jQuery 防止相同的事件快速重復(fù)觸發(fā)方法

    jQuery 防止相同的事件快速重復(fù)觸發(fā)方法

    下面小編就為大家分享一篇jQuery 防止相同的事件快速重復(fù)觸發(fā)方法。具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-02-02
  • jQuery中each()方法用法實(shí)例

    jQuery中each()方法用法實(shí)例

    這篇文章主要介紹了jQuery中each()方法用法,以實(shí)例形式詳細(xì)分析了each()方法的功能、定義及使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2014-12-12
  • 基于jQuery實(shí)現(xiàn)無(wú)縫輪播與左右點(diǎn)擊效果

    基于jQuery實(shí)現(xiàn)無(wú)縫輪播與左右點(diǎn)擊效果

    在網(wǎng)頁(yè)中我們經(jīng)常會(huì)用到無(wú)縫輪播左右循環(huán)效果,今天腳本之家小編給大家?guī)?lái)了基于jQuery實(shí)現(xiàn)無(wú)縫輪播與左右點(diǎn)擊效果 ,感興趣的朋友參考下吧
    2018-05-05

最新評(píng)論

玉山县| 吉林市| 临潭县| 同江市| 白城市| 三河市| 阿克苏市| 洪湖市| 昔阳县| 旺苍县| 肇东市| 汝州市| 长武县| 阜阳市| 公安县| 平原县| 色达县| 社旗县| 淄博市| 阳高县| 家居| 缙云县| 依安县| 科尔| 海丰县| 石屏县| 马尔康县| 蒙城县| 隆化县| 宁武县| 洛宁县| 且末县| 英德市| 库车县| 秭归县| 织金县| 南汇区| 平度市| 北海市| 中江县| 青河县|