Windows Live Writer 实现代码高亮

 更新时间:2009年05月12日 18:22:30   转载 作者:  
有时会包含大量代码,如果能在文章中高亮显示代码文章的可读性肯定会好很多。
为了实现代码高亮,之前找了很多插件,但是效果都不是很理想。经过研究终于找到一个完美的解决方案,这个解决方案具有如下优点:
    1. 代码简洁,用<pre>标签实现代码高亮,不会生成太多Html标签。
    2. 支持多种语言,包括c#,c++,php,python等10多种语言。
    3. 扩充方便,可以通过简单二次开发实现对其它语言的支持。
    4. 使用方便,把代码复制到代码高亮转换窗口即可。

下面一步步介绍如何配置WLW+wordpress的代码高亮解决方案:

1.准备工作:

下载

下载成功后得到一个名为PreCodePlugin_4.0.2.msi的文件

下载

下载成功后得到一个名为syntaxhighlighter_2.0.296.zip文件。

2.安装:

关闭Windows Live Writer,安装PreCodePlugin_4.0.2.msi。安装成功后启动WLW,此时在插件列表里应该出现一项名为PreCode Snippet的插件。

将syntaxhighlighter_2.0.296.zip解压缩至wordpress的活动主题目录,例如:\www\wp\wp-content\themes\lutuzhi\

3.在header.php 中,在<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />下方添加:

复制代码 代码如下:

<script type="text/javascript" src="scripts/shCore.js"></script>
02.<script type="text/javascript" src="scripts/shBrushBash.js"></script>
03.<script type="text/javascript" src="scripts/shBrushCpp.js"></script>
04.<script type="text/javascript" src="scripts/shBrushCSharp.js"></script>
05.<script type="text/javascript" src="scripts/shBrushCss.js"></script>
06.<script type="text/javascript" src="scripts/shBrushDelphi.js"></script>
07.<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
08.<script type="text/javascript" src="scripts/shBrushGroovy.js"></script>
09.<script type="text/javascript" src="scripts/shBrushJava.js"></script>
10.<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
11.<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
12.<script type="text/javascript" src="scripts/shBrushPlain.js"></script>
13.<script type="text/javascript" src="scripts/shBrushPython.js"></script>
14.<script type="text/javascript" src="scripts/shBrushRuby.js"></script>
15.<script type="text/javascript" src="scripts/shBrushScala.js"></script>
16.<script type="text/javascript" src="scripts/shBrushSql.js"></script>
17.<script type="text/javascript" src="scripts/shBrushVb.js"></script>
18.<script type="text/javascript" src="scripts/shBrushXml.js"></script>
19.<link href="styles/shCore.css" type="text/css" rel="stylesheet" />
20.<link href="styles/shThemeEmacs.css" type="text/css" rel="stylesheet" />
21.<script type="text/javascript">SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';SyntaxHighlighter.all();</script>

如此配置之后,通过Windows Live Writer插入的代码,在wordpress中可以十分优雅的显示出来。

相关文章

  • 让IE8和IE9支持eWebEditor在线编辑器的方法

    让IE8和IE9支持eWebEditor在线编辑器的方法

    这篇文章主要介绍了让IE8和IE9支持eWebEditor在线编辑器的方法,eWebEditor常用在ASP制作的网站后台中,是比较古老的一款在线编辑器了,需要让IE8和IE9支持的朋友可以参考下
    2014-06-06
  • 为SyntaxHighlighter添加新语言的方法

    为SyntaxHighlighter添加新语言的方法

    因为经常要在博客里贴一些Lua代码,但是所使用的SyntaxHighlighter插件默认不支持Lua语言,所以去研究了一下如何为SyntaxHighlighter添加并激活一个新的语言,这里将过程和有同样需求的童鞋分享
    2013-10-10
  • FCK判断内容是否为空(如果只是去空格,那么这种方式是错误的)

    FCK判断内容是否为空(如果只是去空格,那么这种方式是错误的)

    一般来说,像input里面的值都可以通过将内容去空格判断是否为空,但是FCK没那么简单,因为当你多打几个空格或者多打一些回车,它会自动地生成一些<p>标签,如果再用原先去空格判断的方法,显然是不可取的。
    2010-12-12
  • fckeditor php上传文件重命名的设置

    fckeditor php上传文件重命名的设置

    我使用的fckeditor版本是fckeditor2.6.4. fckeditor默认上传文件不没有重命名的,这样的话就很麻烦,有时上传中文的文件或者名称重复的文件就很恼火。
    2009-04-04
  • Qzone编辑器QzoneEditor打包下载

    Qzone编辑器QzoneEditor打包下载

    从qq上弄下来了,觉得漂亮
    2008-08-08
  • FCK 编辑器焦点问题

    FCK 编辑器焦点问题

    在使用FCK编辑器的时候,我们经常会进行对FCK编辑器的赋值操作,赋值的操作有两个关键的地方,如果不清楚的话出了错还百思不得其解.
    2009-11-11
  • javascript 网页编辑框及拖拽图片的问题

    javascript 网页编辑框及拖拽图片的问题

    javascript 网页编辑框及拖拽图片的问题,需要的朋友可以参考下。
    2009-12-12
  • eWebEditor_v280_Free_Final最好用的网页编辑器下载

    eWebEditor_v280_Free_Final最好用的网页编辑器下载

    eWebEditor_v280_Free_Final最好用的网页编辑器下载...
    2007-09-09
  • FCKeditor 图片上传进度条不动的解决方法

    FCKeditor 图片上传进度条不动的解决方法

    开发的“历史五千年”网站,使用FCKeditor,在本地上传图片一切正常,但昨天晚上实际向网络服务器(Windows Server 2003)发送图片时,发送图像进度条一直在滚动,无法关闭,通过FTP服务器查看服务器,图片已经传送上去,但这个滚动条却无法结束。
    2011-08-08
  • 百度编辑器 如何获取光标位置与不同帧内的节点

    百度编辑器 如何获取光标位置与不同帧内的节点

    当我们console.log(domUtils)的时候,可以在控制台中,看见很多domUtils下的方法,这些方法都是用于操作节点的,findParentByTagName()顾名思义,获取的是节点,当我们的光标在编辑器内容处,而我们要获取相应内容外层节点的id以及各种属性,就需要通过domUtils来获得不同帧内的节点
    2012-07-07

最新评论