SyntaxHighlighter自动换行

发布时间:2017-09-22编辑:佚名阅读(1516)

1.在shCore.css中的.syntaxhighlighter textarea { 后加入

white-space: pre-wrap !important;
word-break: break-all;
/* 如果是需要保留一行内的单词完整性则需要把 break-all 改为 break-word  */

2.在shCore.js后加入

$(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('style', '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();
});

  关键字:SyntaxHighlighter自动换行


鼓掌

0

正能量

0

0

呵呵

0


评论区