关于折叠代码
您可以折叠和扩展代码片断,这样无须使用滚动条即可查看文档的不同部分。例如,若要查看应用于页面下方较远处的 div 标签的 head 标签中的所有 CSS 规则,您可以折叠 head 标签和 div 标签之间的所有内容,这样就可以同时看到两部分代码。尽管可以通过在“设计”视图或“代码”视图中来选择代码片断,但只能在“代码”视图中折叠代码。
注:依据 Dreamweaver 模板创建的文件将以完全展开的形式显示所有代码,即使模板文件 (.dwt) 包含折叠的代码片断也是如此。
折叠和展开代码片断
当您选择了代码后,将会在所选代码的旁边显示一组折叠按钮(在 Windows 中为减号;在 Macintosh 中为垂直三角形)。单击这些按钮可折叠和展开所选代码。折叠了代码后,折叠按钮将变为展开按钮(在 Windows 中为加号按钮;在 Macintosh 中为水平三角形)。
有时,不会准确折叠您所选的代码片断。Dreamweaver 使用“智能折叠”来折叠最常用和视觉效果很好的选定内容。例如,如果您选择了一个缩进标签并且选择了该标签之前的缩进空格,则 Dreamweaver 将不会折叠缩进的空格,因为大多数用户希望保留缩进。若要禁用智能折叠,并强制 Dreamweaver 准确折叠选定的内容,您可在折叠代码之前按住 Ctrl。
此外,如果片断中包含错误或特定浏览器不支持的代码,则会在折叠的代码片断上放置一个警告图标。
您也可以通过在按住 Alt (Windows) 或 Option (Macintosh) 的同时单击其中一个折叠按钮或单击“编码”工具栏中的“折叠选定内容”按钮折叠该代码。
选择一些代码。
选择“编辑”>“代码折叠”并选择任一选项。
选择折叠的代码片断
在“代码”视图中单击折叠代码片断。
注:当您在“设计”视图中选定的内容是折叠代码片断的一部分时,该片断将会在“代码”视图中自动展开。当您在“设计”视图中选定的内容是一个完整的代码片断时,“代码”视图中的片断将保持折叠状态。
查看折叠代码片断中的代码而不展开该代码片断
将鼠标指针悬停在折叠代码片断的上方。
使用键盘快捷键折叠和展开代码
还可以使用以下键盘快捷键:
命令 | 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 |
粘贴和移动折叠的代码片断
您可以复制和粘贴折叠的代码片断,或通过拖动来移动折叠的代码片断。
复制和粘贴折叠的代码片断
拖放折叠代码片断