[WordPress] 外掛分享： Prettify Code Syntax

前言介紹

  • 這款 WordPress 外掛「Prettify Code Syntax」是 2013-02-14 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2013-03-21，距離現在已有 4427 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
  • 有 12 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

jesucarr |

外掛標籤

code | markup | syntax | prettify | highlighter |

內容簡介

這個外掛程式開發的主要原因是缺乏支援 HTML5 建議的選項，其中代碼片段應該被標記為 pre 之後是 code ，並且可以使用以 language- 開頭的類別，然後是我們的語言。

你可以像這樣使用這個外掛程式：



// my code

非常重要的是，儘管此外掛程式根據你的配置加載不同的文件，但它完全支援緩存腳本 （W3 Total Cache）以連接和壓縮所有 css 和 js，因此性能影響將最小化。

語言

這個語法加亮工具基於Google Code Prettify，應該支援多種語言，包括 C 和衍生語言、Java、Python、Bash、SQL、HTML、XML、JavaScript、Makefiles 和 Rust。在Ruby、PHP、VB 和 Awk上它可以正常運作，在Perl 和 Ruby 的一個不錯的子集上也可以正常運作，但由於註釋慣例的影響，它在Smalltalk上無法運作。

可以通過擴充支援其他語言（外掛程式選項）：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。

樣式

提供四種不同的樣式，可以在外掛程式的選項中預覽。這些樣式被修改，以確保它們不會與你的佈景主題中的任何樣式產生衝突。

你還可以選擇包含自己的自訂樣式。

如果你有想要在選項列表中看到的樣式，請聯繫我或者fork我。

注意事項

外掛程式選項在「設定」> 「語法加亮」。查看「截圖」選項卡以查看它的外觀。

如果你不太在意 HTML5 的建議，可以跳過 language- 類別。代碼總是會被自動檢測到。

如果你只使用 pre 標籤而沒有使用 code 標籤 （但是長行將被換行而不是水平捲軸），或者僅使用具有 prettyprint 類別的 code 標籤（但如果不使用 pre，你的空格和換行符將不會維持）。

使用業面編輯標籤時，要小心插入代碼，因為有些 HTML 標籤將被修改或刪除。

使用類似 W3 Total Cache 的快取外掛程式是非常推薦的。

演示

在這裡找到前端演示。

原文外掛簡介

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:


// my code

Also very important is that although this plugin loads different files depending on your configuration, it fully supports caching scripts (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 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, or fork me.
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 here a the bottom.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Prettify Code Syntax」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0 | 1.1 | 1.0.1 | 1.0.2 | 1.1.1 | 1.2.1 | trunk |

延伸相關外掛（你可能也想知道）

  • Enlighter – Customizable Syntax Highlighter 》Enlighter 是一款免費且易於使用的 WordPress 語法高亮工具。其語法高亮效果是由 EnlighterJS javascript 函式庫所提供，能呈現出漂亮的程式碼外觀。, 您可以...。
  • Crayon Syntax Highlighter 》一款支援自訂語言和佈景主題的 PHP 和 jQuery 語法突顯外掛。, 它可以從 URL 或 WordPress 文章的文字中進行突顯。Crayon 讓管理語言檔案和使用正則表達式定...。
  • Code Block Pro – Beautiful Syntax Highlighting 》展示你美麗的程式碼，不僅僅是顯示它！這個版塊外掛提供編輯程式碼塊的功能，直接運行你的程式碼，使用與受歡迎的 VS Code 編輯器相同的渲染引擎。此外掛提供...。
  • Urvanov Syntax Highlighter 》guage files, and there are many available on the plugin's website. The Urvanov Syntax Highlighter block is recommended for new posts instead of the...。
  • Code Prettify 》此外掛為自定版的Code Prettify library，支援本地樣式和腳本。此外掛會自動為頁面上的所有
    標籤應用代碼高亮。, 支援古騰堡，且不會將您鎖定在特...。
  • RichText Extension 》RichText Extension 這個外掛可為 Gutenberg 豐富文字編輯器新增實用的裝飾功能。, Highlighter 標記筆, 在內嵌文字上畫上標記。, 您可以設定標記的顏色、粗...。
  • Just Highlight 》Just Highlight 是一個 WordPress 外掛，可用於在文章或頁面中突顯文字，讓您輕鬆創建突顯閱讀者真正關心的內容的美觀文章。, 如何使用？, * 使用游標選擇...。
  • Simple Code Highlighter 》簡易程式碼高亮外掛, 程式碼高亮外掛使用 Google Code Prettify Script 來標示您的程式碼。您不需要程式設計技能來使用它。只需按下編輯器工具列上的按鈕並貼...。
  • WP Code Prettify 》此外掛可使用 Google Code Prettify 來為您的文章中的程式碼片段加入語法突顯。, 功能特色, , 提供更多樣式。, 可自訂顏色。, 可預先或後載入 js/css 檔案。,...。
  • Google Syntax Highlighter for WordPress 》這個外掛可以輕鬆地將 Google Syntax Highlighter 由 Alex Gorbatchev 整合至 WordPress。, 功能概要, , 100% 客戶端操作，不需依賴於伺服器, 支援多種語言, ...。
  • WP-Syntax Editor Integration Plugin 》此外掛將在 WordPress 編輯器面板的視覺化和 HTML 模式下添加一個按鈕，讓您輕鬆地插入 WP-Syntax 的程式碼。 WP-Syntax 是一個可從 https://wordpress.org/e...。
  • Syntax Highlighter Compress 》Syntax Highlighter ComPress 是一個簡單的 WordPress 外掛，基於最新的 Alex Gorbatchev 的 SyntaxHighlighter Script。它可以在 WordPress 中高亮顯示不同...。
  • Auto SyntaxHighlighter 》Auto SyntaxHighlighter 是 WordPress 的程式碼醒目顯示外掛程式。, 它使用了 alexgorbatchev 的 SyntaxHighlighter JavaScript 套件。, 自動載入 SyntaxHigh...。
  • APH Prism Syntax Highlighter 》Prism 是一個最受歡迎的語法高亮工具，被許多博客或網站廣泛使用，其中一些知名網站包括 Mozilla、Drupal 和 SitePoint。, 為什麼許多網站偏好使用這個高亮工...。
  • Announcement ticker highlighter scroller 》這個外掛可以顯示滾動的公告，並使用畫面高亮方式逐漸從底部向上顯示每個訊息。, 想觀看實際展示請查看官方網站 http://www.gopiplus.com/work/2010/07/18/an...。

文章
Filter
Apply Filters
Close
Mastodon