只需添加几个代码就可以使的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插件无法显示颜色!!
相关链接
如果你懒的去修改或者不会修改,我这里直接给出修改好的版本吧
修改版下载
-- 完 --
可以本地使用吗
无法安装,晕死。