Windows Live Writer 實(shí)現(xiàn)代碼高亮
- 代碼簡潔,用<pre>標(biāo)簽實(shí)現(xiàn)代碼高亮,不會生成太多Html標(biāo)簽。
- 支持多種語言,包括c#,c++,php,python等10多種語言。
- 擴(kuò)充方便,可以通過簡單二次開發(fā)實(shí)現(xiàn)對其它語言的支持。
- 使用方便,把代碼復(fù)制到代碼高亮轉(zhuǎn)換窗口即可。
下面一步步介紹如何配置WLW+wordpress的代碼高亮解決方案:
1.準(zhǔn)備工作:
下載 precode code snippet manager
下載成功后得到一個(gè)名為PreCodePlugin_4.0.2.msi的文件
下載成功后得到一個(gè)名為syntaxhighlighter_2.0.296.zip文件。
2.安裝:
關(guān)閉Windows Live Writer,安裝PreCodePlugin_4.0.2.msi。安裝成功后啟動WLW,此時(shí)在插件列表里應(yīng)該出現(xiàn)一項(xiàng)名為PreCode Snippet的插件。
將syntaxhighlighter_2.0.296.zip解壓縮至wordpress的活動主題目錄,例如:\www\wp\wp-content\themes\lutuzhi\syntaxhighlighter
3.在header.php 中,在<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />下方添加:
<script type="text/javascript" src="scripts/shCore.js"></script>
02.<script type="text/javascript" src="scripts/shBrushBash.js"></script>
03.<script type="text/javascript" src="scripts/shBrushCpp.js"></script>
04.<script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
05.<script type="text/javascript" src="scripts/shBrushCss.js"></script>
06.<script type="text/javascript" src="scripts/shBrushDelphi.js"></script>
07.<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
08.<script type="text/javascript" src="scripts/shBrushGroovy.js"></script>
09.<script type="text/javascript" src="scripts/shBrushJava.js"></script>
10.<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
11.<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
12.<script type="text/javascript" src="scripts/shBrushPlain.js"></script>
13.<script type="text/javascript" src="scripts/shBrushPython.js"></script>
14.<script type="text/javascript" src="scripts/shBrushRuby.js"></script>
15.<script type="text/javascript" src="scripts/shBrushScala.js"></script>
16.<script type="text/javascript" src="scripts/shBrushSql.js"></script>
17.<script type="text/javascript" src="scripts/shBrushVb.js"></script>
18.<script type="text/javascript" src="scripts/shBrushXml.js"></script>
19.<link href="styles/shCore.css" type="text/css" rel="stylesheet" />
20.<link href="styles/shThemeEmacs.css" type="text/css" rel="stylesheet" />
21.<script type="text/javascript">SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';SyntaxHighlighter.all();</script>
如此配置之后,通過Windows Live Writer插入的代碼,在wordpress中可以十分優(yōu)雅的顯示出來。
相關(guān)文章
關(guān)于jsp版ueditor1.2.5的部分問題解決(上傳圖片失敗)
這篇文章主要介紹大家在使用jsp版ueditor1.2.5的碰到的一些問題解決方法,需要的朋友可以參考下2013-06-06常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、Ki
這篇文章主要介紹了常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor簡介,需要的朋友可以參考下2017-03-03kindSoft在線網(wǎng)頁編輯器簡單的配置參數(shù)介紹
對于網(wǎng)頁編輯器對做項(xiàng)目的時(shí)候是非常的又用的一個(gè)編輯器,大大的減輕了開發(fā)人員的負(fù)擔(dān),感覺KindSoft是一個(gè)不錯(cuò)的選擇,因此也在不斷的使用接下來介紹參數(shù)配置,需要的朋友可以了解下2013-01-01autogrow 讓FCKeditor高度隨內(nèi)容增加的插件
讓FCKeditor高度隨內(nèi)容增加的插件,這個(gè)插件在默認(rèn)情況下可能運(yùn)行不正常,必須做一點(diǎn)修改才可以。2011-02-02FCK編輯器(FCKEditor)添加新按鈕和功能的修改方法
最近項(xiàng)目需要對已有的FCKeditor添加新的功能,以前的做法只是在外殼處再次封裝,這次無法滿足需求只能進(jìn)行內(nèi)部修改了。2010-11-11徹底解決ewebeditor網(wǎng)站后臺不能上傳圖片的方法
隨著windows操作系統(tǒng)和IE瀏覽器版本的不斷推出,很多客戶都漸漸放棄了IE6,IE7,使用上了IE8瀏覽器,但是突然發(fā)現(xiàn)自己網(wǎng)站后臺里面的eWebEditor文本編輯器的插入圖片等等按鈕失效了,鼠標(biāo)點(diǎn)擊后什么反應(yīng)都沒有,IE瀏覽器左下角顯示一個(gè)黃色的感嘆號提示錯(cuò)誤,就以為是網(wǎng)站空間、服務(wù)器中毒了呢,一時(shí)間紛紛都來找我們詢問2012-03-03FCKeditor編輯器添加圖片上傳功能及圖片路徑問題解決方法
現(xiàn)在很多CMS系統(tǒng)因?yàn)榘踩驎押笈_編輯器里的上傳功能給去除,但這樣一來對實(shí)際使用過程造成了很多麻煩,今天我們以ASPCMS系統(tǒng)的FCKeditor編輯器為例,說明一下如何增加圖片上傳功能2014-04-04最新版CKEditor的配置方法及插件(Plugin)編寫示例
本文記錄配置CKEditor過程,并以文章分頁插件為例,簡要CKEditor Plugin編寫過程。 從官網(wǎng)http://ckeditor.com/download下載最新版CKEditor,解壓2017-03-03