Windows Live Writer 之 代码快速插入插件(解决代码转义)

对于码农来说,使用 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.在可视化状态下,编辑器 的 插入界面,点击该插件

wpdaxue.com-201210059

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

wpdaxue.com-201210060

作者提示:

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

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

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

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

&lt;div&gt;
&lt;pre lang=&quot;Language&quot; escaped=&quot;true&quot;&gt;
 
//添加你的代码
 
&lt;/pre&gt;
&lt;/div&gt;

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

&lt;pre lang=&quot;Language&quot; escaped=&quot;true&quot; line=&quot;1&quot;&gt;
 
//添加你的代码
 
&lt;/pre&gt;

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

之所以修改,原因有二:

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

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

倡萌提示:如果你的高亮插件不是使用<pre />封装代码的,你可以修改插件改为你自己的封装代码,当然了,你要会修改DLL文件才行哦。

来源:

https://www.wpdaxue.com/wp-syntax-quick-insert.html

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?