[WordPress] 外掛分享: Prismatic

WordPress 外掛 Prismatic 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Prismatic」是 2016-10-23 上架。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2025-03-21,距離現在已有 43 天。
  • 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6.20 以上。
  • 有 45 人給過評分。
  • 論壇上目前有 2 個提問,問題解答率 50%

外掛協作開發者

specialk |

外掛標籤

code | syntax | language | Highlight |

內容簡介

唯一的 3 合 1 語法高亮插件!

使用 Prism.js、Highlight.js 或純文字轉義顯示美麗的程式碼片段:

Prism.js – 使用 Prism.js 轉義和語法高亮
Highlight.js – 使用 Highlight.js 轉義和語法高亮
Plain Flavor – 不需要用到語法高亮的文字轉義

想看 使用 Highlight.js 的示範文章?我在 WP-Mix 和 Plugin Planet 的所有程式碼片段都使用此插件 🙂

Prism.js 的功能

支援超過 60 種編程語言
可以從所有 8 種可用的 Prism 主題中選擇
提供 Gutenberg 區塊以添加程式碼片段
提供TinyMCE/Visual 按鈕以添加程式碼片段
啟用 Prism 外掛的 行數功能
啟用 Prism 外掛的 行高亮功能
啟用 Prism 外掛的 語言顯示功能
啟用 Prism 外掛的 複製代碼按鈕
啟用 Prism 外掛的 命令列功能
在文章內容、摘要和留言中突顯顯示程式碼
檢測 language- 和 lang- 的類名前綴
限制對文章和頁面的語法高亮
高亮單行和多行代碼
對轉義程式碼的細節控制
智能載入 CSS 和 JS 資源
支援在單篇文章檢視中使用 ACF

Highlight.js 的功能

支援超過 50 種編程語言
可以從所有 90 種可用的 Highlight 主題中選擇
提供 Gutenberg 區塊以添加程式碼片段
提供TinyMCE/Visual 按鈕以添加程式碼片段
自定義 Highlight.js 的 JS 初始設置
在文章內容、摘要和留言中突顯顯示程式碼
限制對文章和頁面的語法高亮
高亮封鎖程式碼
檢測 language- 和 lang- 的類名前綴
啟用不需要類名前綴的Class名稱支援
對轉義程式碼的細節控制
智能載入 CSS 和 JS 資源

Plain Flavor 功能

對文章內容、摘要和/或留言啟用轉義功能
在前端區域、管理區域或兩者都啟用轉義功能
提供 Gutenberg 區塊以添加程式碼片段
提供TinyMCE/Visual 按鈕以添加程式碼片段
轉義單行和多行程式碼片段
轉義 標籤(基於配置)

一般功能

容易理解和使用
依賴 WordPress APIs 建構
誕生於簡潔,不雜亂無用
乾淨,沒有錯誤的代碼
輕量級、快速和靈活
注重性能和安全
只在需要時載入 CSS/JS 資源
遵循 HTML 編碼最佳實踐
與 Gutenberg 區塊編輯器兼容

原文外掛簡介

The only 3-in-1 syntax highlighter!
Display beautiful code snippets with Prism.js, Highlight.js, or plain code escaping:

Prism.js – Code escape + syntax highlight using Prism.js
Highlight.js – Code escape + syntax highlight using Highlight.js
Plain Flavor – Code escape without syntax highlight

Check out a demo post using Highlight.js. I also use this plugin at WP-Mix and Plugin Planet for all code snippets 🙂
Prism.js Features

Supports 60+ coding languages
Choose from all 8 available Prism themes
Provides a Gutenberg block for adding code snippets
Provides TinyMCE/Visual buttons for adding code snippets
Option to enable Prism plugin Line Numbers
Option to enable Prism plugin Line Highlight
Option to enable Prism plugin Show Language
Option to enable Prism plugin Copy Code Button
Option to enable Prism plugin Command Line
Highlights code in post content, excerpts, and comments
Detects language- and lang- class prefixes
Limit syntax highlighting to Posts and Pages
Highlight single-line and multi-line code
Granular control over code escaping
Smart loading of CSS & JS assets
Support for ACF on single post views

Highlight.js Features

Supports 50+ coding languages
Choose from all 90+ available Highlight themes
Provides a Gutenberg block for adding code snippets
Provides TinyMCE/Visual buttons for adding code snippets
Customize the Highlight.js init JavaScript
Highlights code in post content, excerpts, and comments
Limit syntax highlighting to Posts and Pages
Highlight multi-line blocks of code
Detects language- and lang- class prefixes
Enable support for no-prefix class names
Granular control over code escaping
Smart loading of CSS & JS assets

Plain Flavor Features

Enable code escaping for post content, excerpts, and/or comments
Enable code escaping on the frontend, Admin Area, or both
Provides a Gutenberg block for adding code snippets
Provides TinyMCE/Visual buttons for adding code snippets
Escapes single-line and multi-line code snippets
Escapes tags (based on configuration)

General Features

Easy to set up and use
Built with WordPress APIs
Born of simplicity, no frills
Squeaky clean, error-free code
Lightweight, fast and flexible
Focused on performance and security
Loads CSS/JS assets only when required
Adheres to HTML coding best practices
Works with the Gutenberg Block Editor
Regularly updated and “future proof”

Prismatic escapes only the essentials to keep your code clean.
Check out the screenshots for more details!
Privacy
This plugin does not collect or store any user data. It does not set any cookies, and it does not connect to any third-party locations. Thus, this plugin does not affect user privacy in any way.
Prismatic is developed and maintained by Jeff Starr, 15-year WordPress developer and book author.
Support development
I develop and maintain this free plugin with love for the WordPress community. To show support, you can make a donation or purchase one of my books:

The Tao of WordPress
Digging into WordPress
.htaccess made easy
WordPress Themes In Depth
Wizard’s SQL Recipes for WordPress

And/or purchase one of my premium WordPress plugins:

BBQ Pro – Super fast WordPress firewall
Blackhole Pro – Automatically block bad bots
Banhammer Pro – Monitor traffic and ban the bad guys
GA Google Analytics Pro – Connect WordPress to Google Analytics
Head Meta Pro – Ultimate Meta Tags for WordPress
Simple Ajax Chat Pro – Unlimited chat rooms
USP Pro – Unlimited front-end forms

Links, tweets and likes also appreciated. Thank you! 🙂

各版本下載點

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

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


1.3 | 1.4 | 1.5 | 1.6 | 1.7 | 1.8 | 1.9 | 2.0 | 2.1 | 2.2 | 2.3 | 2.4 | 2.5 | 2.6 | 2.7 | 2.8 | 2.9 | 3.0 | 3.1 | 3.2 | 3.3 | 3.4 | 3.5 | 1.6.1 | 2.9.1 | 3.1.1 | 3.2.1 | 3.2.2 | 3.4.1 | 3.4.2 | 3.4.3 | 3.4.4 | trunk |

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

  • WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳")是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
  • Code Snippets 》Code Snippets 是在您的網站上運行程式碼片段的簡單,清潔和簡單的方法。它消除了將自定義片段添加到您的佈景主題的 functions.php 檔案的需求。, 現在提供 C...。
  • Simple Custom CSS Plugin 》無需麻煩地將自訂 CSS 新增到 WordPress 網站中。, 這是一個易於使用的 WordPress 外掛,可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在...。
  • Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在,這些捷徑可以在文章/頁面中使用,並且該片段將取代其位置。, ✍ 輕鬆建立...。
  • Head & Footer Code 》Head & Footer Code 插件可以讓你在不是開發人員的情況下,添加自定義代碼片段(JavaScript、CSS 或 HTML)到網頁中。您可以將代碼放置在 (...。
  • Scripts n Styles 》這個外掛讓管理員用戶能夠將自訂的 CSS 和 JavaScript 直接添加到個別文章、頁面或任何註冊的自訂文章類型中,也可以將類別添加到 body 標籤和文章容器中。還...。
  • SyntaxHighlighter Evolved 》現在支援 WordPress 5.0 中的新區塊編輯器!, SyntaxHighlighter Evolved 讓您可以輕鬆地在網站上張貼帶有語法加亮功能的程式碼,而不會失去格式或做任何手動...。
  • Code Embed 》注意: WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼(JavaScript 和 H...。
  • PHP Everywhere 》注意:此外掛更新至 3.0.0 版本是一項重大變更,將移除 [php_everywhere] 短代碼和小工具。請透過外掛設定頁面中的升級嚮導,將原本的代碼轉換為 Gutenberg ...。
  • Highlighting Code Block 》「Highlighting Code Block」外掛可讓你以一個點擊的方式添加一個有語法突顯的程式碼區塊。, 它支援「區塊編輯器」和「傳統編輯器」。, (不過,我們建議在「...。
  • CSS & JavaScript Toolbox 》感謝您查看我們的程式碼片段外掛。我相信它將完全符合您的需求。, 適用於以下情況:, , 前端修改(無需修改主題文件), 添加功能(無需修改functions.php), ...。
  • Advance Custom HTML 》這是一款用來專業編寫 HTML 代碼的高級 HTML 編輯器,提供不同的樣式、縮排與更多功能。, Advance Custom HTML 是一款功能強大、彈性十足的區塊外掛,讓您可...。
  • Code Block Pro – Beautiful Syntax Highlighting 》展示你美麗的程式碼,不僅僅是顯示它!這個版塊外掛提供編輯程式碼塊的功能,直接運行你的程式碼,使用與受歡迎的 VS Code 編輯器相同的渲染引擎。此外掛提供...。
  • Code Syntax Block 》代碼語法區塊(Code Syntax Block)擴充了 WordPress 區塊編輯器,使用 Prism 語法高亮工具為核心代碼區塊添加了語法高亮支持。, Prism 語法高亮工具在前端執...。
  • Foxtool All-in-One: Contact chat button, Custom login, Media optimize images 》總結:Foxtool 是根據管理 WordPress 網站的真實需求而開發的產品。經過一段時間的發展,Foxtool 已成為網站管理員不可或缺的外掛程式。該外掛擁有許多值得注...。

文章
Filter
Apply Filters
Mastodon