下面说下如何解决。
打开shCoreDefault.css文件,找到对.syntaxhighlighter textarea的定义,在最后加上一句:word-break:break-all !important;就ok了,意思是让代码强制换行显示。
具体步骤
由于我的博客主要是代码分享,很多贴的代码,都很长。很多时候我都是手动给他换行。
但是今天实在是受不了。从网上找个办法解决一下。
1、css修改:
在文件夹:zb_systemADMINueditorthird-partySyntaxHighlighter
在文件shCoreDefault.pack.css添加css:
代码如下 | 复制代码 |
body .syntaxhighlighter .line{ white-space : pre-wrap !important ;} pre , code { display : block ; overflow : auto ; background : #f4f4f4 ; padding : 5px 10px ; border : 1px solid #eee ; word-wrap:break-word; /* Internet Explorer 5.5+ */ white-space : pre-wrap; /* Firefox */ } 2、Jquery代码: $( |
上面的代码就是属于长代码。大家看看是不是都换行了??
现在,行号的高度就能和代码的高度保持一致了。
部份来自:http://www.suchso.com/projecteactual/z-blog-jquery-SyntaxHighlighter-longcode.html