Zwijanie i rozwijanie kodu

Ostatnia aktualizacja 27 kwi 2021

Informacje o zwijaniu i rozwijaniu kodu w programie Dreamweaver w celu przeglądania sekcji dokumentu bez przewijania.

Można zwijać (nazywane także składaniem) i rozwijać fragmenty kodu, aby wyświetlać różne sekcje dokumentu bez przewijania.

Na przykład, aby zobaczyć wszystkie reguły CSS w znaczniku head, które mają zastosowanie do znacznika div znajdującego się dalej na stronie, złóż kod między znacznikiem head a znacznikiem div, aby zobaczyć obie sekcje kodu jednocześnie.

Można zaznaczyć fragment kodu, aby go zwinąć. Kod można również zwijać w blokach znaczników (dotyczy to plików HTML, PHP, XML i SVG). W plikach CSS, Less, Sass, SCSS i JS można zwijać kod na podstawie nawiasów klamrowych.

  • Pliki HTML: program Dreamweaver zwija kod między otwierającym a zamykającym znacznikiem HTML. W zwiniętym kodzie są wyświetlane początkowe atrybuty (jeśli ma to zastosowanie). Program Dreamweaver automatycznie rozwija bloki kodu, gdy kod wewnątrz bloku otrzymuje fokus za pomocą selektora znaczników, funkcji Znajdź i zamień, Przejdź do wiersza, szybkiego podglądu elementu, widoku na żywo lub funkcji Cofnij/Ponów.

Jeśli zaznaczenie się zmieni, kod zostanie automatycznie zwinięty z powrotem.

  • Pliki CSS, Less, Sass, SCSS i JS: Kod w nawiasach klamrowych jest zwinięty, a podgląd jest wyświetlany jako {...}.
  • Pliki PHP: oprócz bloków kodu PHP zwijane są elementy HTML i CSS oraz kod JS. 
Spostrzeżenie

Pliki utworzone z szablonów programu Dreamweaver wyświetlają cały kod jako rozwinięty, nawet jeżeli plik szablonu (.dwt) zawiera zwinięte fragmenty kodu.

Ustawianie preferencji rozmiaru zwijanego kodu

Domyślny rozmiar zwijania kodu to dwa wiersze. Przy tym ustawieniu domyślnym zwijane będą wszystkie fragmenty, które zawierają co najmniej dwa wiersze kodu. Fragmenty kodu, które mają mniej niż dwa wiersze, można zwinąć, zaznaczając kod.

Aby zmienić minimalną liczbę wierszy do składania kodu:

Kliknij Edycja > Preferencje (w systemie Windows) lub Dreamweaver > Preferencje (na Mac).

Kliknij Format kodu na liście Kategoria i określ minimalny rozmiar składania kodu.

Zwijanie i rozwijanie fragmentów kodu

Domyślnie cały kod w widoku Kod jest rozwinięty.

Można jednak zwinąć wybrane wiersze kodu, zaznaczając je i wybierając opcję zwijania. Można także zwijać kod na podstawie składni — bloków znaczników lub nawiasów klamrowych. 

Spostrzeżenie

Zwinięcie lub rozwinięcie bloków kodu jest zapamiętywane między sesjami programu Dreamweaver.

Zwijanie kodu na podstawie bloków znaczników lub klamer

Aby zwinąć kod na podstawie bloków znaczników lub nawiasów klamrowych:

W widoku kodu obok numerów wierszy odpowiadających blokom kodu, które są większe niż liczba wierszy składania kodu określona w preferencjach rozmiaru składania kodu, pojawia się mały trójkąt.

Kliknij trójkącik, aby zwinąć lub rozwinąć kod.

Spostrzeżenie

Aby rozwinąć cały zwinięty kod w dokumencie, możesz użyć skrótu Control+Alt+E (Win) albo Command+Alt+E (Mac).

Zwijanie kodu na podstawie bloków znaczników (potrzebny aktualny ekran)

Zwijanie kodu na podstawie zaznaczenia

Aby zwinąć kod na podstawie zaznaczenia:

Przejdź do widoku Kod i zaznacz fragment kodu, który chcesz zwinąć.

Kliknij ikonę trójkąta, która pojawia się, aby zwinąć i rozwinąć zaznaczenie.

Używanie skrótów klawiaturowych do zwijania i rozwijania kodu

Command

Windows

Macintosh

Zwiń zaznaczenie

Control+Shift+C

Command+Shift+C

Zwiń poza zaznaczeniem

Control+Alt+C

Command+Alt+C

Rozwiń zaznaczenie

Control+Shift+E

Command+Shift+E

Zwiń pełne znaczniki

Control+Shift+J

Command+Shift+J

Zwiń na zewn. pełnych znaczników

Control+Alt+J

Command+Alt+J

Rozwiń wszystko

Control+Alt+E

Command+Alt+E

Kopiowanie i wklejanie zwiniętego fragmentu kodu

Kliknij zwinięty fragment kodu, aby go zaznaczyć.

Wybierz polecenie Edycja > Kopiuj.

Umieść kursor w miejscu, w którym chcesz wkleić kod.

Wybierz polecenie Edycja > Wklej.