宝哥软件园

z博客语法高亮显示长代码无法换行解决办法(基于jquery)

编辑:宝哥软件园 来源:互联网 时间:2021-09-22

用语法高亮显示语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下.

解决方法:

打开shCoreDefault.css文件,找到对。语法高亮文本区域的定义,在最后加上一句:word-break:break-all!重要;就好的了,意思是让代码强制换行显示。

由于每个人调用的钢性铸铁不同,大家可以根据自己的需要修改钢性铸铁

测试发现对于3.08版本无效,大家可以参考下面的方法

由于我的博客主要是代码分享,很多贴的代码,都很长。很多时候我都是手动给他换行。

但是今天实在是受不了。从网上找个办法解决一下。

1、css修改:

在文件夹: zb _ system ADMIN ueditor 第三方语法高亮显示

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

尸体。语法较轻线{空白-:预包装!重要;} .语法高亮显示{ width :100%!重要;margin:3em 0 .3em 0!重要;位置:相对!重要;飞越:auto!重要;背景-颜色: # F5 F5!重要;border:1px实心#ccc!重要;断字:断字;}2、Jquery代码:

$(函数(){ //行回绕var shLineWrap=函数(){ $(')。语法高亮').每个(函数(){ //Fetch var $sh=$(this),$gutter=$sh.find('td.gutter '),$ code=$ sh。查找(' TD。代码');//循环遍历$gutter.children(')行。行')。每个(函数(I){//Fetch var $ gutterLine=$(this),$ codeLine=$ code。查找('。第:行th-child(' I(1)')));//alert($ GutterLine);//获取高度var height=$ codeline。height()| | 0;if(!高度){ height=' auto } else { height=height=' px//警戒(高度);} //复制高度超过$gutterLine.attr('style ',' height: ' height '!重要');//由电子数据交换修复,针对Firefox 15.0控制台下的JQuery 1.7。调试($ GutterLine)。height()、height、$gutterLine.text()、$ CodeLine);});});};//当语法荧光笔完成它的内容时换行var shlinewrapppwhenready=function(){ if($).语法高亮').length===0){ setTimeout(shlinewrapppwheready,10);} else { shLineWrap();} };//Fire shlinewrapppwhready();});上面的代码就是属于长代码。大家看看是不是都换行了?

现在,行号的高度就能和代码的高度保持一致了。

更多资讯
游戏推荐
更多+