Sbalení a rozbalení kódu

Naposledy aktualizováno 27. 4. 2021

Získejte další informace o postupu Sbalení a rozbalení kódu v aplikaci Dreamweaver s cílem zobrazit části dokumentu bez rolování.

Můžete sbalit (také nazývané složit) a rozbalit fragmenty kódu pro zobrazení různých částí dokumentu bez posouvání.

Například, chcete-li zobrazit všechna pravidla CSS v tagu head, která se vztahují na tag div níže na stránce, skládejte kód mezi tagem head a tagem div, abyste viděli obě části kódu najednou.

Můžete vybrat část kódu, kterou chcete sbalit. Sbalení kódu je také dostupné u souborů HTML, PHP, XML a SVG a využívá bloky tagů. V souborech CSS, Less, Sass, SCSS a JS můžete sbalit kód na základě složených závorek.

  • Soubory HTML: Aplikace Dreamweaver sbalí kód uvnitř tagů HTML a u sbaleného kódu se zobrazí výchozí atributy (je-li to možné). Dreamweaver se automaticky rozbalí, když kód v bloku získá fokus prostřednictvím výběru tagů, funkce Najít a nahradit, Přejít na řádek, rychlého zobrazení prvku, živého zobrazení nebo funkce Zpět/Vpřed.

Pokud se výběr změní, kód se automaticky opět sbalí.

  • Soubory CSS, Less, Sass, SCSS a JS: Kód ve složených závorkách je sbalen a náhled se zobrazuje jako {...}.
  • Soubory PHP: Společně s bloky kódu PHP je možné sbalit také elementy HTML, CSS a bloky kódu JS. 
Poznámka

Soubory vytvořené z šablon aplikace Dreamweaver zobrazí všechen kód rozbalený, i když soubory šablon (.dwt) obsahují sbalené fragmenty kódů.

Nastavení předvoleb velikosti sbaleného kódu

Výchozí velikost skládání kódu jsou dva řádky. To znamená, že lze v tomto standardním nastavení sbalit všechny fragmenty obsahující alespoň dva řádky kódu. Fragmenty kódu, které jsou kratší než dva řádky, lze sbalit výběrem kódu.

Změna minimálního počtu řádků pro skládání kódu:

Klikněte na Upravit > Předvolby (ve Windows) nebo Dreamweaver > Předvolby (na Mac).

V seznamu kategorií klikněte na Formát kódu a zadejte minimální velikost skládání kódu.

Sbalení a rozbalení výstřižků kódu

Veškerý kód v zobrazení kódu se ve výchozím nastavení zobrazí rozbalený.

Kód však můžete sbalit výběrem několik řádků a jejich sbalením. Kód můžete také sbalit na základě syntaxe - bloky tagů nebo složené závorky. 

Poznámka

Sbalení a rozbalení bloků kódu se zachová i mezi relacemi aplikace Dreamweaver.

Sbalení kódu na základě bloků tagů nebo složených závorek

Pro sbalení kódu na základě bloků tagů nebo složených závorek:

V zobrazení kódu se vedle čísel řádků odpovídajících blokům kódu, které jsou větší než počet řádků skládání kódu zadaný v předvolbách velikosti skládání kódu, zobrazuje malý trojúhelník.

Kliknutím na trojúhelník můžete kód sbalit nebo rozbalit.

Poznámka

Chcete-li rozbalit veškerý sbalený kód v dokumentu, můžete k tomu použít klávesové zkratky CTRL + Alt + E (Win) nebo Cmd + Alt + E (Mac).

Sbalení kódu pomocí bloků tagů (need to update screenshot)

Sbalení kódu na základě výběru

Sbalení kódu na základě výběru:

V zobrazení kódu vyberte fragment kódu, který chcete sbalit.

Kliknutím na ikonu trojúhelníku sbalíte nebo rozbalíte výběr.

Používání klávesových zkratek ke sbalení a rozbalení kódu

Příkaz

Windows

Macintosh

Sbalit výběr

Ctrl+Shift+C

Apple+Shift+C

Sbalit vše vně výběru

Ctrl+Alt+C

Apple+Alt+C

Rozbalit výběr

Ctrl+Shift+E

Apple+Shift+E

Sbalit celý tag

Ctrl+Shift+J

Apple+Shift+J

Sbalit celý vnější tag

Ctrl+Alt+J

Apple+Alt+J

Rozbalit vše

Ctrl+Alt+E

Apple+Alt+E

Kopírování a vložení sbaleného fragmentu kódu

Kliknutím lze vybrat sbalený fragment kódu.

Vyberte volbu Úpravy > Kopírovat.

Umístěte kurzor na místo, kam chcete vložit kód.

Vyberte možnost Úpravy > Vložit.