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

Podle potřeby můžete sbalit a rozbalit fragmenty kódu a zobrazit tak různé oblasti dokumentu, aniž byste je museli procházet.

Abyste například mohli vidět všechna pravidla CSS v tagu „head“, která se vztahují k tagu „div“ dále na stránce, můžete sbalit kód mezi tagem „head“ a tagem „div“ tak, abyste viděli obě oblasti 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é). Aplikace Dreamweaver poté kód automatický rozbalí v případě, že se kód v bloku aktivuje skrze funkci Selektor tagů, Najít a nahradit, Přejít na řádek, Rychlé zobrazení elementu, Živé zobrazení nebo Vrácení zpět / Opětovné provedení.

Po dokončení změn se kód automaticky opět sbalí.

  • Soubory CSS, Less, Sass, SCSS a JS: Kód uvnitř složených závorek se sbalí a zobrazí se náhled {...}.
  • 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 pokud v tomto standardním nastavení kód sbalíte, sbalí se všechny fragmenty obsahující alespoň dva řádky kódu. Fragmenty obsahující méně než dva řádky kódu budou zobrazeny rozbalené.

Postup změny minimálního počtu řádků kódu, které chcete zobrazit složené:

  1. Klikněte na možnost Upravit > Předvolby (systém Windows) nebo Dreamweaver > Předvolby (systém Mac).

  2. V seznamu Kategorie klikněte na možnost Formát kódu a uveďte minimální velikost pro 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 – bloků tagů nebo složených závorek. 

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

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

  1. V zobrazení kódu umístěte kurzor na sloupec s číslem řádku odpovídající bloku kódu, který chcete sbalit nebo rozbalit. Vedle čísel řádků se zobrazí malý trojúhelník.

  2. 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ů
    Sbalení kódu pomocí bloků tagů (need to update screenshot)

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

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

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

    Po výběru kódu se ve sloupci s číslem řádku zobrazí ikona sbalení.

  2. Kliknutím na ikonu můžete výběr sbalit nebo rozbalit.

    Po sbalení kódu se ikona pro sbalení změní na ikonu pro rozbalení (). 

    Sbalení vybraného kódu
    Sbalení vybraného kódu (need to update screenshot)

    Rozbalení kódu (need to update screenshot)
    Rozbalení kódu (need to update screenshot)

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

Příkaz

Windows

Mac

Sbalit výběr

Ctrl+Shift+C

Cmd+Shift+C

Sbalit vše vně výběru

Ctrl+Alt+C

Cmd+Alt+C

Rozbalit výběr

Ctrl+Shift+E

Cmd+Shift+E

Sbalit celý tag

Ctrl+Shift+J

Cmd+Shift+J

Sbalit celý vnější tag

Ctrl+Alt+J

Cmd+Alt+J

Rozbalit vše

Ctrl+Alt+E

Cmd+Alt+E

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

  1. Kliknutím na sbalený fragment kódu jej vyberte.

  2. Vyberte volbu Úpravy > Kopírovat.
  3. Umístěte kurzor na místo, kam chcete vložit kód.

  4. Vyberte možnost Úpravy > Vložit.

Tato práce podléhá licenci Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Na příspěvky ze služeb Twitter™ a Facebook se nevztahují podmínky licence Creative Commons.

Právní upozornění   |   Zásady ochrany osobních údajů online