当前位置:首页 > 开发 > 开源软件 > 正文

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

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

我选择了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;
}

 

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
目前,未接电话个数也要获取到。存在的问题就是如何在电话图标右上角显示未接电话个数? 电话图标是
tools: [ {id:'toggle'},{id:'close'},{id:'minimize'},{id:'maximize'},{id:'restore'},{id:'gear'
<!-- Feedsky FEED发布代码开始 --> 如果您喜欢这些文章,欢迎点击此处订阅本Blog <!-- FEE
这种场景用在业务系统的左边菜单树最多, Viewport->westPanel,然后westPanel的layout为accordi
对jquery mobile来说,使用data-icon属性配置,可以设置元素的图标。图标没有变成右箭头,而是如下
背景: 根据客户要求,希望能够在Webtop中对自定义的文档类型显示不同的图标,方便快速查找和查看.针
最近读到一篇文章( http://www.merowing.info/2013/03/overlaying-application-version-on-top-of-y
正常git项目被eclipse git插件管理时: 解决办法: Step1: 右键未被托管的项目 Step2: Team=>Share
最近读到一篇文章( http://www.merowing.info/2013/03/overlaying-application-version-on-top-of-y
最近读到一篇文章(http://www.merowing.info/2013/03/overlaying-application-version-on-top-of-y
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号