前言介紹
- 這款 WordPress 外掛「Enlighter – Customizable Syntax Highlighter」是 2013-05-22 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2023-01-20,距離現在已有 834 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 66 人給過評分。
- 論壇上目前有 1 個提問,問題解答率 0%
外掛協作開發者
aenondynamics | andi-dittrich |
外掛標籤
highlighter | highlighting | classic editor | syntax highlighter | syntax highlighting |
內容簡介
Enlighter 是一款免費且易於使用的 WordPress 語法高亮工具。其語法高亮效果是由 EnlighterJS javascript 函式庫所提供,能呈現出漂亮的程式碼外觀。
您可以透過新增 Enlighter Sourcecode 區塊 (Gutenberg) 並插入欲高亮的程式碼,簡單易行,剩下的部分就交給 Enlighter 處理吧!
此外,Enlighter 還包含了易於使用的 Theme Customizer,讓您可以修改內建主題,而不需要任何 CSS 知識。
此外,它還支援自動建立選項標籤來一起顯示程式碼群組(尤其是有多國語言示例的情況,例如:html+css+js等)。
其他功能還包括:
完整支援 Gutenberg 編輯器
完整支援經典編輯器 (TinyMCE)
支援常用的所有語言
強大的通用語法高亮引擎,可支援未知/不支援的語言
主題自訂器
行內語法高亮
進階設定選項可於選項網頁上輕鬆設定。
支援程式碼群組 (在選項標籤中顯示多個程式碼區塊)
可加入自己所創建的語言和主題引擎
簡單基於 CSS 的主題風格
整合的 CSS 檔案快取 (適用於高流量網站)
完全遵循 GDPR 標準 - 不需要外部資源,也不會收集任何資料
此外,Gutenberg 編輯器的整合還包括:
完整的編輯器整合 - 透過“ Enlighter Sourcecode”區塊
行內語法高亮
自動轉換為經典編輯器文章 (代碼區塊轉換為 Enlighter Sourcecode 區塊)
轉換過往的代碼區塊為 Enlighter Gutenberg Blocks (手動轉換)
此外,經典編輯器 (TinyMCE) 的整合也包含以下功能:
完整的編輯器整合 - 透過工具欄中的 Enlighter 按鈕
行內語法高亮
使用 Tab 鍵進行縮排對齊(單行和塊選擇)
編輯器格式以精確突顯現有代碼
另外,Markdown 也支援下列功能:
Markdown fenced 代碼區塊
透過反引號代碼進行行內語法高亮 (包括特定語言的增強功能)
最後,Enlighter 也能與 Crayon 和 CodeColorer 套件相容。
原文外掛簡介
Enlighter is a free, easy-to-use, syntax highlighting tool for WordPress. Highlighting is powered by the EnlighterJS javascript library to provide a beautiful code-appearance.
Using it can be as simple as adding a new Enlighter Sourcecode block (Gutenberg) and insert the code which you want to highlight: Enlighter takes care of the rest!
An easy to use Theme-Customizer is included to modify the build-in themes without any css knowlegde!
It also supports the automatic creation of tab-panes to display code-groups together (useful for multi-language examples – e.g. html+css+js)
Upgrade Guide for Enlighter v4
Theme Compatibility
Enlighter WordPress Plugin Docs
Plugin Features
Full Gutenberg Editor Integration
Full Classic Editor Integration (TinyMCE)
Support for all common used languages
Powerful generic highlighting engine for unknown/unsupported languages
Theme Customizer
Inline Syntax Highlighting
Advanced configuration options are available within the options page.
Supports code-groups (displays multiple code-blocks within a tab-pane)
Extensible language and theme engines – add your own one.
Simple CSS based themes
Integrated CSS file caching (suitable for high traffic sites)
Full GDPR compliant – no external resources are required, no data will be aggregated
Gutenberg Editor Integration
Full Editor Integration via “Enlighter Sourcecode” block
Inline Syntax Highlighting
Automatic transformations for classic editor posts (codeblocks converted to Enlighter Sourcecode block)
Transform legacy codeblocks to Enlighter Gutenberg Blocks (manual transformation)
Docs and Usage
Editor plugin repository
Classic Editor (TinyMCE) Integration
Full Editor Integration via Enlighter buttons in the toolbar
Inline Syntax Highlighting
Tab-Indentation mode to align code with the tab key (single line and block selection)
Editor formats to highlight existing code
Docs and Usage
Editor plugin repository
Classic Editor Live-Demo
Markdown
Markdown fenced code blocks
Inline Syntax Highlighting via backtick code (including language specific addon)
Docs and Usage
Compatibility/Migration
Crayon compatibility mode (use EnlighterJS highlighting for legacy Crayon pre codeblocks)
CodeColorer compatibility mode (use EnlighterJS highlighting for legacy CodeColorer shortcodes)
Jetpack markdown compatibility mode (generic or raw highlighting)
Gutenberg standard codeblock compatibility mode (no language attributes)
Extensions
bbPress shortcode + markdown code blocks support
Dynamic Content via jQuery Ajax.load
Dynamic Content via Jetpack.InfiniteScroll
Texteditor/Shortcodes (Legacy)
Shortcodes are deprecated and should be used in text editor mode only – never use them within Gutenberg Editor or Classic Editor!
Easy to use Text-Editor mode through the use of Shortcodes and QuickTags
Shortcodes within content, comments and widgets
Standalone Shortcode-Processor to avoid wpautop filter issues in Text-Editor Mode
Supported Languages (build-in)
In case your language is not available try the Generic Mode which covers a lot of programming languages – or request a new language on GitHub
Related Links
Enlighter Plugin Docs + Tutorials
Enlighter Plugin on GitHub
EnlighterJS Documentation
Compatibility
All modern webbrowsers with enabled Javascript and HTML5 capabilities for “data-” attributes are compatible with Enlighter. It’s possible that it may work with earlier/other browsers.
Chrome 60+
Firefox 60+
Safari 11+
Edge Browser 10+
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Enlighter – Customizable Syntax Highlighter」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
3.8 | 3.8.1 | 3.9.0 | 4.0.0 | 4.1.0 | 4.2.0 | 4.3.0 | 4.3.1 | 4.4.1 | 4.4.2 | 4.5.0 | 4.6.0 | 4.6.1 | trunk | 3.10.0 | 3.11.0 |
延伸相關外掛(你可能也想知道)
Crayon Syntax Highlighter 》一款支援自訂語言和佈景主題的 PHP 和 jQuery 語法突顯外掛。, 它可以從 URL 或 WordPress 文章的文字中進行突顯。Crayon 讓管理語言檔案和使用正則表達式定...。
Custom HTML Block Extension 》Custom HTML Block Extension 擴展了「自定義 HTML 區塊」,使其演變成一個先進的程式碼編輯器。, 有 50 種不同的顏色主題可供選擇,您可以選擇一個最適合您...。
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...。
CodeColorer 》CodeColorer 是一個外掛程式,它可以讓您在文章中插入代碼片段並添加漂亮的語法高亮效果。, 此外掛程式基於 GeSHi庫建立,支援大多數語言。CodeColorer 的各...。
Code Prettify 》此外掛為自定版的Code Prettify library,支援本地樣式和腳本。此外掛會自動為頁面上的所有
標籤應用代碼高亮。, 支援古騰堡,且不會將您鎖定在特...。
WP-GeSHi-Highlight — rock-solid syntax highlighting for 259 languages 》• 現場示範, • 亮點:, , 支援259種程式語言。, 適用於行動裝置:無需執行JavaScript,與基於JavaScript的解決方案相比可節省頻寬和電力。, 後端負載接近零。...。
Better WordPress Syntax Highlighter 》此外掛可讓您在文章中的程式碼中加入語法標註。它簡單、輕巧且非常容易使用,具有多種選項。此外掛可與編輯器一起使用,且不會破壞您的程式碼格式。此外掛使...。
Sticky CPT 》這個外掛程式可以像 WordPress 核心功能針對文章般,讓您也能對自訂文章類型(CPT)進行亮顯。, 您可以將新建立的自訂文章類型的內容亮顯。, 此外,也可以快...。
WP-code-button 》此外掛使用 Google Code Prettify 美化程式碼,可在 WordPress 博客文章中突顯程式碼片段。, 相關連結:, * 外掛首頁, * Google Code Prettify, 翻譯, 此外掛...。
SyntaxHighlighter Evolved: Cside Brush 》這款簡單的 WordPress 外掛程式可增強 SyntaxHighlighter Evolved 外掛,以支援 Dynamics NAV CAL Cside 程式語言。詳細使用說明,請參閱 此外掛程式的主頁。...。
Snippet Highlight 》在 phpblogger.net 上閱讀了關於 Dean Edwards 的 star-light 語法高亮庫之後,我決定將他們的教程結果製作成一個 WordPress 外掛,名為 Snippet-Highlight。...。
rtSyntax 》, 使用 highlight.js。, 內含 26 種佈景主題。, 支援 55 種語言 (其中 54 種為 highlight.js 支援,另外一種是針對 nginx 命令)。, 自動偵測語言。, 高度優化...。
Pygment It 》預設情況下,Pygment It 會自動檢測 Pygments 是否已安裝(透過命令 -v pygmentize)。如果沒有安裝,它將使用 http://pygments.appspot.com 來進行代碼高亮...。
Lite Syntax Highlighting 》這個外掛可輕鬆地為您的博客中的代碼添加語法突出顯示。您可以在文章和評論中使用短代碼,並且可以在任何地方使用 HTML 標籤。, 它為編輯器添加了一些按鈕,...。
CodeColorer comaptiblity with “Markdown for WordPress and bbPress” 》這個外掛會自動將四個空格或一個 tab 縮進的 Markdown 代碼塊包在 CodeColorer 標籤中。, 你也可以用以下語法指定程式碼片段使用的語言:, :ruby:, c...。