折叠和展开代码

上次更新日期： 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 会话之间保留。

要基于标记块或大括号折叠代码：

在代码视图中，行号旁边会出现一个小三角形，对应于大于代码折叠大小偏好设置中指定的代码折叠行数的代码块。

单击三角形可折叠或展开代码。

注释

若要展开文档中的所有折叠代码，您可以使用键盘快捷键 Ctrl+Alt+E (Win) 和 Command+Alt+E (Mac)。

要基于所选内容折叠代码：

在代码视图中，选择要折叠的代码片断。

单击出现的三角形图标以折叠和展开选择内容。