Узнайте, как свернуть и развернуть код в Dreamweaver для просмотра разделов документа без прокрутки.

Пользователь может сворачивать и разворачивать фрагменты кода для просмотра различных разделов документа без использования прокрутки.

Например, чтобы увидеть все правила 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) содержит свернутые фрагменты кода.

Настройки сворачивания кода

Размер свертывания кода по умолчанию — две строки. При настройках по умолчанию сворачивание кода ведет к свертыванию всех фрагментов, которые содержат по крайней мере две строки. Меньшие фрагменты отображаются развернутыми.

Для изменения минимального числа строк для свертывания кода:

  1. Щелкните «Правка» > «Настройки» (Windows) или Dreamweaver > «Настройки» (Mac).

  2. Выберите пункт «Формат кода» в списке категорий и укажите минимальный размер.

Свертывание и развертывание фрагментов кода

По умолчанию весь код в представлении кода находится в развернутом состоянии.

Можно также свернуть код, выбрав несколько строк и свернув их. Код можно свернуть на основе блоков тегов или фигурных скобок.

Примечание.

Свернутое и развернутое состояния блоков кода сохраняются между сеансами Dreamweaver.

Свертывание кода на основе блоков тегов или фигурных скобок

Чтобы свернуть код на основе блоков тегов или фигурных скобок:

  1. В представлении кода наведите указатель мыши на столбец с номером строки, соответствующий блоку кода, который нужно свернуть или развернуть. Рядом с номерами строк появляется маленький треугольник.

  2. Щелкните этот треугольник, чтобы свернуть или развернуть код.

    Примечание.

    Чтобы развернуть все свернутые блоки кода в документе, можно использовать сочетание клавиш Ctrl+Alt+E (Windows) или Command+Alt+E (Mac).

    Свертывание кода с помощью блоков тегов
    Свернуть код с помощью блоков тегов (необходимо обновить снимок экрана)

Свертывание кода на основе выделенной области

Чтобы свернуть код на основе выделенной области:

  1. В представлении кода выделите фрагмент кода, который необходимо свернуть.

    При выделении кода в столбце номеров строк отображается значок свертывания.

  2. Щелкая по этому значку можно разворачивать и сворачивать выделенный фрагмент.

    Когда код свернут, значок свертывания меняется на значок развертывания ().

    Свертывание выделенного кода
    Свертывание выделенного кода (необходимо обновить снимок экрана)

    Развертывание кода (необходимо обновить снимок экрана)
    Развертывание кода (необходимо обновить снимок экрана)

Свертывание и развертывание кода с помощью сочетаний клавиш

Команда

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

Копирование и вставка свернутого фрагмента кода

  1. Щелкните свернутый фрагмент кода, чтобы выделить его.

  2. В меню «Правка» выберите «Копировать».
  3. Поместите курсор в том месте, куда необходимо вставить код.

  4. Выберите «Правка» > «Вставить».

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет