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

http://taskcn.blog. 163.com/

syntaxhighlighter去掉右上角问号图标的三种方法页面导航 →→→正文内容syntaxhighlighter问号图标syntaxhighlighter去掉右上角问号图标的三种方法syntaxhighlighter可以高亮着色显示几乎所有语言形式的源代码还可以显示行号是一款深受网站建设人员喜爱的工具并且它还是免费的

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

syntaxhighlighter

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

方法一

在网页前面通常是在head /head里加上如下代码script type="text/javascript" SyntaxHighlighter.defaults[' toolbar' ] =false; /script

方法二

在pre的class里加上“toolbar:false;” 粗体部分 如下所示pre这里放着色代码/prehttp://taskcn.blog. 163. com/

http://taskcn.blog. 163.com/

注意有的着色代码标记符号是textarea那么方法是一样的。如textarea这里放着色代码/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右上角问号图标。http://taskcn.blog. 163. com/