本文是《使用 Windows Live Writer 离线编辑器发布文章》专题的第 3 篇,共 6 篇:
- 建站软件:Windows Live Writer 离线发布WordPress文章
- Windows Live Writer 之 自定义字段插件+备份工具
- Windows Live Writer 之 代码快速插入插件(解决代码转义)
- Windows Live Writer 之 设置FTP上传图片
- Windows Live Writer 之 快捷插入文本片段插件 TextTemplates
- 让 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" ,也就是插入代码没有显示行数。
倡萌提示:如果你的高亮插件不是使用<pre />封装代码的,你可以修改插件改为你自己的封装代码,当然了,你要会修改DLL文件才行哦。
到此这篇关于Windows Live Writer 之 代码快速插入插件(如何解决代码转义)就介绍到这了。每一个人,活在世上,必定要经历很多,承受很多。经历,不是沧桑,是沉淀;承受,不是苦难,是历练。在沧桑中领悟,在历练中成熟,迎一袖风,绽一树香,静品淡藏。趟过岁月冷暖,感知生命厚重,苦过,甜过,爱过,恨过,哭过,笑过,才是人生。更多相关Windows Live Writer 之 代码快速插入插件(如何解决代码转义)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!