使用免費產品就有幫它宣傳的義務,所以,在使用該工具時,會自動顯示一個幫助圖標,點擊它會提示訪問官方網站并呼吁捐款,付費后可以去掉該圖標。
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右上角問號圖標。