Нажмите Edit > Preferences (в Windows) или Dreamweaver > Preferences (на Mac).
Последнее обновление
27 апр. 2021 г.
Узнайте, как свернуть и развернуть код в Dreamweaver для просмотра разделов документа без прокрутки.
Можно сворачивать (также называется складыванием) и разворачивать фрагменты кода для просмотра различных разделов документа без прокрутки.
Например, чтобы увидеть все правила CSS в теге head, которые применяются к тегу div далее на странице, сложите код между тегом head и тегом div, чтобы видеть оба раздела кода одновременно.
Выделите фрагмент кода, чтобы свернуть его. Можно также свернуть код в файлах HTML, PHP, XML и SVG на основе блоков тегов. В файлах CSS, Less, Sass, SCSS и JS можно свернуть код на основе фигурных скобок.
- HTML-файлы: Dreamweaver сворачивает код между открывающим и закрывающим HTML-тегом, а исходные атрибуты, где это применимо, отображаются в свернутом коде. Dreamweaver автоматически разворачивает блоки кода, когда код внутри блока получает фокус через Tag Selector, Find and Replace, Go To Line, Element Quick View, Live View или Undo/Redo.
При изменении выделения код автоматически сворачивается обратно.
- Файлы CSS, Less, Sass, SCSS и JS: код внутри фигурных скобок сворачивается, а предварительный просмотр отображается как {...}.
- PHP-файлы: помимо блоков кода PHP, свертываются HTML-элементы, а также блоки кода CSS и JS.
Примечание
В файлах, созданных на основе шаблонов Dreamweaver, весь код отображается развернутым, даже если файл шаблона (.dwt) содержит свернутые фрагменты кода.
Настройки сворачивания кода
Размер свертывания кода по умолчанию — две строки. При настройках по умолчанию все фрагменты кода, которые содержат по крайней мере две строки кода, сворачиваются. Фрагменты кода менее двух строк можно свернуть, выделив код.
Чтобы изменить минимальное количество строк для сворачивания кода:
Нажмите Code Format в списке Category и укажите минимальный размер сворачивания кода.
Свертывание и развертывание фрагментов кода
По умолчанию весь код в представлении кода находится в развернутом состоянии.
Можно также свернуть код, выбрав несколько строк и свернув их. Также можно свернуть код на основе синтаксиса — блоков тегов или фигурных скобок.
Примечание
Состояние свертывания и развертывания блоков кода сохраняются между сеансами Dreamweaver.
Свертывание кода на основе блоков тегов или фигурных скобок
Чтобы свернуть код на основе блоков тегов или фигурных скобок:
В режиме Code рядом с номерами строк, соответствующими блокам кода размером больше количества строк сворачивания, указанного в настройках размера сворачивания кода, появляется небольшой треугольник.
Щелкните этот треугольник, чтобы свернуть или развернуть код.
Примечание
Чтобы развернуть все свернутые блоки кода в документе, можно использовать сочетание клавиш Ctrl + Alt + E (Windows) или Command + Alt + E (Mac).
Свертывание кода на основе выделенной области
Чтобы свернуть код на основе выделения:
В представлении кода выделите фрагмент кода, который необходимо свернуть.
Нажмите значок треугольника, который появляется для сворачивания и разворачивания выделения.
Свертывание и развертывание кода с помощью сочетаний клавиш
|
Command |
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» |
Копирование и вставка свернутого фрагмента кода
Щелкните свернутый фрагмент кода, чтобы выделить его.
В меню «Правка» выберите «Копировать».
Установите курсор в место, куда необходимо вставить код.
Выберите «Правка» > «Вставить».
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
