Klicka på Redigera > Inställningar (i Windows) eller Dreamweaver > Inställningar (på Mac).
Senast uppdaterad den
27 apr. 2021
Lär dig hur du komprimerar och utökar kod i Dreamweaver för att visa avsnitt av dokumentet utan att rulla.
Du kan dölja (även kallat fälla ihop) och expandera kodfragment för att visa olika avsnitt i ditt dokument utan att behöva rulla.
Om du till exempel vill se alla CSS-regler i head-taggen som gäller för en div-tagg längre ned på sidan kan du dölja koden mellan head-taggen och div-taggen för att se båda kodavsnitten samtidigt.
Du kan markera en del av koden som du vill komprimera. Du kan också komprimera kod i HTML-, PHP-, XML- och SVG-filer baserat på taggblock. I CSS-, Less-, Sass-, SCSS- och JS-filer kan du dölja kod baserat på måsvingar.
- HTML-filer: Dreamweaver komprimerar koden mellan den inledande och avslutande HTML-taggen och de initiala attributen (om tillämpligt) visas i den komprimerade koden. Dreamweaver expanderar automatiskt när koden inom blocket får fokus genom Tag Selector, Sök och ersätt, Gå till rad, Element Quick View, Live View eller Ångra/Gör om.
Om markeringen ändras döljs koden automatiskt igen.
- CSS-, Less-, Sass-, SCSS- och JS-filer: Kod inom måsvingar kollapsas och förhandsgranskningen visas som {...}.
- PHP-filer: Förutom PHP-kodblock komprimeras också HTML-element och CSS- och JS-kodblock.
Obs!
Filer som skapats från Dreamweaver-mallar visar all kod som helt utökad, även om mallfilen (DWT) innehåller komprimerade kodfragment.
Ange storleksinställningar för kodinfällning
Standardstorleken för kodinfällning är två rader. Med den här standardinställningen är alla kodfragment med minst två rader kod komprimeringsbara. Kodfragment som är kortare än två rader kan komprimeras genom att markera koden.
Så här ändrar du det minsta antalet rader för kodvikning:
Klicka på Kodformat i kategorilistan och ange den minsta storleken för kodfällning.
Komprimera och utöka kodfragment
Som standard är all kod i kodvyn i utökat läge.
Men du kan komprimera kod genom att markera flera rader och komprimera dem. Du kan även dölja kod baserat på syntaxen – taggblock eller måsvingar.
Obs!
Det komprimerade och utökade läget för kodblocken bibehålls i olika Dreamweaver-sessioner.
Komprimera kod baserat på taggblock eller klammerparenteser
Så här minimerar du kod baserat på taggblock eller klammerparenteser:
I kodvyn visas en liten triangel bredvid radnumren som motsvarar kodblock som är större än antalet kodfällningsrader som anges i inställningarna för kodfällningsstorlek.
Klicka på triangeln om du vill komprimera eller utöka koden.
Obs!
Om du vill utöka all komprimerad kod i dokumentet kan du använda kortkommandot Ctrl+Alt+E (Windows) eller Kommando+Alt+E (Mac).
Komprimera kod baserat på markering
Så här döljer du kod baserat på markering:
I kodvyn markerar du det kodavsnitt som du vill komprimera.
Klicka på triangelikonen som visas för att dölja och visa markeringen.
Använd kortkommandon för att komprimera och utöka kod
|
Kommando |
Windows |
Macintosh |
|
Komprimera markering |
Ctrl + Skift +C |
Kommando + Skift + C |
|
Komprimera utanför markering |
Ctrl + Alt + C |
Kommando + Alt + C |
|
Utöka markering |
Crtl + Skift + E |
Kommando + Skift + E |
|
Komprimera hel tagg |
Ctrl + Skift + J |
Kommando + Skift + J |
|
Komprimera utanför hel tagg |
Ctrl + Alt + J |
Kommando + Alt + J |
|
Utöka alla |
Ctrl + Alt + E |
Kommando + Alt + E |
Kopiera och klistra in ett komprimerat kodfragment
Markera det komprimerade kodfragmentet genom att klicka på det.
Välj Redigera > Kopiera.
Placera markören vid den punkt där du vill klistra in koden.
Välj Redigera > Klistra in.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
