关于折叠代码

您可以折叠和扩展代码片断,这样无须使用滚动条即可查看文档的不同部分。例如,若要查看应用于页面下方较远处的 div 标签的 head 标签中的所有 CSS 规则,您可以折叠 head 标签和 div 标签之间的所有内容,这样就可以同时看到两部分代码。尽管可以通过在“设计”视图或“代码”视图中来选择代码片断,但只能在“代码”视图中折叠代码。

注:依据 Dreamweaver 模板创建的文件将以完全展开的形式显示所有代码,即使模板文件 (.dwt) 包含折叠的代码片断也是如此。

折叠和展开代码片断

当您选择了代码后,将会在所选代码的旁边显示一组折叠按钮(在 Windows 中为减号;在 Macintosh 中为垂直三角形)。单击这些按钮可折叠和展开所选代码。折叠了代码后,折叠按钮将变为展开按钮(在 Windows 中为加号按钮;在 Macintosh 中为水平三角形)。

有时,不会准确折叠您所选的代码片断。Dreamweaver 使用“智能折叠”来折叠最常用和视觉效果很好的选定内容。例如,如果您选择了一个缩进标签并且选择了该标签之前的缩进空格,则 Dreamweaver 将不会折叠缩进的空格,因为大多数用户希望保留缩进。若要禁用智能折叠,并强制 Dreamweaver 准确折叠选定的内容,您可在折叠代码之前按住 Ctrl。

此外,如果片断中包含错误或特定浏览器不支持的代码,则会在折叠的代码片断上放置一个警告图标。

您也可以通过在按住 Alt (Windows) 或 Option (Macintosh) 的同时单击其中一个折叠按钮或单击“编码”工具栏中的“折叠选定内容”按钮折叠该代码。

  1. 选择一些代码。

  2. 选择“编辑”>“代码折叠”并选择任一选项。

选择折叠的代码片断

在“代码”视图中单击折叠代码片断。

注:当您在“设计”视图中选定的内容是折叠代码片断的一部分时,该片断将会在“代码”视图中自动展开。当您在“设计”视图中选定的内容是一个完整的代码片断时,“代码”视图中的片断将保持折叠状态。

查看折叠代码片断中的代码而不展开该代码片断

将鼠标指针悬停在折叠代码片断的上方。

使用键盘快捷键折叠和展开代码

还可以使用以下键盘快捷键:

命令

Windows

Macintosh

折叠选定

Ctrl+Shift+C

Command+Shift+C

折叠外部所选

Ctrl+Alt+C

Command+Alt+C

扩展所选

Ctrl+Shift+E

Command+Shift+E

折叠整个标签

Ctrl+Shift+J

Command+Shift+J

折叠外部完整标签

Ctrl+Alt+J

Command+Alt+J

扩展全部

Ctrl+Alt+E

Command+Alt+E

粘贴和移动折叠的代码片断

您可以复制和粘贴折叠的代码片断,或通过拖动来移动折叠的代码片断。

复制和粘贴折叠的代码片断

  1. 选择折叠代码片断。

  2. 选择“编辑”>“复制”。

  3. 将插入点放在要粘贴代码的地方。

  4. 选择“编辑”>“粘贴”。

    注:可以粘贴到其它应用程序中,但将不会保留代码片断的折叠状态。

拖放折叠代码片断

  1. 选择折叠代码片断。

  2. 将选定内容拖动到新位置。

    若要拖动选定内容的副本,请按住 Ctrl 拖动 (Windows) 或按住 Alt 拖动 (Macintosh)。

    注:不可拖动到其它文档。



 






,