[WordPress] 外掛分享： Syntax Highlighter with PrismJS

內容目錄

1 前言介紹
2 外掛協作開發者
3 外掛標籤
4 內容簡介
5 原文外掛簡介
6 各版本下載點
7 延伸相關外掛（你可能也想知道）

前言介紹

這款 WordPress 外掛「Syntax Highlighter with PrismJS」是 2022-11-08 上架。
目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
上一次更新是 2022-11-09，距離現在已有 906 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
尚未有人給過這款外掛評分。
還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

mwaelk |

外掛標籤

prism | highlighter | syntax highlighter |

內容簡介

使用 PrismJs 的語法突出顯示器。

使用方法

按照下面所示的方式包裝您的 pre 標籤：

[sh_prismjs_pre class="language-py line-numbers match-braces rainbow-braces" data_line="1,4-5,7" escape_html='escape']



class Implements_Ne:

    ''' A class which implements

        the __ne__ method '''

    def __ne__( self, other):

        return False
class Not_Implements_Ne:

    ''' A class which does not

        implement the __ne__

        method '''

    pass

[/sh_prismjs_pre]

將“NAME”替換為您要突出顯示的語言的名稱。例如，如果語言是 Python ，則 language-NAME 應替換為 language-py 。
如果您希望顯示行號，請使用 line-numbers 。
如果您希望選中時匹配括號，請使用 match-braces 。
如果您希望使用彩虹括號，請使用 rainbow-braces 。
如果您希望突出顯示行，可以使用 data_line 。在提供的示例中，著色第1行，著色第4到5行，著色第7行。
如果您希望 pre 的內容被轉義，因此例如，如果它包含不希望渲染的 html 標籤，您可以使用 escape_html='escape'

對於 code 標籤，它們也應按如下方式包裝：

[sh_prismjs_code class="language-html" escape_html='escape']tag:[/sh_prismjs_code]

您必須使用 language-Name 選項，並且可以使用 escape_html 選項。

原文外掛簡介

A syntax highlighter using PrismJs.
How To Use
Wrap your pre tag as shown below:

[sh_prismjs_pre class="language-py line-numbers match-braces rainbow-braces" data_line="1,4-5,7" escape_html='escape']

    
class Implements_Ne:
    ''' A class which implements 
        the __ne__ method '''
    def __ne__( self, other):
        return False

class Not_Implements_Ne:
    ''' A class which does not
        implement the __ne__
        method '''
    pass

[/sh_prismjs_pre]

Replace name in language-NAME, by the name of the language that you wish to highlight. For example if the language is python, language-NAME should become language-py .
If you wish line numbers to appear, use line-numbers .
If you wish braces to be matched when selected use match-braces .
If you wish to have rainbow braces use rainbow-braces .
If you wish to highlight lines, you can use data_line, so in the example provided, colorize line 1, and colorize lines from 4 to 5, and colorize line 7.
If you wish the content of the pre to be escaped, so for example if it contains html tags that you do not wish to be rendered, you can use escape_html=’escape’

For code tags, they also should be wrapped as follows:

[sh_prismjs_code class="language-html" escape_html='escape']tag:[/sh_prismjs_code]

You must use the language-Name option, and you can use the escape_html option.

各版本下載點

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

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

0.0.1 | trunk |

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

Elementor Syntax Highlighter 》由於 Elementor 現已擁有自己的語法突出顯示小工具，因此此外掛已不再維護。, 這個 Elementor 小工具可讓你在內容中加入語法突出顯示的程式碼片段。, 語法突...。
APH Prism Syntax Highlighter 》Prism 是一個最受歡迎的語法高亮工具，被許多博客或網站廣泛使用，其中一些知名網站包括 Mozilla、Drupal 和 SitePoint。, 為什麼許多網站偏好使用這個高亮工...。
AH Code Highlighter 》使用起來非常簡單，並且非常輕量的代碼高亮化，具有 8 種不同的代碼高亮化主題。您可以將代碼與或不帶行號進行突出顯示。它是基於 Lea Verou 的 Prism.js。Pr...。
Prism Syntax Highlighter for WordPress 》儘管 WordPress 上已經有兩款外掛可用，但我決定從頭自己寫一個。結果是一個極簡但功能強大的外掛，只有大約 250 行 PHP 代碼。, , 支援 Prism 的所有可能配...。
Easy Prism Syntax Highlighter 》厭倦了尋找正常且易於安裝的程式碼高亮外掛嗎？, 這個外掛將幫助您結束這段冒險。, 它會增加特殊的簡碼 [code][/code]、快捷鍵「alt+c」和按鈕到視覺化編輯器...。
WP Prism Syntax Highlighter 》WP Prism Syntax Highlighter 讓你可以在 WordPress 博客中使用 Prism，這是由 Lea Verou 開發的一款輕量、可擴展的語法高亮插件。, , , 它在 WordPress 編輯...。
WP PrismJS – Syntax Highlighter 》使用 WP PrismJS，輕鬆為 WordPress 上的程式碼添加語法高亮。, 只需下載和啟用外掛，然後 TinyMCE 編輯器上就會出現一個新圖示。點擊它，就可以輸入您的縮排...。
WooCommerce Prism 》Prism是一個無縫的聊天商務解決方案，可增加您在Line、Facebook和其他聊天渠道上的轉換率。在一個平台上管理所有交易。, Prism的核心價值, 聊天, 與您網站上...。
Prism Syntax Highlighter 》Prism 是一款新型的輕量、可擴充、符合現代網路標準的語法標識軟體，由 Lea Verou 開發。透過這個 WordPress 外掛，使用 Prism 讓你的 WordPress 網站更加簡...。
Prism Syntax Highlighter (detached) 》將Prism Syntax Highlighting Library整合至 WordPress。, 這個外掛是被稱為「分離式」，因為程式碼範例不會和所有的其他文字和內容混在一起裝在所見即所得編...。
Melonpan Block – Code 》Demo – Documentation – GitHub, 此外掛可顯示程式碼，並帶有突顯語法及可複製到剪貼簿的功能。, 特色, 此外掛帶有以下設定:, , 程式碼語言: Jav...。
Alkane Code 》Alkane Code 是一款使用方便且輕量級的 TinyMCE 程式碼編輯器，可以為 HTML 程式碼元素加入「語言-」類別。它可以用於添加內聯程式碼以及區塊程式碼，並且在...。
Prism Warning 》這個外掛可以在訪客的瀏覽器是由與 PRISM 有關的公司製造時發出警告。, 目前已有英文和德文的翻譯，如果你想貢獻更多語言，可以在 GitHub 上提交拉取請求。, ...。

文章

文章