word中如何使用代碼高亮插件
word中如何使用代碼高亮插件
在用word發(fā)布博客的時(shí)候,高亮的代碼在博客中的格式亂了,后來改了一下這個(gè)插件,雖然還是有些瑕疵,但至少發(fā)布到博客后,格式不會亂了。那么下面就由學(xué)習(xí)啦小編給大家分享下word中使用代碼高亮插件的技巧,希望能幫助到您。
使用代碼高亮插件的步驟如下:
步驟一:下載插件和源代碼:SyntaxHighlighter4Word.zip
步驟二:下載文件后,解壓,然后雙擊bin\word2010\Kong.SyntaxHighlighter.Word2010.vsto或bin\word2007\Kong.SyntaxHighlighter.Word2007.vsto,即可完成安裝,當(dāng)然前提是你裝了.net framework 4.0。安裝成功后的提示如下:
步驟三:安裝插件后,會在word中多一個(gè)功能區(qū)(支持word2007和word2010):
步驟四:點(diǎn)擊"設(shè)置"按鈕,彈出設(shè)置界面:
步驟五:這里簡化了配置,去掉了前一個(gè)版本中的一些設(shè)置。
步驟六:點(diǎn)擊"插入代碼"按鈕,彈出如下界面:
步驟七:可以選擇C#、Java、Xml、Javascript等多種語言。
步驟八:在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ā)布到博客后可以通過這個(gè)樣式名codeBlock來自定義自己喜歡的樣式。我在word中生成的代碼大概是這個(gè)樣子:
<ol class="codeBlock" ...但是word把這段代碼發(fā)布到博客后,會去除掉這個(gè)class,無語。。。
步驟十一:所以我們在博客中,不得設(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ǔ)充一下,這段文本是加在這里的:
看了“word中如何使用代碼高亮插件”此文的人還看了: