Title: Prettify Code Syntax
Author: jesucarr
Published: <strong>2013 年 2 月 15 日</strong>
Last modified: 2013 年 3 月 21 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/prettify-code-syntax.svg)

# Prettify Code Syntax

 作者：[jesucarr](https://profiles.wordpress.org/jesucarr/)

[下载](https://downloads.wordpress.org/plugin/prettify-code-syntax.1.2.1.zip)

 * [详情](https://cn.wordpress.org/plugins/prettify-code-syntax/#description)
 * [评价](https://cn.wordpress.org/plugins/prettify-code-syntax/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/prettify-code-syntax/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/prettify-code-syntax/#developers)

 [支持](https://wordpress.org/support/plugin/prettify-code-syntax/)

## 描述

The main reason for the development of this plugin was the lack of options supporting
the **HTML5 recommendation**, where the code snippets should be tagged with `pre`
followed by `code`, and optionally a class starting with `language-` and then our
language.

You can use the plugin like this:

    ```
    <pre class="prettyprint"><code class="language-php">
    // my code
    </code></pre>
    ```

Also very important is that although this plugin loads different files depending
on your configuration, it fully **supports caching** scripts ([W3 Total Cache](https://wordpress.org/extend/plugins/w3-total-cache/))
to concatenate and compress all the css and js, so the impact in performance will
be minimum.

#### Languages

This syntax highlighter is based on [Google Code Prettify](http://google-code-prettify.googlecode.com/svn/trunk/README.html)
and should work on a number of languages including **C** and friends, **Java**, **
Python**, **Bash**, **SQL**, **HTML**, **XML**, **Javascript**, **Makefiles**, and
Rust. It works passably on **Ruby**, **PHP**, **VB**, and **Awk** and a decent subset
of **Perl** and **Ruby**, but, because of commenting conventions, doesn’t work on
Smalltalk.

Other languages are supported via an extension (plugin options): **CSS**, **SQL**,**
YAML**, **Visual Basic**, **Clojure**, **Scala**, **Latek (TeX, LaTeX)**, **WikiText**,**
Erlang**, **Go**, **Haskell**, **Lua**, **OCAML**, **SML**, **F#**, **Nemerle**,**
Protocol Buffers**, **CHDL (VHDL)**, **XQ (XQuery)**, **Lisp, Scheme**, **Dart**,**
Llvm**, **Mumps**, **Pascal**, **R, S**, **RD**, **TCL**

#### Styles

**Four** different styles are provided, and they can be previewed in the plugin 
options. They are modified to make sure they don’t clash with any other styles in
your theme.

You have also the option to include your **custom style**.

If you have a style that would like to see included in the option list, just [contact me](http://www.frontendmatters.com/contact/),
or [fork me](https://github.com/jesucarr/wordpress-prettify-code-syntax).

#### Notes

 * Plugin options are at Settings > Prettify Code Syntax. Have a look at the Screenshots
   tab to see how it looks like.
 * If you don’t care too much about the HTML5 recommendation, you can skip the `
   language-` class. The code always gets detected automatically.
 * It will also work if you only use a `pre` tag without the `code` tag (but long
   lines will be wrapped instead of get horizontal scroll), or if you only use a`
   code` tag with the `prettyprint` class (but if you don’t use `pre` your spaces/
   returns won’t be maintained.)
 * Be careful using the Visual Editor tab when inserting code, as some HTML tags
   will be modified or removed.
 * Using a chaching plugin like W3 Total Cache is highly recommended.

#### Demo

You can find a [front end demo](http://www.frontendmatters.com/open-source/wordpress-plugins/prettify-code-syntax/)
here a the bottom.

## 屏幕截图

 * [[
 * Language options
 * [[
 * Style options

## 安装

In your WordPress installation go to Plugins > Add New, and search for “prettify
code syntax” to find and install it automatically.

You can also install it manually:

 1. Download the plugin and upload the contents to the `/wp-content/plugins/` directory,
    using FTP or the Upload tab in Plugins > Add New.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Change settings if neccessary at Settings > Prettify Code Syntax

## 常见问题

  I want to add the tags “ or “ to my code, how can I do it without breaking the
snippet?

You can add a space before the closing `>`, like this `</code >`

  I found a bug, or have some code improvements, or have something to ask about 
the plugin. How do I contact you?

Best thing with anything related to code would be to [fork me or open an issue](https://github.com/jesucarr/wordpress-prettify-code-syntax).
For anything else you can [post a comment](http://www.frontendmatters.com/open-source/wordpress-plugins/prettify-code-syntax/)
or [contact me](http://www.frontendmatters.com/contact/).

## 评价

![](https://secure.gravatar.com/avatar/85bdc493b6f93ea980ab64218e99534065e59019a817a7ac0803c7555fcfa18e?
s=60&d=retro&r=g)

### 󠀁[.](https://wordpress.org/support/topic/7878552/)󠁿

 [krischik](https://profiles.wordpress.org/krischik/) 2017 年 2 月 8 日

 [ 阅读所有12条评价 ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/)

## 贡献者及开发者

「Prettify Code Syntax」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ jesucarr ](https://profiles.wordpress.org/jesucarr/)

[帮助将「Prettify Code Syntax」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/prettify-code-syntax)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/prettify-code-syntax/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/prettify-code-syntax/)，或通过[RSS](https://plugins.trac.wordpress.org/log/prettify-code-syntax/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/prettify-code-syntax/)。

## 更新日志

#### 1.2

 * Add Twitter Bootstrap style
 * Isolate default style. Every style now is independent
 * Fix bug where all languages were loaded
 * Code refactoring

#### 1.1

 * Add new languages
 * Several fixes and code refactoring

#### 1.0

 * First release

## 额外信息

 *  版本 **1.2.1**
 *  最后更新：**13 年前**
 *  活跃安装数量 **80+**
 *  WordPress 版本 ** 3.0.1 或更高版本 **
 *  已测试的最高版本为 **3.5.2**
 *  语言
 * [English (US)](https://wordpress.org/plugins/prettify-code-syntax/)
 * 标签
 * [code](https://cn.wordpress.org/plugins/tags/code/)[highlighter](https://cn.wordpress.org/plugins/tags/highlighter/)
   [markup](https://cn.wordpress.org/plugins/tags/markup/)[prettify](https://cn.wordpress.org/plugins/tags/prettify/)
   [syntax](https://cn.wordpress.org/plugins/tags/syntax/)
 *  [高级视图](https://cn.wordpress.org/plugins/prettify-code-syntax/advanced/)

## 评级

 4.2 星（最高 5 星）。

 *  [  6 条 5 星评价     ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=5)
 *  [  4 条 4 星评价     ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=4)
 *  [  1 条 3 星评价     ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=2)
 *  [  1 条 1 星评价     ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/)

## 贡献者

 *   [ jesucarr ](https://profiles.wordpress.org/jesucarr/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/prettify-code-syntax/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LEJAVTJUGWE3E)