syntaxhighlighter可以高亮着色显示几乎所有语言形式的源代码,还可以显示行号,是一款深受网站建设人员喜爱的工具,并且它还是免费的

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

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

最新资讯
微博公布8亿美元债券发行的定价

微博公布8亿美元债券

微博预计本次债券发行的净收益约为7.93亿美元,发行净所
传阿里巴巴香港二次上市计划筹资100亿美元 暂无回应

传阿里巴巴香港二次上

据财新报道,阿里巴巴二次登录香港交易所计划筹资100亿
腾讯广汽联手打造“如祺出行”上线:率先落地广州

腾讯广汽联手打造“如

光投资已经不够,腾讯还是自己做起了出行平台。6月26日,
手机上的信息删了就彻底删除了?事情没想的那么简单

手机上的信息删了就彻

购买新手机后,很多人都会将旧手机中储存的信息、照片删
直击|OPPO展示屏下摄像头方案 还带来无网络通信技术

直击|OPPO展示屏下摄

OPPO今日在MWCS期间公开展示了其屏下摄像头解决方案“
华为轮值董事长:华为5G技术方案完全不受制裁影响

华为轮值董事长:华为5G

华为轮值董事长胡厚崑26日在上海表示,对华为的指控是不
最新文章
详解React中的todo-list

详解React中的todo-li

这篇文章主要介绍了React中的todo-list的相关知识,非常
使用 CodeMirror 打造属于自己的带高亮显示的在线代码编辑器

使用 CodeMirror 打造

写这个的目的是因为之前项目里用到过 CodeMirror,觉得
百度UEditor编辑器使用教程与使用方法(图文)

百度UEditor编辑器使

今天笔者就给大家推荐一款百度UEditor编辑器。关于这
Ueditor和CKeditor 两款编辑器的使用与配置方法

Ueditor和CKeditor 两

这篇文章主要介绍了Ueditor和CKeditor 两款编辑器的使
Prism 代码高亮修改不包含 Code 标签的支持

Prism 代码高亮修改不

在 WordPress 中加入了百度的 UEditor 编辑器后,由于自
FCKeditor编辑器添加图片上传功能及图片路径问题解决方法

FCKeditor编辑器添加

现在很多CMS系统因为安全原因会把后台编辑器里的上传