WordPress中代码高亮和对齐

在博客中插入代码是一个码工最常做的事,但是向wordpress中粘贴代码时会默认去除了代码中的空格、Tab,使得代码失去了对齐和缩进,试想,一大块代码通通左对齐,这简直是一场噩梦。当然默认插入的代码页是没有语法高亮的。对我而言,没有对齐缩进和语法高亮的代码是不足以付之一撇的。

以前一直用CSDN的写博客,其插入代码功能还是不得不赞的,深得我心(虽然其它方面有各种限制和不合意)。于是动手改造我的wordpress编辑器,企图向CSDN的靠拢。虽然在尝试了各种方法后,没有能够实现与其相似的功能,但也算找到了一种方法迂回的实现了代码的高亮和对齐。

代码高亮

各种代码高亮插件供君选择,我偏好“SyntaxHighlighter Evolved”插件,其显示风格样式很合我意,使用简单。

代码对齐

由于不想放弃“SyntaxHighighter Evolved”,我拒绝了一些其他的代码对齐方法,而采用了下述方法

(1) 下载WordPress 代码粘贴助手(地址1地址2

(2) 将对齐后的代码(可以使用其他编辑器对齐代码)粘贴到WordPress代码粘贴助手中,点击“转换”,复制转换得到的代码。

助手1

(3) 在WordPress的文章编辑器中,切换到“文本”模式,粘贴转换得到的代码。

文本模式

(4) 再切换回“可视化”模式,在代码之前加上[@cpp],在代码之后加上[/cpp] (为了使用sytaxhighlighter的语法高亮)。

cpp

(1)-(3) 步可参考教程。感谢哈哈大侠的软件,对我很实用。

--------------------------------

2013-12-24更新

发现上述使用“WordPress 代码粘贴助手”来保持大块粘贴代码的对齐和缩进格式的方法,也常失效。至少今天我就自己就没有成功。WordPress在线撰写编写文章存在着诸多不便,于是我最终选择了安装Windows Live Writer离线写博客。

作者:JarvisChu
原文链接:WordPress中代码高亮和对齐
版权声明:自由转载-非商用-非衍生-保持署名 | Creative Commons BY-NC-ND 3.0

发表评论