> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teachify.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 如何使用程式碼區塊功能？

你可以在圖文編輯器中插入「程式碼區塊」，方便展示程式碼、Prompt 或指令內容。

# 如何新增程式碼區塊？

進入圖文編輯器頁面，點擊編輯器中的「程式碼區塊」功能，貼上內容即可。

你可以貼上：
- HTML
- CSS
- JavaScript
- Python
- Markdown
- AI Prompt
- 以及其他程式碼或指令內容

![](https://storage.crisp.chat/users/helpdesk/website/-/3/1/e/4/31e42744710f7a0/image_sntcc9.png)

# 學員前台會看到的畫面

當學員登入看課頁面時，程式碼部分，就會以灰色程式區塊畫面呈現。

點擊右上角「複製程式碼」圖示，即可一鍵複製。

![](https://storage.crisp.chat/users/helpdesk/website/-/3/1/e/4/31e42744710f7a0/image_1g11gxc.png)

如果以上回答都無法解決你的問題，請點選右下角藍色 icon 跟我們聯絡，我們將盡快回覆你！