# 在您的網站上顯示程式碼，無需編寫程式碼和更新有序列表

今天，我們發布了對 Rich text 元素和字段的三項改進。 

[12 月，我們發布了程式碼區塊元素](https://webflow.com/updates/introducing-the-code-block-element)- 用於在頁面上顯示程式碼的獨立元素。現在，您可以將程式碼區塊元素直接新增至畫布上的 Rich text 元素以及 CMS 的 Rich text 欄位。 

繼續程式碼系列，類似於將 Rich text 欄位（或元素）的一部分設定為**粗體**或\_斜體的方式，\_現在您也可以將文字定義為程式碼。與所有其他內聯格式一樣，您可以設定所有程式碼標記的樣式，以定義您希望程式碼在網站上預設顯示的方式。 

![滑鼠懸停在選取的文字上，該文字顯示為程式碼樣式。在文字上方，您可以看到新的程式碼圖標，讓使用者可以將所選文字風格化為程式碼。](https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/65ea1bb287e6aee5108d7b7e_Dashboard%20\(8\).webp)

最後，對 Rich text 本元素和欄位中的清單進行了一些（微小但）強大的更新。當選擇有序或無序項目中的文字時，圖示現在允許您切換項目類型。此外，您現在可以在聚焦於任何項目時按 Tab 鍵來巢狀有序或無序列表。按 Shift + Tab 將取消巢狀項目。 

![滑鼠懸停在無序列表中新建立的項目上。出現一個圖標，可以將該項目變成有序列表。](https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/65ea1e24b14c6edf14e3da89_Dashboard%20\(10\).webp)

[在 Webflow University 上了解有關Rich text元素的更多資​​訊。](https://university.webflow.com/lesson/rich-text?topics=elements)

***

March 7, 2024