国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

z-blog SyntaxHighlighter 長代碼無法換行解決辦法(jquery)

2019-11-20 13:55:29
字體:
來源:轉載
供稿:網友

由于我的博客主要是代碼分享,很多貼的代碼,都很長。很多時候我都是手動給他換行。

但是今天實在是受不了。從網上找個辦法解決一下。

1、css修改:

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

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

復制代碼 代碼如下:

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();});

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

現在,行號的高度就能和代碼的高度保持一致了。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 蓝田县| 枣强县| 武山县| 时尚| 永靖县| 元江| 竹北市| 永德县| 武胜县| 新野县| 永修县| 股票| 道真| 阜新市| 湖口县| 宿松县| 和平县| 大冶市| 西和县| 临湘市| 鲁山县| 贵定县| 凤山市| 余干县| 兴化市| 尼玛县| 界首市| 玉树县| 宜兴市| 和平县| 册亨县| 隆昌县| 调兵山市| 开阳县| 洛扎县| 海口市| 湖南省| 济宁市| 梁平县| 塘沽区| 镇平县|