記憶盒子

把記憶裝進(jìn)灰色的盒子,封裝起來(lái),那年那月,重新拾起。

首頁(yè)搜索目錄
search
當(dāng)前主題: 軟件編程

syntaxhighlighter去掉右上角問(wèn)號(hào)圖標(biāo)的三種方法

作者:Kaka    時(shí)間:2013-9-6 15:15:13    瀏覽:    評(píng)論:4

      syntaxhighlighter可以高亮著色顯示幾乎所有語(yǔ)言形式的源代碼,還可以顯示行號(hào),是一款深受網(wǎng)站建設(shè)人員喜愛(ài)的工具,并且它還是免費(fèi)的。

      使用免費(fèi)產(chǎn)品就有幫它宣傳的義務(wù),所以,在使用該工具時(shí),會(huì)自動(dòng)顯示一個(gè)幫助圖標(biāo),點(diǎn)擊它會(huì)提示訪問(wèn)官方網(wǎng)站并呼吁捐款,付費(fèi)后可以去掉該圖標(biāo)。

syntaxhighlighter

syntaxhighlighter

      官方的做法無(wú)可非議,不過(guò)如果我們想取消這個(gè)看起來(lái)比較礙眼的圖標(biāo),又不想付費(fèi),那有什么辦法呢?如下是我獲知的三種方法:

      方法一

      在網(wǎng)頁(yè)前面,通常是在<head></head>里加上如下代碼:

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

      方法二

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

<pre class="brush: js;toolbar:false;">這里放著色代碼</pre>

      注意:有的著色代碼標(biāo)記符號(hào)是textarea,那么方法是一樣的。如:

<textarea class="brush: js;toolbar:false;">這里放著色代碼</textarea>

      方法三

      syntaxhighlighter的使用形式有很多,在某些情況下,會(huì)發(fā)現(xiàn)如上兩種方法都無(wú)效,那么可以使用直接修改css的方法來(lái)去掉右上角的問(wèn)號(hào)圖標(biāo):

      首先找到shCore.css這個(gè)文件(通常是在style這個(gè)文件夾下),打開(kāi)它,在里面找到“.syntaxhighlighter .toolbar {”(粗體部分),然后在這個(gè)類的最后加上“display:none;”(粗體部分),就可以了。

      實(shí)例如下:

.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)本人多次測(cè)試,如上三種方法,總有一種能有效的去掉syntaxhighlighter右上角問(wèn)號(hào)圖標(biāo)。

x

標(biāo)簽: syntaxhighlighter  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動(dòng)優(yōu)化工具 ※

  • 擴(kuò)展閱讀
上一篇: gzip壓縮啟動(dòng)后js css不能運(yùn)行的解決方法
下一篇: 從美國(guó)匯款到國(guó)內(nèi)招行 個(gè)人銀行賬戶不能入賬

發(fā)表評(píng)論:

◎歡迎參與討論,請(qǐng)?jiān)谶@里發(fā)表您的看法、交流您的觀點(diǎn)。

訂閱博客                   QQ交流群(312716741)

  • 通過(guò)Google訂閱本站 通過(guò)鮮果訂閱本站 通過(guò)抓蝦訂閱本站
  • 通過(guò)QQ郵箱訂閱本站 通過(guò)Yahoo訂閱本站 通過(guò)有道訂閱本站

Search

最新評(píng)論及回復(fù)

最近留言

網(wǎng)站分類

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號(hào)-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.