源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-12-05 05:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:syntaxhighlighter 去掉右上角问号图标的三种方法
使用免费产品就有帮它宣传的义务,所以,在使用该工具时,会自动显示一个帮助图标,点击它会提示访问官方网站并呼吁捐款,付费后可以去掉该图标。 [img]http://files.jb51.net/file_images/article/201311/201311172323583.jpg[/img] syntaxhighlighter       官方的做法无可非议,不过如果我们想取消这个看起来比较碍眼的图标,又不想付费,那有什么办法呢?如下是我获知的三种方法:      [b]方法一[/b]       在网页前面,通常是在<head></head>里加上如下代码: <script type="text/javascript">SyntaxHighlighter.defaults['toolbar'] = false;</script>      [b]方法二[/b]       在pre的class里加上“[b]toolbar:false;[/b]”(粗体部分),如下所示: <pre class="brush: js;toolbar:false;">这里放着色代码</pre>       注意:有的着色代码标记符号是textarea,那么方法是一样的。如: <textarea class="brush: js;toolbar:false;">这里放着色代码</textarea>      [b]方法三[/b]       syntaxhighlighter的使用形式有很多,在某些情况下,会发现如上两种方法都无效,那么可以使用直接修改css的方法来去掉右上角的问号图标:       首先找到shCore.css这个文件(通常是在style这个文件夹下),打开它,在里面找到“[b].syntaxhighlighter .toolbar {[/b]”(粗体部分),然后在这个类的最后加上“[b]display:none;[/b]”(粗体部分),就可以了。 实例如下:
[u]复制代码[/u] 代码如下:
.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右上角问号图标。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部