Kliknij Edycja > Preferencje (w systemie Windows) lub Dreamweaver > Preferencje (na Mac).
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.
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 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.
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.
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 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ć.
Umieść kursor w miejscu, w którym chcesz wkleić kod.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.