基于 Google Code Prettify 实现的WordPress代码高亮插件——WP-googlecodeprettify

WP-googlecodeprettify一个基于 Google Code Prettify 实现的WordPress代码高亮插件,在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中,加入了pre-js,pre-css,pre-html 3个快捷按钮;

GitHub 开源地址:https://github.com/feiwen8772/wp-googlecodeprettify

代码高亮效果:http://www.css88.com/archives/4728

更新信息

2017年06月12日 v2.0 更新:

  • fix bug:WordPress更新,导致插件脚本报错。
  • 重构了可视化编辑器插入代码的功能。
  • 新增:代码复制到微信公众号文章中可以正常显示。

继续阅读

WordPress代码高亮插件——WP-googlecodeprettify更新

关于WP-googlecodeprettify,可以看看基于 Google Code Prettify 实现的WordPress代码高亮插件——WP-googlecodeprettify,也就是本站使用的代码高亮插件,如图:

C143FD27-E26E-47A9-B8A5-298E4CA8584C

因为WordPress 版本升级的原因,导致了产生了一下bug,所以修复了一下,目前我自己测试的是基于4.0版本的,4.0.1版本也正常,其他版本没测试。

修复了以下bug:
1.文本编辑状态下插入代码编辑器跳到底部的情况;
2.可视编辑器下,行号设置;

修改建议:
1.可视编辑器下弹窗打开慢的情况:原因是Google字体加载不到资源,请修改/wp-includes/js/tinymce/plugins/compat3x/css/dialog. css 文件,将第一行,也就是将

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600i talic,300,400,600&subset=latin-ext,latin);

注释掉;

下载地址:https://github.com/feiwen8772/wp-googlecodeprettify