欢迎登陆真网站,您的到来是我们的荣幸。 登陆 注册 忘记密码? ☆设为首页 △加入收藏
欢迎加入真幸福QQ群
电脑知识: 基础知识 网络技术 操作系统 办公软件 电脑维修 电脑安全 windows7 windows8 windows10 服务器教程 平板电脑 视频播放教程 网络应用 互联网 工具软件 浏览器教程 QQ技巧 输入法教程 影视制作 YY教程 wps教程 word教程 Excel教程 PowerPoint
云南西双版纳特产小花糯玉米真空包装


通过鼠标实现的浏览器快捷操作
酷我k歌怎么下载安装
如何制作Excel表格
Windows8系统存储空间设置方式
windows7怎么还原系统
酷我音乐怎么k歌
Win10系统笔记本待机时无线自动断网的解决方案
win10账户名称如何自定义
酷我音乐怎么制作歌词
2345智能浏览器中九宫格个性化设置
word2013中如何使用代码高亮插件
【 来源:网络 】【 点击:3 】 【 发布时间:2017_03_03 08:59:59 】

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

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

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

word2013中如何使用代码高亮插件 三联

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

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

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

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

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

  步骤八:在word效果如下:

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

  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;

      }

      步骤十二:补充一下,这段文本是加在这里的:

本网站由川南居提供技术支持,fkzxf版权所有 浙ICP备12031891号
淳安分站 淳安分站