Windows Live Writer 之 代码快速插入插件（解决代码转义）

本文目录
[隐藏]

• 1WP-Syntax Quick Insert 简介
• 2WP-Syntax Quick Insert 安装和使用方法
• 3WP-Syntax Quick Insert 原版与倡萌修改版的区别

本文是《使用 Windows Live Writer 离线编辑器发布文章》系列教程的第 3 部分，该系列共包含以下 6 个部分：

1. 建站软件：Windows Live Writer 离线发布WordPress文章
2. Windows Live Writer 之 自定义字段插件+备份工具
3. Windows Live Writer 之 代码快速插入插件（解决代码转义）
4. Windows Live Writer 之 设置FTP上传图片
5. Windows Live Writer 之 快捷插入文本片段插件 TextTemplates
6. 让 Windows Live Writer 支持 WordPress 特色图像设置

对于码农来说，使用 Windows Live Writer 发布文章后，文章中的代码转义问题，一直都是比较麻烦的。

这里说的 代码转义：是指贴代码段的时候会自动把””<>&等这些符号自动替换成HTML转义符，这就导致了代码在文章中显示不正确。

为了解决这个问题，倡萌弃用了 WP-codebox高亮插件，改用WP-Syntax代码高亮插件，主要原因就是 WP-Syntax 支持 escaped=”true” 属性，避免转义。

为了配合WP-Syntax插件，我在 Windows Live Writer 安装了 WP-Syntax Quick Insert 插件，本文的主角就是她啦！

WP-Syntax Quick Insert 简介

WP-Syntax Quick Insert 是 Timmy 10年写的插件，倡萌也是偶然发现的。主要功能，就是弹出一个代码插入框，粘贴代码后选择代码类型，就可以在可视化模式下一键插入，所见即所得，解决转义符问题！

WP-Syntax Quick Insert 安装和使用方法

WP-Syntax Quick Insert 下载

官方原版下载 | 绿色原版备份下载 | 倡萌修改版下载（不同之处请看下文）

绿色版直接解压，复制到 C:Program FilesWindows LiveWriterPlugins 目录下，然后在选项-插件下启用即可。

WP-Syntax Quick Insert  使用方法

1.在可视化状态下，编辑器 的 插入界面，点击该插件

2.弹出界面，粘贴代码，选择类型，插入即可

作者提示：

1.本插件需配合以pre方式来显示代码高亮的WordPress插件，目前据我所知比较热门的两款是WP-Syntax 和 WP-CodeBox。

2.插件中的xml文件是用来记录各种语言在syntax插件中的名称，只添加了部分比较热门的语言，如果你想自己再加，可以参照http://wordpress.org/extend/plugins/wp-syntax/other_notes/里面所支持的语言自行添加，遵循原有文件的节点格式即可。

WP-Syntax Quick Insert 原版与倡萌修改版的区别

官方原版默认使用下面的封装代码

1
2
3
4
5
6
7

<div>
<pre lang="Language" escaped="true">
 
//添加你的代码
 
</pre>
</div>

<div> <pre lang=”Language” escaped=”true”> //添加你的代码 </pre> </div>

倡萌修改版改为使用下面的封装代码

1
2
3
4
5

<pre lang="Language" escaped="true" line="1">
 
//添加你的代码
 
</pre>

<pre lang=”Language” escaped=”true” line=”1″> //添加你的代码 </pre>

使用倡萌修改版，再配合《WordPress代码高亮插件：WP-Syntax》的修改技巧，就可以实现和WordPress大学一样的高亮效果啦！

之所以修改，原因有二：

1.原版封装代码中，添加了<div />，导致在某些主题中造成错位现象；

2.原版封装代码没有 line=”1″ ，也就是插入代码没有显示行数。

阅读该系列的其他文章： 上一篇：Windows Live Writer 之 自定义字段插件+备份工具 下一篇：Windows Live Writer 之 设置FTP上传图片