內容簡介
Melonpan Block – Code 是一款 Gutenberg 區塊外掛，可在文章中嵌入具有語法高亮的程式碼區塊，並支援一鍵複製至剪貼簿，適合技術部落格與教學網站使用。
【主要功能】
• 支援多種程式語言語法高亮顯示
• 一鍵複製程式碼至剪貼簿
• 可自訂色彩主題與標籤文字
• 可調整內距、邊框寬度與圓角
• 區塊編輯器內即時預覽樣式
• 透過區塊插入器快速新增使用
外掛標籤
開發者團隊
原文外掛簡介
Demo – Documentation – GitHub
Block to display code, with highlighted syntax, which can be copied to the clipboard.
Features
The block comes with the following settings:
Code language: JavaScript, CSS, PHP, etc. Full list of languages.
Color theme
Label: Top left label that can be customized. By default the code language.
Copy button: Top right button to copy the block content.
Padding
Border width and Border radius
Usage
The block can be found inside the blocks inserter menu under the Melonpan Blocks category.
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel.
Switch between the previewer and editor views to edit the code and see its styled output.
