使用免费产品就有帮它宣传的义务，所以，在使用该工具时，会自动显示一个帮助图标，点击它会提示访问官方网站并呼吁捐款，付费后可以去掉该图标。
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右上角问号图标。
本文转载自网络，原文链接：https://m.jb51.net/article/43317.htm
版权声明：本文转载自网络，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的，如有侵权请联系QQ/微信：153890879删除
相关文章-
四两拨千斤——你不知道的VScode编码Ty
-
我是如何在 Vue 项目中做代码分割的
-
position:sticky 粘性定位的几种巧妙应
-
从零到一搭建React组件库
精彩导读
热门资讯