基于 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

更新信息

2016年10月27日 更新:

  • 在代码区上面增加了语言类型名称,名称值读取的是 lang-后面的值。你可以在文本编辑器中设置为lang-CSSlang-HTMLlang-JavaScriptlang-ES6lang-ES5lang-ECMAScript6lang-js,等。如图:

    26f2c49d-4daf-4ef0-b1b3-347c46937db8

  • 增加了Sass 和 ECMAScript 6语法高亮。

安装说明

下载

目前还没有发布到WordPress官网,请在此页面点击下载ZIP

安装启用

  1. 下载的安装包,解压,传到插件目录,/wp-content/plugins/;
  2. 在WordPress的后台管理页面中启用WP-googlecodeprettify;

使用说明

TinyMCE富文本编辑器下使用

插件会在TinyMCE编辑器的工具栏中自动插入一个插入代码的按钮(名称:Google Code Prettify)。
如图:

继续阅读