前言介紹
- 這款 WordPress 外掛「APH Syntax Highlighter」是 2016-08-20 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2017-04-21,距離現在已有 2936 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 3.5 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
agusph |
外掛標籤
syntax | highlighter | syntax highlighter |
內容簡介
Syntax Highlighter 是由 Alex Gorbatchev 開發的語法高亮外掛程式,已經開發了十年以上,是一個相當受歡迎的語法高亮外掛程式,也被許多部落格和網站廣泛使用。
目前已經發佈了 4 版本,其建置方法與先前版本有顯著的變化,讓一些使用者感到有些混淆和難以執行。
此外掛程式可協助您輕鬆將此程式碼高亮器帶到 WordPress 中,讓您不用煩惱建置。此外掛程式提供許多功能和使用者友好的 GUI,讓使用起來更加方便和容易。
** 功能 **
簡單易用
完整的 GUI,無需進行硬編碼參數
自訂容器最大高度。當顯示長程式碼時,此功能非常有用。
輕鬆加入自訂 CSS,有助於響應式設計。
編輯在 tinyMCE 文字編輯器中編寫的程式碼非常簡單(請參閱螢幕擷圖 3)
就地編輯程式碼。文字編輯區支援 Tab 和 Back Tab,您可以直接編輯或撰寫程式碼,而無需切換回程式碼編輯器。
按需載入腳本,僅在需要時載入語法高亮器的 JavaScript 和 CSS 檔案。
使用 Alex Gorbatchev 的 Syntax Highlighter 4
能夠覆蓋全局選項並使用每個程式碼塊的個別選項
自訂字型大小
支援 TinyMCE 視覺模式和文本模式(快速標籤),同時還支援管理員評論頁面中使用的快速標籤(請參閱螢幕擷圖 5)
採用類似於 APH Prism Highlighter 和 Crayon Syntax Highlighter 的模式,因此您的程式碼仍然可以使用這些外掛程式
支援語言:深色平面(控制臺風格)和淺色平面
使用方法
安裝此外掛程式後,到管理員設定「設定 > 語法高亮器」來配置全局設定,包括您想要載入的語法高亮器語言、主題等等…
在 TinyMCE 菜單(新增或編輯文章或頁面)中,有一個新按鈕可用於彈出程式碼編輯器,只需複製並貼上您的程式碼,然後填入一些選項。
此新按鈕也可以在管理員編輯評論頁面中的快速標籤中找到。當您編輯或回覆評論時,此快速標籤會出現。
原文外掛簡介
Syntax Highlighter developed by Alex Gorbatchev that has been developed 10+ years is a popular syntax highlighter. It is also widely used by a lot of blog and website.
Currently, it achieves version of 4, this version has significant change in the built method compared to the previous, this is, for some people, somewhat confused and hard to do.
This plugin helps you to bring this code highlighter to your WordPress easily, forget a headache builds. Provided with many features and user-friendly GUI, make it handy and easy to use
** Features. **
Simple and easy to use
Full GUI, don’t need to hardcode the parameters
Custom container max-height. Useful when displaying long code.
Easy to add custom CSS. Useful for responsive design.
Easy to edit code that has been written in tinyMCE text editor (Screenshot 3)
Write and edit code in place. The textarea code editor supports the tab and back tab, so you can directly edit or write your code, rather than switch back to your code editor.
Load script on demand, load javascript and CSS files of syntax highlighter only when needed.
Use Syntax Highlighter 4 by Alex Gorbatchev
Ability to override global options and use individual options for each code block
Custom Font Size
Support TinyMCE Visual mode and Text Mode (Quick Tags), it also supports the Quick tags used in the admin comment page (screenshot 5)
Use similar pattern with APH Prism Highlighter and Crayon Syntax Highlighter plugins, so your code will still work using those plugins
Language added: dark plain (console style) and light plain
How To Use
After installing the plugin, go to the admin setting Settings > Syntax Highlighter to configure the global setting including the highlighter languages you want to load, theme, etc…
In the TinyMCE menu (add or edit post or page), there is a new button that can be used to pop up the code editor, simply copy-paste your code and fill in some options
This new button also can be found at the quick tags of comment editor in the Admin Edit Comments page. This quick tag appears when you edit or reply a comment.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「APH Syntax Highlighter」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.1 | 1.2 | 1.2.1 | 1.2.2 | 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 中高亮顯示不同...。
Prettify Code Syntax 》這個外掛程式開發的主要原因是缺乏支援 HTML5 建議的選項,其中代碼片段應該被標記為 pre 之後是 code ,並且可以使用以 language- 開頭的類別,然後是我們的...。
Auto SyntaxHighlighter 》Auto SyntaxHighlighter 是 WordPress 的程式碼醒目顯示外掛程式。, 它使用了 alexgorbatchev 的 SyntaxHighlighter JavaScript 套件。, 自動載入 SyntaxHigh...。
APH Prism Syntax Highlighter 》Prism 是一個最受歡迎的語法高亮工具,被許多博客或網站廣泛使用,其中一些知名網站包括 Mozilla、Drupal 和 SitePoint。, 為什麼許多網站偏好使用這個高亮工...。