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

标签：jquery   web前端   ui   前端   框架   

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

.代码  

1. var $default_atts = array(  
2. ‘num‘ => 1  
3. ,‘lang‘ => ‘plain‘  
4. ,‘lang_name‘ => ‘false‘  
5. ,‘highlight_lines‘ => ‘‘  
6. ,‘collapse‘ => ‘false‘  
7. ,‘gutter‘ => ‘true‘  
8. ,‘ruler‘ => ‘false‘  
9. ,‘toolbar‘ => ‘false‘  
10. ,‘smart_tabs‘ => ‘true‘  
11. ,‘tab_size‘ => ‘4‘  
12. ,‘light‘ => ‘false‘  
13. ,‘auto_link‘ => ‘false‘  
14. ,‘font_size‘ => ‘100%‘  
15. ,‘encode‘ => ‘false‘  
16. );  

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

.代码  

1. .syntaxhighlighter {  
2. width: 100% !important;  
3. margin: 1em 0 1em 0 !important;  
4. position: relative !important;  
5. overflow: auto !important;  
6. font-size: 1em !important;  
7. padding:1px;  
8. }  

SyntaxHighlighter滚动条和右上角图标显示问题解决,布布扣,bubuko.com

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

标签：jquery   web前端   ui   前端   框架   

原文地址：http://blog.csdn.net/ariss123/article/details/38539141