燕山网络科技

首页 网站教程wordpress教程正文

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

燕山网络科技2017-10-07468

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

  Windows Live Writer 之 代码快速插入插件(解决代码转义) WordPress网站维护 wordpress教程  第1张

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

 Windows Live Writer 之 代码快速插入插件(解决代码转义) WordPress网站维护 wordpress教程  第2张

  作者提示:

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

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

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

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

 Windows Live Writer 之 代码快速插入插件(解决代码转义) WordPress网站维护 wordpress教程  第3张

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

 Windows Live Writer 之 代码快速插入插件(解决代码转义) WordPress网站维护 wordpress教程  第4张

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

  之所以修改,原因有二:

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

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

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


燕山网络科技 https://www.hnysnet.com/wordpress/2561.html 转载需授权!

上一篇:Windows Live Writer 之 自定义字段插件+备份工具

下一篇:Windows Live Writer 之 设置FTP上传图片

(¬_¬) 还不快点抢沙发!!!

服务热线

15639981097

qrcode

扫一扫二维码,访问手机版