修改WP-Code-Highlight插件支持自动换行

» WordPress » 修改WP-Code-Highlight插件支持自动换行

只需添加几个代码就可以使的wp-code-highlight插件自动换行,更加美观

前言

wp-code-highlight是本网站使用的一款代码高亮插件,是使用google-code-prettfy代码着色的插件,使用非常简单,只需要在pre之间直接添加代码即可

修改方法

打开插件文件目录,修改插件的css文件即可
/wp-content/plugins/wp-code-highlight/css/wp-code-highlight.css
1,使用代码编辑器Ctrl+F功能,寻找这个代码

.prettyprint

然后为这个代码添加这两个属性

white-space: pre-wrap;word-wrap: break-word;

保存一下,搞定

如果使用七牛云或者缓存插件,彻底清除缓存之后才会生效

后语

这款代码高亮插件好处就是使用WordPress自带的 pre 标签就可以添加代码,而且对所有使用google-code-prettfy着色代码的插件比较友好,兼容性较好。由于这款插件的小巧,所以加载速度也很不错
注意:不正确的CSS压缩可能使得wp-code-highlight插件无法显示颜色!!

相关链接

如果你懒的去修改或者不会修改,我这里直接给出修改好的版本吧
修改版下载

-- 完 --

发表评论

电子邮件地址不会被公开。 必填项已用*标注

2 Replies to “修改WP-Code-Highlight插件支持自动换行”