前言介紹
- 這款 WordPress 外掛「Simple Code Block」是 2018-08-09 上架。
- 目前有 300 個安裝啟用數。
- 上一次更新是 2020-01-08,距離現在已有 1943 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 4.6 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.2.4 以上。
- 有 9 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
sumapress | pablocianes |
外掛標籤
ace | php | code | gutenberg | syntax highlighting |
內容簡介
這是一個簡單的區塊,可供新版 WordPress 編輯器 Gutenberg 使用,使用 Ace 編輯器插入並顯示程式碼。
現在使用此簡單的代碼區塊及 Ace 編輯器,輕鬆地在您自己的網站上分享程式碼:Ace 是 Mozilla Skywriter(Bespin)專案的後繼者,是一個可嵌入的 JavaScript 程式碼編輯器,具有像 Sublime、Vim 及 TextMate 等本機編輯器的功能和效能。
對於每個代碼區塊,您可以選擇多種語言和樣式:
提供許多可用的語言:html、php、css、javascript、python 等。
提供20多種主題的語法突出顯示。
其他選項可選擇代碼字型大小和顯示無需捲動的行數。
在後端 Gutenberg 編輯器中所看到的正是您看到的內容,外掛只需將所選擇的資源佇列化即可使用您所選擇的選項來突出顯示您的程式碼。
1.1.0
新增選項:顯示複製按鈕
新增選項:顯示或隱藏行號
提升 Safari 瀏覽器相容性
新增 Bash/Shell 語言
1.2.0
允許不使用 提升 WPO 並加強佇列化的執行
意見回饋與支援
我很樂意接受您的回饋並改進此外掛程式。
如果您喜歡這個外掛,請透過 支援論壇 讓我知道,也請一定要留下評論。
您也可以透過 Pablo Cianes 的個人網站聯絡我,甚至訪問Simple Code Block 的 Github,在其中找到此外掛程式的所有開發程式碼。
希望這對您實用,期待閱讀您的評論!😉 感謝!
原文外掛簡介
A simple block to the new WordPress editor Gutenberg to insert and show code with Ace Editor.
Now is very easy to share code in your own web with Gutenberg and this simple code block with the power of Ace: the successor of the Mozilla Skywriter (Bespin) project.
Ace is an embeddable code editor written in JavaScript with the features and performance of native editors such as Sublime, Vim and TextMate.
For each block you can choose many languages and styles:
Lot of languages avalaibles: html, php, css, javascript, python,…
Syntax highlighting with more than 20 themes to choose.
Other options to select the font size of the code and lines to show without scroll.
What You See in the backend with Gutenberg editor Is What You Get! and the plugin only enqueue the selected assets to highlighting your code with your own selected options.
1.1.0
Add option: show copy button
Add option: show or hide lines numbers
Improve Safari Browser compatibility
Add Bash/Shell language
1.2.0
Allow working without use of
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Simple Code Block」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.1.0 | 1.2.0 | 1.2.2 |
延伸相關外掛(你可能也想知道)
WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳")是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
Code Snippets 》Code Snippets 是在您的網站上運行程式碼片段的簡單,清潔和簡單的方法。它消除了將自定義片段添加到您的佈景主題的 functions.php 檔案的需求。, 現在提供 C...。
PHP Compatibility Checker 》WP Engine PHP Compatibility Checker 外掛可以讓任何 WordPress 網站在任何網頁主機上檢查 PHP 版本相容性。, 此外掛會在 WordPress 檔案系統中 lint 主題和...。
PHP Code Widget 》普通的文字小工具允許您插入任意文字和/或 HTML 代碼。這個外掛程式也允許這樣做,但還會解析文本小工具中的任何 PHP 代碼並執行它。, 這可以讓您更輕鬆地遷...。
SyntaxHighlighter Evolved 》現在支援 WordPress 5.0 中的新區塊編輯器!, SyntaxHighlighter Evolved 讓您可以輕鬆地在網站上張貼帶有語法加亮功能的程式碼,而不會失去格式或做任何手動...。
PHP Everywhere 》注意:此外掛更新至 3.0.0 版本是一項重大變更,將移除 [php_everywhere] 短代碼和小工具。請透過外掛設定頁面中的升級嚮導,將原本的代碼轉換為 Gutenberg ...。
Error Log Monitor 》此外掛新增了一個儀表板小工具,顯示 PHP 錯誤日誌的最新訊息,也可以發送電子郵件通知有新記錄的錯誤。, 功能, , 自動偵測錯誤日誌的位置。, 如果未啟用,會...。
WP-ServerInfo 》狀態標誌, , 開發, https://github.com/lesterchan/wp-serverinfo, 翻譯, https://translate.wordpress.org/projects/wp-plugins/wp-serverinfo, 貢獻者, , ...。
WP-Memory-Usage 》從1.2.7版開始新增「多重記憶體測量」功能,可多次檢查記憶體使用情況。, 在儀表板和管理頁尾顯示 PHP 版本、記憶體限制和目前的記憶體使用量,現在您可以輕...。
Version Info | Show WP, PHP, MySQL & Web Server Versions in Admin Dashboard 》這個外掛會在管理員頁面的頁尾顯示當前的 WordPress 版本號碼以及以下環境資訊:, , 當前的 WordPress 版本資訊,若有更新,會同時顯示當前版本與最新版本, P...。
WP OPcache 》清空OPcache, , 在管理列中添加一個按鈕以清空OPcache, 僅清空WordPress絕對路徑中的文件, 可以單個或批次失效文件, 支援記憶體和檔案緩存, 支援多站網路, , ...。
Custom PHP Settings 》這個外掛可以用來自訂你 WordPress 安裝的 PHP 設定。這個外掛會修改 .htaccess 檔案或 .user.ini 檔案,以便直接從設定頁面更改目前的 PHP 設定。由於需要修...。
CSS & JavaScript Toolbox 》感謝您查看我們的程式碼片段外掛。我相信它將完全符合您的需求。, 適用於以下情況:, , 前端修改(無需修改主題文件), 添加功能(無需修改functions.php), ...。
ACF Theme Code for Advanced Custom Fields 》ACF Theme Code 外掛可以自動生成在主題中實現 Advanced Custom Fields 所需的程式碼。以下是該外掛的功能特色:, , - 縮短網站開發時間。, - 當您發布、編輯...。
Code Block Pro – Beautiful Syntax Highlighting 》展示你美麗的程式碼,不僅僅是顯示它!這個版塊外掛提供編輯程式碼塊的功能,直接運行你的程式碼,使用與受歡迎的 VS Code 編輯器相同的渲染引擎。此外掛提供...。