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