[WordPress] 外掛分享： Custom HTML Block Extension

WordPress 外掛 Custom HTML Block Extension 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Custom HTML Block Extension」是 2021-05-07 上架。
  • 目前有 4000 個安裝啟用數。
  • 上一次更新是 2025-03-17，距離現在已有 47 天。
  • 外掛最低要求 WordPress 6.6 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 12 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

wildworks |

外掛標籤

html | block | emmet | gutenberg | highlighting |

內容簡介

Custom HTML Block Extension 擴展了「自定義 HTML 區塊」，使其演變成一個先進的程式碼編輯器。
有 50 種不同的顏色主題可供選擇，您可以選擇一個最適合您喜好的。
這個外掛特別具備 Emmet 的功能，可以將快捷輸入擴展為完整的程式碼。這樣可以減少您輸入的次數，節省鍵盤輸入。
您可以更改各種設定以建立您理想的進階編輯器。
並且支援經典編輯器、主題/外掛編輯器、匯入/匯出編輯器設定，以及更改縮排。

資源
monaco-editor

授權：MIT 授權
來源：https://github.com/microsoft/monaco-editor

react-notifications-component

授權：MIT 授權
來源：https://github.com/teodosii/react-notifications-component

emmet-monaco-es

授權：MIT 授權
來源：https://github.com/troy351/emmet-monaco-es

monaco-themes

授權：MIT 授權
來源：https://github.com/brijeshb42/monaco-themes

webfontloader

授權：Apache-2.0 授權
來源：https://github.com/typekit/webfontloader

網頁字型（Fira Code）

授權：OFL-1.1 授權
來源：https://github.com/tonsky/FiraCode

網頁字型（Source Code Pro）

授權：OFL-1.1 授權
來源：https://github.com/adobe-fonts/source-code-pro

網頁字型（Ubuntu Mono）

授權：OFL-1.1 授權
來源：https://ubuntu.com/legal/font-licence

網頁字型（Anonymous Pro）

授權：OFL 授權
來源：https://www.marksimonson.com/fonts/view/anonymous-pro

原文外掛簡介

Custom HTML Block Extension extends Custom HTML block to evolve into the advanced code editor.
There are 50 different color themes to choose from, and you can select the one that best suits your taste.
This plugin features Emmet that expand shortcut input into complete code. This reduces the number of times you have to type and saves keystrokes.
You can change all kinds of settings to create your ideal editor in advanced mode.
And supports the classic editor, the theme/plugin editor, import/export editor settings, and change indentation.
Resources
monaco-editor
License: MIT License
Source: https://github.com/microsoft/monaco-editor
emmet-monaco-es
License: MIT License
Source: https://github.com/troy351/emmet-monaco-es
monaco-themes
License: MIT License
Source: https://github.com/brijeshb42/monaco-themes
webfontloader
License: Apache-2.0 License
Source: https://github.com/typekit/webfontloader
Web Font (Fira Code)
License: OFL-1.1 License
Source: https://github.com/tonsky/FiraCode
Web Font (Source Code Pro)
License: OFL-1.1 License
Source: https://github.com/adobe-fonts/source-code-pro
Web Font (Ubuntu Mono)
License: OFL-1.1 License
Source: https://ubuntu.com/legal/font-licence
Web Font (Anonymous Pro)
License: OFL License
Source: https://www.marksimonson.com/fonts/view/anonymous-pro

各版本下載點

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

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

1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.1.0 | 1.2.0 | 1.2.1 | 2.0.0 | 2.0.1 | 2.0.2 | 2.1.0 | 2.1.1 | 2.1.2 | 2.2.0 | 2.2.1 | 2.2.2 | 2.2.3 | 2.3.0 | 2.3.1 | 2.3.2 | 2.3.3 | 2.4.0 | 2.4.1 | 2.4.2 | 2.4.3 | 2.5.0 | 3.0.0 | 3.0.1 | 3.0.2 | 3.0.3 | 3.1.0 | 3.2.0 | 3.2.1 | 3.3.0 | 3.3.1 | 3.3.2 | 3.4.0 | 3.5.0 | 3.6.0 | 3.7.0 | 3.8.0 | trunk |

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

  • WP Emmet 》您是否想在管理頁面中使用 Emmet 工具？此外掛程式能支援它！, 在 GitHub 上 Fork 我 🙂。

文章
Filter
Apply Filters
Close
Mastodon