您的位置:首页 > 软件教程 > 教程 > word2013中使用代码高亮插图文教程

word2013中使用代码高亮插图文教程

来源:互联网 | 时间:2016-07-28 13:45:30 | 阅读:79 |  标签: word   | 分享到:

使用代码高亮插件的步骤如下:

步骤一:下载插件和源代码:SyntaxHighlighter4Word.zip

步骤二:下载文件后,解压,然后双击bin\word2010\Kong.SyntaxHighlighter.Word2010.vsto或bin\word2007\Kong.SyntaxHighlighter.Word2007.vsto,即可完成安装,当然前提是你装了.net framework 4.0。安装成功后的提示如下:

word2013中使用代码高亮插图文教程

步骤三:安装插件后,会在word中多一个功能区(支持word2007和word2010):

word2013中使用代码高亮插图文教程

步骤四:点击"设置"按钮,弹出设置界面:

word2013中使用代码高亮插图文教程

步骤五:这里简化了配置,去掉了前一个版本中的一些设置。

步骤六:点击"插入代码"按钮,弹出如下界面:

word2013中使用代码高亮插图文教程

步骤七:可以选择C#、Java、Xml、Javascript等多种语言。

步骤八:在word效果如下:

word2013中使用代码高亮插图文教程

步骤九:发布到博客后的效果如下:

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以及li的style,这样在word中就可以显示边框以及交替行的颜色,同时给ol设了一个class=codeBlock,妄想在发布到博客后可以通过这个样式名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中使用代码高亮插图文教程

小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件[email protected]

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2024 haote.com 好特网