欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > HTML > SyntaxHighlighter滚动条和右上角图标显示问题解决

SyntaxHighlighter滚动条和右上角图标显示问题解决

2018-06-26 483 收藏 0 赞一个 0 真差劲 0 去评论

我选择了SyntaxHighlighter for wordpress作为显示代码插件。安装完成后,发现有两个问题。第一个是在代码区右上角有一个绿色的问号区域,点击会链接到Syntax的版权信息。我尊重原作者做出的努力,可是当代码段较少而又出现多次连续代码区域时,一片绿色的问号在视觉效果上感觉较差。我要去掉这个问号。在控制板中编辑该插件配置文件syntax_highlighter.php,将以下代码中的toolbar改为false即可。

var $default_atts = array(
'num' => 1
,'lang' => 'plain'
,'lang_name' => 'false'
,'highlight_lines' => ''
,'collapse' => 'false'
,'gutter' => 'true'
,'ruler' => 'false'
,'toolbar' => 'false'
,'smart_tabs' => 'true'
,'tab_size' => '4'
,'light' => 'false'
,'auto_link' => 'false'
,'font_size' => '100%'
,'encode' => 'false'
);

第二个问题是在Chrome浏览器中代码区始终有一个滚动条,firefox不会有这种情况。网上有很多解决方法,修改plugin/syntaxhighlisghter/3.0.81/css目录下shCoreDefault.css中的..syntaxhighlighter区域,加上”padding:1px;”就可以了。

.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
padding:1px;
}


一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论