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

来源：本站原创|时间：2020-01-11|栏目：网页编辑器|点击：次

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

syntaxhighlighter

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

方法一

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

方法二

在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右上角问号图标。

上一篇：让IE8和IE9支持eWebEditor在线编辑器的方法

栏目：网页编辑器

下一篇：FCKeditor + SyntaxHighlighter 让代码高亮着色插件

本文标题：syntaxhighlighter 去掉右上角问号图标的三种方法

本文地址：https://www.xiuzhanwang.com/a1/wangyebianjiqi/11808.html

更多网页编辑器

网页编辑器

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

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读