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

今天，我們發布了對 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/changelog/2024/zai-nin-de-wang-zhan-shang-xian-shi-cheng-shi-ma-wu-xu-bian-xie-cheng-shi-ma-he-geng-xin-you-xu-lie.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.