WordPress代码高亮插件 prettycode

使用 wordpress 后，由于经常需要贴代码，尝试过很多种语法高亮插件，都不怎么满意。要么是太过庞大，要么功能太过单一，或者贴代码不怎么方便。使用非IE的浏览器时，代码贴到编辑器中，往往缩进就被破坏了。基于在we­bkit内核的浏览器中，粘贴纯文本还经常出现让人蛋疼的 #_mcePaste 问题。

我需要这样一款插件

对于语法的着色，我没有什么太高的要求，因为经常访问Google Code的关系，比较喜欢 google-code-prettify 这个着色工具。小巧灵活，加载快。

作为程序员，贴代码的时候，经常还会对代码中的函数或者语句作一些解释，我之前都是用加粗或者高亮色。不过一些专业的程序设计的网站都是使用 code 标签设置单独的样式。而目前我所接触的高亮插件中，并没有提供这些我需要的功能。于是冲动之下，快速学习了­word­press plug­in的相关教程，并参考了一些插件结构，对之前开发的 pret­ty­but­ton 进行了改进，制作了新的 wordpress 语法高亮插件 － pret­ty­code。

这所以命名命名 prettycode ，是因为使用了 google-code-prettify 着色工具。

Pret­ty­­Code介绍

prettycode 是一款 wordpress 代码高亮插件，可以方便的插入 Code Block 和 Inline Code ，使用 google-code-prettify 进行代码着色。它具有以下特性：

• 基于 google-code-prettify 的代码高亮，无需指定语言类型，小巧方便。
• 支持点击 tinymce 工具栏按钮弹出层来插入代码片断，免去非IE内核浏览器在 tinymce 的 visual 模式中粘贴代码失丢失缩进格式的问题
• 支持点击 tinymce 工具栏按钮 选中单词或短句增加 Inline Code 的高亮效果，以蓝色等宽字体显示。
• 支持对粘贴的 HTML 转义字符自动转义。
• 编辑文章时，对加入的代码块增加边框效果，与其它文本区分。
• 自动在页面中加入­google-code-pret­ti­fy的脚本和样式，并在文档加载完成后触发着色，无需手动编辑主题文件。

prettycode 的 tinymce 效果图

如何安装 prettycode

1. 从 github 下载 prettycode ，地址： http://github.com/greatghoul/PrettyCode
2. 解压后将 prettycode 文件夹放置在 wordpress 的 wp-content/plugins/ 目录下即可。
3. 在 wordpress 的 plugins 中激活 Pret­ty­­Code。

关注 PrettyCode

PrettyCode 是一款开源的插件

• Github – http://github.com/greatghoul/PrettyCode
• Blog – http://www.g2w.me/tag/prettycode/