按一下「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Mac)。
- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
了解如何在 Dreamweaver 中收合和展開程式碼,以便不需捲動就能檢視文件的各區段。
您可以收合 (亦稱為摺疊) 和展開程式碼片段,不需捲動就能檢視文件中不同的區段。
例如,如果要查看 head 標籤的所有 CSS 規則,而此 head 標籤套用到頁面較下面的 div 標籤,請將 head 標籤與 div 標籤之間的程式碼摺疊起來,這樣就可以一次看見兩個程式碼區段。
您可以選取程式碼的一部分以將它收合。您也可以根據標籤區塊,在 HTML、PHP、XML 及 SVG 檔案中收合程式碼。在 CSS、Less、Sass、SCSS 和 JS 檔案中,您可以根據大括號收合程式碼。
- HTML 檔案:Dreamweaver 會收合 HTML 開始標籤和結束標籤之間的程式碼,而且初始屬性 (如果適用) 會顯示在收合的程式碼中。當區塊內的程式碼透過下列方式取得焦點,Dreamweaver 會自動展開:標籤選取器、尋找和取代、前往行數、元素快速檢視、即時檢視或還原/重做。
如果變更選取,程式碼會再次自動收合。
- CSS、Less、Sass、SCSS 及 JS 檔案:大括號內的程式碼會收合,而且預覽會顯示為 {...}。
- PHP 檔案:除了 PHP 程式碼區塊,HTML 元素、CSS 及 JS 程式碼區塊也會收合。
從 Dreamweaver 範本建立的檔案會以完全展開的方式顯示所有的程式碼,即使該範本檔案 (.dwt) 包含了已收合的程式碼片段。
設定程式碼摺疊大小偏好設定
預設程式碼摺疊大小為兩行。在這個預設設定中,當您收合程式碼時,擁有至少兩行程式碼的所有程式碼片段都會收合。小於兩行的程式碼片段會以展開模式顯示。
如果要變更程式碼摺疊的最小行數:
-
-
按一下「類別」清單中的「程式碼格式」,並指定最小程式碼摺疊大小。
收合和展開程式碼片段
根據預設,「程式碼」檢視中的所有程式碼都處於展開模式。
不過,您可以選取數行程式碼並收合它們。您也可以根據語法 - 標籤區塊或大括號,收合程式碼。
程式碼區塊的收合或展開狀態會在不同的 Dreamweaver 工作階段中保留。
根據標籤區塊或大括號收合程式碼
如果要根據標籤區塊或大括號收合程式碼:
-
在「程式碼」檢視中,將滑鼠停留在您想要收合或展開的程式碼區塊所對應的行號欄上。行號旁邊便會出現一個小三角形。
-
按一下三角形,收合或展開程式碼。
註解:若要展開文件中所有收合的程式碼,您可以使用鍵盤快速鍵 Control+Alt+E (Win);Command+Alt+E (Mac)。
根據選取範圍收合程式碼
如果要根據選取範圍收合程式碼:
-
在「程式碼」檢視中,選取您要收合的程式碼片段。
當您選取程式碼時,收合圖示會顯示在行號欄中。
-
按一下圖示,即可收合和展開選取範圍。
當收合程式碼時,收合圖示會變成展開圖示 ()。
使用鍵盤快速鍵收合和展開程式碼
命令 |
Windows |
Macintosh |
收合選取範圍 |
Control+Shift+C |
Command+Shift+C |
收合外部選取範圍 |
Control+Alt+C |
Command+Alt+C |
展開選取範圍 |
Control+Shift+E |
Command+Shift+E 鍵 |
收合完整標籤 |
Control+Shift+J |
Command+Shift+J |
收合外部完整標籤 |
Control+Alt+J |
Command+Alt+J |
全部展開 |
Control+Alt+E |
Command+Alt+E |
複製和貼上收合的程式碼片段
-
按一下收合的程式碼片段以選取它。
-
選取「編輯 > 複製」。
-
將游標放置在您想要貼上程式碼的位置。
-
選取「編輯 > 貼上」。