南强小屋 Design By 杰米

使用免费产品就有帮它宣传的义务,所以,在使用该工具时,会自动显示一个帮助图标,点击它会提示访问官方网站并呼吁捐款,付费后可以去掉该图标。

syntaxhighlighter 去掉右上角问号图标的三种方法

syntaxhighlighter

官方的做法无可非议,不过如果我们想取消这个看起来比较碍眼的图标,又不想付费,那有什么办法呢?如下是我获知的三种方法:

方法一

      在网页前面,通常是在<head></head>里加上如下代码:

<script type="text/javascript">SyntaxHighlighter.defaults['toolbar'] = false;</script>

方法二

      在pre的class里加上“toolbar:false;”(粗体部分),如下所示:

<pre class="brush: js;toolbar:false;">这里放着色代码</pre>

      注意:有的着色代码标记符号是textarea,那么方法是一样的。如:

<textarea class="brush: js;toolbar:false;">这里放着色代码</textarea>

方法三

      syntaxhighlighter的使用形式有很多,在某些情况下,会发现如上两种方法都无效,那么可以使用直接修改css的方法来去掉右上角的问号图标:

      首先找到shCore.css这个文件(通常是在style这个文件夹下),打开它,在里面找到“.syntaxhighlighter .toolbar {”(粗体部分),然后在这个类的最后加上“display:none;”(粗体部分),就可以了。

实例如下:

.syntaxhighlighter .toolbar { 
position: absolute !important; 
right: 1px !important; 
top: 1px !important; 
width: 11px !important; 
height: 11px !important; 
font-size: 10px !important; 
z-index: 10 !important; //原版到这里结束 
display: none; //想关掉?添加这行就可以 
}

经本人多次测试,如上三种方法,总有一种能有效的去掉syntaxhighlighter右上角问号图标。

标签:
syntaxhighlighter,问号图标

南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米

评论“syntaxhighlighter 去掉右上角问号图标的三种方法”

暂无syntaxhighlighter 去掉右上角问号图标的三种方法的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。