SyntaxHighlighter 語(yǔ)法高亮插件的使用教程
<link type="text/css" rel="stylesheet" href="style/shCore.css"/>
<link type="text/css" rel="stylesheet" href="style/shThemeRDark.css"/>
<script src="js/shCore.js" type="text/javascript" ></script>
<script src="js/shBrushJScript.js" type="text/javascript" ></script>
<script src="js/shBrushCss.js" type="text/javascript" ></script>
<script src="js/shBrushXml.js" type="text/javascript" ></script>
然后再在頁(yè)面上新建一個(gè)script標(biāo)簽,在里面添加代碼,進(jìn)行配置與調(diào)用那個(gè)flash文件。
SyntaxHighlighter.config.clipboardSwf = 'js/clipboard.swf';
SyntaxHighlighter.all();
這些代碼是無(wú)需放于window.onload中的。再最后是如何使用,把要高亮的代碼放于一個(gè)pre文件中,這些代碼記得要事先處理,把<變成<,把>變成>。然后添加一個(gè)特殊的類型,brush加引號(hào)加上你們的代碼的類型。如要高亮javascript則要class="brush:javascript",高亮css則要class="brush:css"。當(dāng)然成功與否還在于你是否引進(jìn)相關(guān)的javascript文件(指shBrushJScript.js等)
注意,這時(shí)代碼不但只高亮了,還會(huì)多出行號(hào)與工具欄,這就要更細(xì)致的配置。它們都在那個(gè)類名上做手腳,如把行號(hào)禁止了,就要class="brush:javascript;gutter:false;"。
這些參數(shù)具體可見(jiàn)這里
<pre class="brush:javascript;gutter:false;toolbar:false">
dom.ready(function(){
test("dom.ready");
});
</pre>
- SyntaxHighlighter 去掉右側(cè)滾動(dòng)條的方法
- 防止SyntaxHighlighter.js的代碼高亮?xí)r閃一下的解決方法
- SyntaxHighlighter自動(dòng)識(shí)別并加載腳本語(yǔ)言
- z-blog SyntaxHighlighter 長(zhǎng)代碼無(wú)法換行解決辦法(基于jquery)
- SyntaxHighlighter 3.0.83使用筆記
- ckeditor syntaxhighlighter代碼高亮插件配置分享
- CKEditor中加入syntaxhighlighter代碼高亮插件
- z-blog SyntaxHighlighter 長(zhǎng)代碼無(wú)法換行解決辦法(jquery)
- 解決SyntaxHighlighter 代碼高亮不換行問(wèn)題的解決方法
- FCKeditor + SyntaxHighlighter 讓代碼高亮著色插件
- 代碼著色之SyntaxHighlighter項(xiàng)目(最流行的代碼高亮)
- syntaxhighlighter 去掉右上角問(wèn)號(hào)圖標(biāo)的三種方法
- 為SyntaxHighlighter添加新語(yǔ)言的方法
- SyntaxHighlighter配合CKEditor插件輕松打造代碼語(yǔ)法著色
- SyntaxHighlighter語(yǔ)法高亮插件使用說(shuō)明
- ckeditor syntaxhighlighter代碼高亮插件,完美修復(fù)
- coolcode轉(zhuǎn)SyntaxHighlighter與Mysql正則表達(dá)式實(shí)現(xiàn)分析
- FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合
- 使用SyntaxHighlighter實(shí)現(xiàn)HTML高亮顯示代碼的方法
- FCKEditor SyntaxHighlighter整合實(shí)現(xiàn)代碼高亮顯示
- SyntaxHighlighter代碼加色使用方法
- syntaxhighlighter 使用方法
- 關(guān)于實(shí)現(xiàn)代碼語(yǔ)法標(biāo)亮 dp.SyntaxHighlighter
- SyntaxHighlighter?Autoloader(自動(dòng)加載)最優(yōu)方式
相關(guān)文章
PHP網(wǎng)頁(yè) Ewebeditor 編輯器嵌入方法
因?yàn)閑webeditor編輯器的功能強(qiáng)大,容易擴(kuò)展等原因,一直是大家比較喜愛(ài)的編輯器,所以下面介紹下ewebeditor如何跟php結(jié)合。2009-07-07ASp.net下fckeditor配置圖片上傳最簡(jiǎn)單的方法
fckeditor 的基本配置我就不講了,講講圖片上傳這塊吧;2010-01-01ckeditor syntaxhighlighter代碼高亮插件配置分享
現(xiàn)在大家可以不必像我這樣為了實(shí)現(xiàn)代碼高亮的功能,去修改ckeditor編輯器,大家可以去使用百度編輯器(Ueditor)他有代碼高亮的功能,還蠻好用的,我的個(gè)人網(wǎng)站就是的百度編輯器的。歡迎大家去我的博客看看2014-12-12fckediter javascript事件函數(shù)代碼
fckediter javascript事件函數(shù)代碼,另外fckeditor的可以擴(kuò)展性不錯(cuò),大家可以學(xué)習(xí)下,具體的代碼,可以參考腳本之家以前發(fā)布的文章。2009-12-12ie9后瀏覽器fckeditor無(wú)法上傳圖片、彈出浮層內(nèi)容不顯示的解決方法
升級(jí)到IE9后,fckeditor在IE9里的彈出浮動(dòng)層會(huì)出現(xiàn)bug,里面的內(nèi)容不會(huì)出現(xiàn)。原因是IE9不支持var $=document.getElementById;這樣的寫法了2014-01-01FCKEditor超級(jí)鏈接默認(rèn)新窗口打開的修改方法
經(jīng)常在后臺(tái)編輯超鏈接的朋友,希望將頁(yè)面鏈接,默認(rèn)是新窗口打開,因?yàn)檫@樣用戶體驗(yàn)好點(diǎn),所以將FCKEditor簡(jiǎn)單的修改下。2010-06-06autogrow 讓FCKeditor高度隨內(nèi)容增加的插件
讓FCKeditor高度隨內(nèi)容增加的插件,這個(gè)插件在默認(rèn)情況下可能運(yùn)行不正常,必須做一點(diǎn)修改才可以。2011-02-02一款支持插入表情的編輯器實(shí)現(xiàn)代碼(簡(jiǎn)單思路挺重要)
先說(shuō)做的是什么哈。 一個(gè)發(fā)言框,功能不多。 要求能插入表情,最終得到的代碼表情不是<img>標(biāo)記,而是類似 /:haha 的表情代碼。項(xiàng)目做的時(shí)候有些部分用了Jquery直接上代碼了2010-07-07FCKeditor 2.6 編碼錯(cuò)誤導(dǎo)致修改的內(nèi)容出現(xiàn)亂碼的解決方法
我修改了該文件,其中有些中文字,在 IE 中打開之,發(fā)現(xiàn)是亂碼,原來(lái)這個(gè)文件有問(wèn)題。文件中指定了 charset 為 utf-82010-03-03DISCUZ論壇的UBB編輯器(增加靈活調(diào)用,支持ASP UBB解析)打包下載
從Discuz分離的網(wǎng)頁(yè)編輯器,大家可以加到自己的頁(yè)面上2008-04-04