首页前端开发其他前端知识syntaxhighlighter 去掉右上角问号图标的三种方法

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

时间2024-02-10 12:08:02发布访客分类其他前端知识浏览957
导读:收集整理的这篇文章主要介绍了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右上角问号图标。

您可能感兴趣的文章:
  • 使用SyntaxHighlighter实现HTML高亮显示代码的方法
  • SyntaxHighlighter代码加色使用方法
  • FCKEditor SyntaxHighlighter整合实现代码高亮显示
  • syntaxhighlighter 使用方法
  • 代码着色之SyntaxHighlighter项目(最流行的代码高亮)
  • ckeditor syntaxhighlighter代码高亮插件,完美修复
  • SyntaxHighlighter语法高亮插件使用说明
  • SyntaxHighlighter 3.0.83使用笔记
  • SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色
  • SyntaxHighlighter 语法高亮插件的使用教程
  • SyntaxHighlighter自动识别并加载脚本语言

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: syntaxhighlighter 去掉右上角问号图标的三种方法
本文地址: https://pptw.com/jishu/608339.html
为SyntaxHighlighter添加新语言的方法 百度编辑器ueditor前台代码高亮无法自动换行解决方法

游客 回复需填写必要信息