[WordPress] 外掛分享: Prism Syntax Highlighter for WordPress

前言介紹

  • 這款 WordPress 外掛「Prism Syntax Highlighter for WordPress」是 2014-04-19 上架。
  • 目前有 60 個安裝啟用數。
  • 上一次更新是 2016-10-02,距離現在已有 3136 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.5.0 以上版本才可以安裝。
  • 有 7 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

nico23 |

外掛標籤

code | prism | syntax | prismjs | highlighter |

內容簡介

儘管 WordPress 上已經有兩款外掛可用,但我決定從頭自己寫一個。結果是一個極簡但功能強大的外掛,只有大約 250 行 PHP 代碼。

支援 Prism 的所有可能配置。
為 bash、css、js、markup、php、scss 添加 TinyMCE 下拉列表輕松嵌入

。(如果您想添加更多,我可以製作一個過濾器。)
只在需要時加載 Prism,而不是每個頁面都加載。
支援自動檢測 Prism 的 HTML。
支援使用 [prism] 簡碼顯示自訂字段中的代碼。
開發人員可以使用 prism 句柄來排隊預先註冊的腳本和樣式。
具有管理員編輯器按鈕,可快速添加簡碼模板片段。
出於設計考慮,沒有選項頁面。
閱讀更多 -> Prism Syntax Highlighter for WordPress

打包的 Prism 版本(2016-09-17)

連結:http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+bash+less+php&plugins=line-highlight+line-numbers+wpd+show-language

皮膚:Okaida

語言

Markup
CSS
C-like
JavaScript
Bash
PHP
Sass(Scss)

外掛

行高亮
行號
WebPlatform Docs
顯示語言

原文外掛簡介

Despite two plugins already on wordpress.org I decided to write my own from scratch. The result is a minimalistic but powerful plugin with only ~250 lines of PHP.

Supports every possible Prism configuration.
Adds TinyMCE dropdown lost for and

 for bash, css, js, markup, php, scss. (I can make a filter if you want to add more.)
Does not load prism on every page, only when needed.
Supports automatic detection of prism HTML.
Supports displaying code from custom fields with [prism] shortcode.
Developers may use the prism handle to enqueue the pre-registered script and style.
Has admin editor button for quick shortcode template snippet.
Has no options page by design.
Read more -> Prism Syntax Highlighter for WordPress

Bundled Prism Version (2016-09-17)
Link: http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+bash+less+php&plugins=line-highlight+line-numbers+wpd+show-language
Skin: Okaida
Languages

Markup
CSS
C-like
JavaScript
Bash
PHP
Sass (Scss)

Plugins

Line Highlight
Line Numbers
WebPlatform Docs
Show Language

各版本下載點

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

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


最新版本

延伸相關外掛(你可能也想知道)

  • 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 中高亮顯示不同...。
  • Prettify Code Syntax 》這個外掛程式開發的主要原因是缺乏支援 HTML5 建議的選項,其中代碼片段應該被標記為 pre 之後是 code ,並且可以使用以 language- 開頭的類別,然後是我們的...。
  • Auto SyntaxHighlighter 》Auto SyntaxHighlighter 是 WordPress 的程式碼醒目顯示外掛程式。, 它使用了 alexgorbatchev 的 SyntaxHighlighter JavaScript 套件。, 自動載入 SyntaxHigh...。
  • APH Prism Syntax Highlighter 》Prism 是一個最受歡迎的語法高亮工具,被許多博客或網站廣泛使用,其中一些知名網站包括 Mozilla、Drupal 和 SitePoint。, 為什麼許多網站偏好使用這個高亮工...。

文章
Filter
Apply Filters
Mastodon