word中如何使用代碼高亮插件

word中如何使用代碼高亮插件

　　在用word發(fā)布博客的時(shí)候，高亮的代碼在博客中的格式亂了，后來(lái)改了一下這個(gè)插件，雖然還是有些瑕疵，但至少發(fā)布到博客后，格式不會(huì)亂了。那么下面就由學(xué)習(xí)啦小編給大家分享下word中使用代碼高亮插件的技巧，希望能幫助到您。

　　使用代碼高亮插件的步驟如下：

　　步驟一：下載插件和源代碼：SyntaxHighlighter4Word.zip

　　步驟二：下載文件后，解壓，然后雙擊bin\word2010\Kong.SyntaxHighlighter.Word2010.vsto或bin\word2007\Kong.SyntaxHighlighter.Word2007.vsto，即可完成安裝，當(dāng)然前提是你裝了.net framework 4.0。安裝成功后的提示如下：

　　步驟三：安裝插件后，會(huì)在word中多一個(gè)功能區(qū)(支持word2007和word2010)：

　　步驟四：點(diǎn)擊"設(shè)置"按鈕，彈出設(shè)置界面：

　　步驟五：這里簡(jiǎn)化了配置，去掉了前一個(gè)版本中的一些設(shè)置。

　　步驟六：點(diǎn)擊"插入代碼"按鈕，彈出如下界面：

　　步驟七：可以選擇C#、Java、Xml、Javascript等多種語(yǔ)言。

　　步驟八：在word效果如下：

　　步驟九：發(fā)布到博客后的效果如下：

　　using System;

　　using System.Collections.Generic;

　　using System.Linq;

　　using System.Text;

　　using System.Windows.Forms;

　　using Kong.SyntaxHighlighter.Winform;

　　using Microsoft.Office.Tools.Ribbon;

　　namespace Kong.SyntaxHighlighter.Word

　　{

　　public partial class Ribbon1

　　{

　　private void Ribbon1_Load(object sender, RibbonUIEventArgs e)

　　{

　　}

　　}

　　}

　　步驟十：我在Word中生成這段代碼的時(shí)候，用了ol和li，并且設(shè)置了ol以及l(fā)i的style，這樣在word中就可以顯示邊框以及交替行的顏色，同時(shí)給ol設(shè)了一個(gè)class=codeBlock，妄想在發(fā)布到博客后可以通過(guò)這個(gè)樣式名codeBlock來(lái)自定義自己喜歡的樣式。我在word中生成的代碼大概是這個(gè)樣子：

　　<ol class="codeBlock" ...但是word把這段代碼發(fā)布到博客后，會(huì)去除掉這個(gè)class，無(wú)語(yǔ)。。。

　　步驟十一：所以我們?cè)诓┛椭?，不得設(shè)置所有ol的style，幸好博客園的文章都是在一個(gè)id為cnblogs_post_body的div下的，所以我在我博客中加了下面的style：

　　#cnblogs_post_body ol

　　{

　　border: 1px dotted #000066;

　　line-height: 150%;

　　word-break: break-word;

　　font-family: Consolas, Verdana !important;

　　border-radius: 5px;

　　width: 90%;

　　background-color: #E3E3FF;

　　list-style-position: outside;

　　margin-left: 0px;

　　}

　　#cnblogs_post_body ol font

　　{

　　font-size: 12px !important;

　　}

　　#cnblogs_post_body ol li

　　{

　　background-color: #fff;

　　padding-left: 5px;

　　border-left: 1px solid #8A8AFF;

　　margin-left: 5px !important;

　　}

　　#cnblogs_post_body ol li:nth-child(even)

　　{

　　background-color: #f5f5f5;

　　}

　　步驟十二：補(bǔ)充一下，這段文本是加在這里的：