Title: Code Syntax Highlighter
Author: kartikaykanojia
Published: <strong>2018年8月30日</strong>
Last modified: 2018年8月30日

---

搜尋外掛

![](https://ps.w.org/code-syntax-highlighter/assets/banner-772x250.png?rev=1933160)

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

![](https://ps.w.org/code-syntax-highlighter/assets/icon-256x256.png?rev=1933160)

# Code Syntax Highlighter

 由[kartikaykanojia](https://profiles.wordpress.org/kartikaykanojia/)

[下載](https://downloads.wordpress.org/plugin/code-syntax-highlighter.zip)

 * [詳情](https://zh-hk.wordpress.org/plugins/code-syntax-highlighter/#description)
 * [評價](https://zh-hk.wordpress.org/plugins/code-syntax-highlighter/#reviews)
 *  [安裝](https://zh-hk.wordpress.org/plugins/code-syntax-highlighter/#installation)
 * [開發](https://zh-hk.wordpress.org/plugins/code-syntax-highlighter/#developers)

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

## 描述

A code syntax highlighter an easy to use source code embedding in wordpress with
different(55) themes with 172 languages.
 It uses dynamic script loading to load
only essential javascript to render code syntax highliting. It uses most powerfull
open source library CodeMirror as engine.

**Features**

 * Dynamic script loading to minimize load time and http call
 * 172 language support
 * 172 shortcodes
 * Shortcode picker in editor
 * Lightweight language selector
 * Multiple Theme support
 * 55 Themes
 * Theme manager
 * Theme uploader (Upload your own theme)
 * Compatible with all WordPress themes
 * Fast and secure
 * Cross browser compatible
 * Line numbering
 * A powerful, composable language system
 * Bracket and tag matching
 * Line selector
 * Able to resize to fit content

**Minimum system requirements:**

 * [PHP](https://php.net) version **5.2** or higher.
 * [MySQL](https://www.mysql.com) version **5.0** or higher.

**Recommended system requirements:**

 * [PHP](https://php.net) version **7.0** or higher.
 * [MySQL](https://www.mysql.com) version **5.6** or higher.

**Credits**

 * The banner of plugin is a copyrighted image created by the [Briskjab](http://www.briskjab.com).(
   C) All rights reserved.
 * [CodeMirror](https://codemirror.net/) is an open-source project shared under 
   the [MIT license](https://codemirror.net/LICENSE).

## 螢幕截圖

[⌊Plugin main settings page.⌉⌊Plugin main settings page.⌉[

Plugin main settings page.

[⌊Plugin theme settings page.⌉⌊Plugin theme settings page.⌉[

Plugin theme settings page.

[⌊Example of post with php,html,javascript,css code. "Material Design light" theme.⌉⌊
Example of post with php,html,javascript,css code. "Material Design light" theme
.⌉[

Example of post with php,html,javascript,css code. “Material Design light” theme.

[⌊Example of post with php,html,javascript,css code. "Darcula" theme.⌉⌊Example of
post with php,html,javascript,css code. "Darcula" theme.⌉[

Example of post with php,html,javascript,css code. “Darcula” theme.

[⌊Example of post with php,html,javascript,css code. "Ambience" theme.⌉⌊Example 
of post with php,html,javascript,css code. "Ambience" theme.⌉[

Example of post with php,html,javascript,css code. “Ambience” theme.

[⌊Edit page TinyMce shortcode button.⌉⌊Edit page TinyMce shortcode button.⌉[

Edit page TinyMce shortcode button.

## 安裝

Automatically via WordPress Admin Area:

 1. Log in to Admin Area of your WordPress website.
 2. Go to “`Plugins`” -> “`Add New`“.
 3. Find this plugin and click install.
 4. Activate this plugin through the “`Plugins`” tab.

Manually via FTP access:

 1. Download a copy (ZIP file) of this plugin from WordPress.org.
 2. Unzip the ZIP file.
 3. Upload the unzipped catalog to your website’s plugin directory (`/wp-content/plugins/`).
 4. Log in to Admin Area of your WordPress website.
 5. Activate this plugin through the “`Plugins`” tab.

## 常見問題

  Installation Instructions

Automatically via WordPress Admin Area:

 1. Log in to Admin Area of your WordPress website.
 2. Go to “`Plugins`” -> “`Add New`“.
 3. Find this plugin and click install.
 4. Activate this plugin through the “`Plugins`” tab.

Manually via FTP access:

 1. Download a copy (ZIP file) of this plugin from WordPress.org.
 2. Unzip the ZIP file.
 3. Upload the unzipped catalog to your website’s plugin directory (`/wp-content/plugins/`).
 4. Log in to Admin Area of your WordPress website.
 5. Activate this plugin through the “`Plugins`” tab.

  Q. Can i upload my own designed theme on this plugin ?

A. Yes, by using code syntax highighter setting you can upload your own theme.

  Q. Does this plugin load all languages on runtime ?

A. No, it only loads required languages scripts and addons.

  Q. My wordpress site only needed limited set of languages, is there anyway of 
limiting loading of languages ?

A. Yes, in code syntax highlighter setting check on ‘load limited languages’.

## 評價

There are no reviews for this plugin.

## 貢獻者及開發者

“Code Syntax Highlighter” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

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

[將 Code Syntax Highlighter 外掛本地化為台灣繁體中文版。](https://translate.wordpress.org/projects/wp-plugins/code-syntax-highlighter)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/code-syntax-highlighter/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/code-syntax-highlighter/)，或
透過 [RSS](https://plugins.trac.wordpress.org/log/code-syntax-highlighter/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/code-syntax-highlighter/)。

## 其它

 *  Version **1.0.0**
 *  Last updated **8 年之前**
 *  Active installations **少於10**
 *  WordPress version ** 3.9 or higher **
 *  Tested up to **4.9.31**
 *  PHP version ** 5.2 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/code-syntax-highlighter/)
 * Tags
 * [Codemirror](https://zh-hk.wordpress.org/plugins/tags/codemirror/)[hightlight](https://zh-hk.wordpress.org/plugins/tags/hightlight/)
   [snippet](https://zh-hk.wordpress.org/plugins/tags/snippet/)[syntax highlighter](https://zh-hk.wordpress.org/plugins/tags/syntax-highlighter/)
   [syntax highlighting](https://zh-hk.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [進階顯示](https://zh-hk.wordpress.org/plugins/code-syntax-highlighter/advanced/)

## 評分

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/code-syntax-highlighter/reviews/)

## 貢獻者

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

## 支援

有話想說？需要協助？

 [檢視支援論壇](https://wordpress.org/support/plugin/code-syntax-highlighter/)

## 捐贈

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.me/kartikaykanojia)