手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >syntaxhighlighter 去掉右上角问号图标的三种方法
syntaxhighlighter 去掉右上角问号图标的三种方法
摘要:使用免费产品就有帮它宣传的义务,所以,在使用该工具时,会自动显示一个帮助图标,点击它会提示访问官方网站并呼吁捐款,付费后可以去掉该图标。sy...

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

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

syntaxhighlighter

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

方法一

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

<script type="text/javascript">SyntaxHighlighter.defaults['toolbar'] = false;</script>

方法二

在pre的class里加上“toolbar:false;”(粗体部分),如下所示:

<pre>这里放着色代码</pre>

注意:有的着色代码标记符号是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右上角问号图标。

【syntaxhighlighter 去掉右上角问号图标的三种方法】相关文章:

Ewebeditor及fckeditork单引号问题的解决方法

在asp.net中KindEditor编辑器的使用方法小结

asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法

TinyMCE syntaxhl插入代码后换行的修改方法

Ewebeditor 不能粘贴或复制的解决方法

FCKeditor添加自定义按钮的方法

ueditor编辑器不能上传图片问题的解决方法

FCKeditor 图片上传进度条不动的解决方法

UEditor编辑器自定义上传图片或文件路径的修改方法

jsp fckeditor 上传中文图片乱码问题的解决方法

精品推荐
分类导航