首页 > 代码库 > SyntaxHighlighter滚动条和右上角图标显示问题解决
SyntaxHighlighter滚动条和右上角图标显示问题解决
我选择了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;
- }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。