收合和展開程式碼

上次更新時間 2021年4月27日

了解如何在 Dreamweaver 中收合和展開程式碼，以便不需捲動就能檢視文件的各區段。

您可以收合（也稱為摺疊）和展開程式碼片段，無需捲動即可檢視文件的不同區段。

例如，若要檢視 head 標記中套用至頁面下方 div 標記的所有 CSS 規則，請摺疊 head 標記和 div 標記之間的程式碼，即可同時看到兩個程式碼區段。

您可以選取程式碼的一部分以將它收合。您也可以根據標籤區塊，在 HTML、PHP、XML 及 SVG 檔案中收合程式碼。在 CSS、Less、Sass、SCSS 和 JS 檔案中，您可以根據大括弧收合程式碼。

HTML 檔案：Dreamweaver 會收合 HTML 開始標籤和結束標籤之間的程式碼，而且初始屬性 (如果適用) 會顯示在收合的程式碼中。當區塊內的程式碼透過標記選擇器、尋找和取代、前往行、元素快速檢視、即時檢視或復原/重做獲得焦點時，Dreamweaver 會自動展開。

如果選取範圍變更，程式碼會自動再次收合。

備註

從 Dreamweaver 範本建立的檔案會以完全展開的方式顯示所有的程式碼，即使該範本檔案 (.dwt) 包含了已收合的程式碼片段。

設定程式碼摺疊大小偏好設定

預設程式碼摺疊大小為兩行。使用此預設設定時，所有包含至少兩行程式碼的程式碼片段皆可收合。少於兩行的程式碼片段可透過選取程式碼來收合。

若要變更程式碼摺疊的最小行數：

按一下「編輯」>「偏好設定」（Windows 上）或「Dreamweaver」>「偏好設定」（Mac 上）。

在「類別」清單中按一下「程式碼格式」，並指定最小程式碼摺疊大小。

根據預設，「程式碼」檢視中的所有程式碼都處於展開模式。

不過，您可以選取數行程式碼並收合它們。您也可以根據語法收合代碼，例如標記區塊或大括弧。

備註

程式碼區塊的收合或展開狀態會在不同的 Dreamweaver 工作階段中保留。

若要根據標記區塊或大括號收合程式碼：

在程式碼視圖中，行號旁會出現小三角形，對應於超出程式碼摺疊大小偏好設定中所指定行數的程式碼區塊。

按一下三角形，收合或展開程式碼。

備註

若要展開文件中所有收合的程式碼，您可以使用鍵盤快速鍵 Control+Alt+E (Win)；Command+Alt+E (Mac)。

若要根據選取範圍收合程式碼：

在程式碼檢視中，選取您要收合的程式碼片段。

按一下出現的三角形圖示，即可收合和展開選取範圍。