這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Prettify GC Syntax Highlighter

外掛說明

This plugin has prettify.js copied directly from google-code source browser. So your code will look exactly like it does on google-code.
CSS is slightly modified to embolden keywords and types.

License

See prettify.js for license details (Apache License 2.0). Other files are available under GPLv2.

Usage

<pre class="prettyprint">
// Put your code here.
</pre>

Or with shortcode:

  // Put your code here.

Making Code HTML Safe

The plugin automatically makes highlighted code html-safe:

<pre class="prettyprint">
Anything that goes here will be quoted to appear on the page as-is.
For example: <head></head><body></body>
</pre>

To avoid quoting your code, add dontquote as the first class.

<pre class="dontquote prettyprint">
Remember to quote manually.
For example: &lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;
</pre>

Line Numbering

Line numbdering can be enabled as follows:

<pre class="prettyprint linenums">
// Put your code here.
</pre>

If you want to start with a line number 42, you can do the following:

<pre class="prettyprint linenums:42">
// Put your code here.
</pre>

Highlighting Lines

When line numbering is enabled you can highlight one or several lines of code using the highlight class:

<pre class="prettyprint lang-YOURLANG linenums highlight:2,4">
// line 2
// line 3
// line 4
</pre>

Alternatively you can highlight one or several code segments:

<pre class="prettyprint lang-YOURLANG linenums highlight:1-3,5-6">
// line 2
// line 3
// line 4
// line 5
</pre>

Note: This feature is not available when line numbering is disabled.

Specifying Language

Most of the time the highlighter will do a good job guessing how to highlight the code. However, to achieve the best result, you should specify the language:

<pre class="prettyprint lang-YOURLANG">
// Put your code here.
</pre>

Replace YOURLANG with one of the following:

  • aea
  • agc
  • apollo
  • bsh
  • c
  • cc
  • cl
  • cpp
  • cs
  • csh
  • css-str
  • cv
  • cxx
  • cyc
  • default-markup
  • el
  • fs
  • go
  • hs
  • htm
  • html
  • java
  • js
  • json
  • lisp
  • lua
  • m
  • ml
  • mxml
  • perl
  • pl
  • pm
  • proto
  • py
  • rb
  • scala
  • scm
  • sh
  • sql
  • vhd
  • vhdl
  • wiki
  • xhtml
  • xml
  • xsl
  • yaml
  • yml

Shortcode

Here is a quick example. All the parameters are optional.

  // Put your code here.

Html quoting can be disabled as follows:

  // Put your code here.

The contents of shortcodes is auto-formatted by WP. As a result <p> and <br/> tags along
with some formatting will be lost. If you need to preseve the original formatting use
html notation instead of the shortcode.

Please Support

If you like Prettify GC Syntax Highlighter plugin, please donate a minute of your time and vote for it. Thank you!

螢幕擷圖

  • How to use and a short example.
  • A larger example with line numbers.

安裝方式

You can use the WordPress plugin installer:

  1. Go to: WpAdim -> Plugins -> Add New -> Upload.
  2. Simply upload the zip file and then click ‘Activate’.

Or you can install the plugin manually:

  1. Upload the content of the zip file to the /wp-content/plugins/ directory.
  2. Then activate the plugin through the ‘Plugins’ menu in WordPress.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Prettify GC Syntax Highlighter〉的開發相關工作。

參與者

將〈Prettify GC Syntax Highlighter〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.6.0

  • Fixed “wp_register_style was called incorrectly” warnings.

1.5.1

  • Fixed line highlight indices when using linenums.
  • Added shortcodes.

1.4

  • Added an option to highlight one or serveral lines of code.

1.3.1

  • Updated the language list.
  • Improved documentation.

1.2

  • Improved htlm-friendly quote filter.
  • Added line numbering support.
  • Added overflow support.

1.1

  • The first public version.