syntaxhighlighter可以高亮著色顯示幾乎所有語言形式的源代碼,還可以顯示行號,是一款深受網(wǎng)站建設(shè)人員喜愛的工具,并且它還是免費的。
使用免費產(chǎn)品就有幫它宣傳的義務(wù),所以,在使用該工具時,會自動顯示一個幫助圖標,點擊它會提示訪問官方網(wǎng)站并呼吁捐款,付費后可以去掉該圖標。
syntaxhighlighter
官方的做法無可非議,不過如果我們想取消這個看起來比較礙眼的圖標,又不想付費,那有什么辦法呢?如下是我獲知的三種方法:
方法一
在網(wǎng)頁前面,通常是在<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的使用形式有很多,在某些情況下,會發(fā)現(xiàn)如上兩種方法都無效,那么可以使用直接修改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; //原版到這里結(jié)束
display: none; //想關(guān)掉?添加這行就可以
}
經(jīng)本人多次測試,如上三種方法,總有一種能有效的去掉syntaxhighlighter右上角問號圖標。