技術員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當前位置:主頁 > 教程 > 軟件教程 > word教程 >

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

來源:技術員聯(lián)盟┆發(fā)布時間:2018-10-16 00:07┆點擊:

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

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

  步驟二:下載文件后,解壓,然后雙擊binword2010Kong.SyntaxHighlighter.Word2010.vsto或binword2007Kong.SyntaxHighlighter.Word2007.vsto,即可完成安裝,當然前提是你裝了.net framework 4.0。安裝成功后的提示如下:

word2013中如何使用代碼高亮插件 三聯(lián)

  步驟三:安裝插件后,會在word中多一個功能區(qū)(支持word2007和word2010):

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

  步驟四:點擊"設置"按鈕,彈出設置界面:

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

  步驟五:這里簡化了配置,去掉了前一個版本中的一些設置。

  步驟六:點擊"插入代碼"按鈕,彈出如下界面:

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

  步驟七:可以選擇C#、Java、Xml、Javascript等多種語言。

  步驟八:在word效果如下:

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

  步驟九:發(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中生成這段代碼的時候,用了ol和li,并且設置了ol以及l(fā)i的style,這樣在word中就可以顯示邊框以及交替行的顏色,同時給ol設了一個class=codeBlock,妄想在發(fā)布到博客后可以通過這個樣式名codeBlock來自定義自己喜歡的樣式。我在word中生成的代碼大概是這個樣子:

  

  步驟十一:所以我們在博客中,不得設置所有ol的style,幸好博客園的文章都是在一個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;

  }

  步驟十二:補充一下,這段文本是加在這里的:

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