Nastavení předvoleb kódování

Naposledy aktualizováno 8. 12. 2025

Naučte se nastavit předvolby pro psaní kódu, motivy kódu a předvolby přepisování kódu v aplikaci Dreamweaver.

Můžete nastavit předvolby kódování, jako je formátování a barvení kódu a další možnosti, podle svých specifických potřeb.


  • Chcete-li nastavit další předvolby, použijte Editor knihovny tagů (viz část Správa knihoven tagů).
  • Aplikace Dreamweaver podporuje formátování pro následující typy souborů: CSS, JS a PHP. Informace o přizpůsobení formátování kódu PHP, CSS a JS najdete v Formátování kódu

Nastavení vzhledu kódu

V nabídce Zobrazení > Možnosti zobrazení kódu můžete nastavit zalamování slov, zobrazit čísla řádků kódu, nastavit barevné zvýraznění syntaxe pro prvky kódu, nastavit odsazení a zobrazit skryté znaky.

Zobrazení dokumentu v zobrazení kódu nebo inspektoru kódu.

Vyberte Zobrazení > Možnosti zobrazení kódu.

Označte nebo odznačte libovolné z následujících voleb:

Zalamování řádků

Zalamuje kód tak, abyste jej mohli zobrazit bez horizontálního posouvání. Tato možnost nevkládá konce řádků; pouze usnadňuje zobrazení kódu.

Čísla řádků

Zobrazí po straně kódu čísla řádků.

Skryté znaky

Zobrazí speciální znaky v místech znaků mezer. Například tečka nahrazuje každou mezeru, dvojitá stříška nahrazuje každý tabulátor a značka paragrafu nahrazuje každé zalomení řádku.

Poznámka

Měkká zalomení řádku, které aplikace Dreamweaver používá pro zalamování řádků, se nezobrazují pomocí značky paragrafu.

Barevné zvýraznění syntaxe

Zapíná nebo vypíná barevné zvýrazňování kódu. Informace o barevných schématech zvýrazňování, viz část Nastavení barev kódu.

Automatické odsazení

Automaticky odsadí kód, když při psaní kódu stisknete klávesu Enter. Nový řádek kódu se odsadí na stejnou úroveň jako předchozí. Informace o změnách mezer odsazení viz volba Velikost tabulátoru v části Změna formátování kódu.

Změna formátování kódu

Můžete změnit vzhled kódu tím, že nastavíte předvolby formátování jako jsou odsazení, délka řádku, velikost písmen tagů a názvů atributů.

Všechny volby Formátu kódu, s výjimkou volby Změnit velikost písmen, jsou automaticky aplikovány pouze na nové dokumenty nebo nově přidané objekty.

Chcete-li přeformátovat existující dokumenty HTML, otevřete dokument a vyberte Úpravy > Kód > Použít formátování zdroje.

Vyberte možnost Úpravy > Předvolby.
Vyberte volbu Formát kódu ze seznamu Kategorie vlevo.
Nastavte libovolné z následujících voleb:

Odsazení

Určuje, zda má být kód generovaný aplikací Dreamweaver odsazen (podle pravidel odsazení určených v těchto předvolbách), či nikoli.

Většina možností odsazení v tomto dialogovém okně se vztahuje pouze na kód generovaný aplikací Dreamweaver, nikoli na kód, který píšete vy. Aby každý nový řádek kódu, který zadáváte, byl odsazen na stejnou úroveň jako ten předchozí, vyberte volbu Zobrazení > Volby zobrazení kódu > Automatické odsazení. Další informace viz část Nastavení vzhledu kódu.

Pomocí

(Textové pole a rozbalovací nabídka) Určuje, kolik mezer nebo tabulátorů má Dreamweaver použít k odsazení kódu, který generuje. Pokud například zadáte do pole hodnotu 3 a v rozbalovací nabídce vyberete Tabulátory, pak bude kód generovaný aplikací Dreamweaver odsazen pomocí tří tabulátorů pro každou úroveň odsazení.

Velikost tabulátoru

Určuje, kolik znaků bude široký každý znak tabulátoru v Zobrazení kódu. Například pokud je velikost tabulátoru nastavena na 4, tak se každý tabulátor objeví v zobrazení kódu jako prázdné místo o šířce čtyř znaků. Pokud je navíc Odsadit pomocí nastaveno na 3 tabulátory, pak je kód generovaný aplikací Dreamweaver odsazen pomocí tří tabulátorů pro každou úroveň odsazení, což se v zobrazení kódu jeví jako prázdné místo o šířce dvanácti znaků.

Dreamweaver odsazuje buď pomocí mezer, nebo tabulátorů; při vkládání kódu nepřevádí posloupnost mezer na tabulátor.

Emmet

Tuto možnost vyberte, pokud plánujete použití zkratek Emmet při psaní kódu. Tato možnost zajistí, že při stisknutí klávesy Tab převede aplikace Dreamweaver zkratky Emmet na úplný kód HTML nebo CSS. Další informace o používání nástroje Emmet najdete v Použití sady nástrojů Emmet s aplikací Dreamweaver.

Typ zalomení řádků

Určuje typ vzdáleného serveru (Windows, Macintosh nebo UNIX), který hostí vzdálený web. Díky výběru správného typu znaků zalomení řádků zajistíte, že kód HTML se bude správně zobrazovat v případě prohlížení na vzdáleném serveru. Toto nastavení je vhodné užít také v případě, kdy pracujete s externím textovým editorem, který rozeznává pouze určité druhy zalomení řádků. Například použijte CR LF (Windows), pokud je externím editorem Poznámkový blok, nebo použijte CR (Macintosh), pokud je externím editorem SimpleText.

Na servery, ke kterým se připojujete pomocí FTP, se tato volba vztahuje pouze na binární režim přenosu; režim přenosu ASCII v aplikaci Dreamweaver tuto volbu ignoruje. Pokud stahujete soubory v režimu ASCII, Dreamweaver nastaví konce řádků podle operačního systému vašeho počítače; pokud nahráváte soubory v režimu ASCII, všechny konce řádků jsou nastaveny na CR LF.

Tag TD: Nevkládat zalomení do tagu TD

Řeší problém s vykreslováním, který se objevuje v některých starších prohlížečích, když se bílý znak nebo konce řádků nacházejí bezprostředně za značkou <td> nebo bezprostředně před značkou </td>. Když vyberete tuto možnost, Dreamweaver nezapíše konce řádků za značku <td> ani před značku </td>, i když formátování v knihovně značek naznačuje, že by tam konec řádku měl být.

Pokročilé formátování

Umožňuje nastavit možnosti formátování pro jednotlivé značky a atributy v editoru knihovny značek.

Znak prázdného místa

(Pouze japonská verze) Umožňuje vybrat buď &nbsp; nebo mezeru Zenkaku pro kód HTML. Bílý znak vybraný v této možnosti bude použit pro prázdné značky při vytváření tabulky a když je povolena možnost "Povolit více po sobě jdoucích mezer" na stránkách s japonským kódováním.

Minimální velikost pro skládání 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é obsahují méně než dva řádky, můžete sbalit pouze výběrem kódu. Další informace o sbalování kódu najdete v Sbalit a rozbalit kód.

Nastavení předvoleb přepisování kódu

Pomocí předvoleb přepisování kódu můžete určit, jak a zda Dreamweaver upravuje váš kód při otevírání dokumentů, při kopírování a vkládání prvků formuláře a při zadávání hodnot atributů a URL pomocí nástrojů, jako je inspektor vlastností. Tyto předvolby nemají žádný vliv, když upravujete HTML nebo skripty v zobrazení kódu.

Pokud zakážete možnosti přepisování, položky s neplatným označením se zobrazí v okně dokumentu pro HTML, které by bylo přepsáno.

Vyberte možnost Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).
Vyberte volbu Přepisování kódu ze seznamu Kategorie vlevo.
Nastavte libovolné z následujících voleb:

Opravit neplatně vnořené a neuzavřené tagy

Přepisuje překrývající se značky. Například <b><i>text</b></i> je přepsán jako <b><i>text</i></b>. Tato možnost také vkládá uzavírací uvozovky a uzavírací závorky, pokud chybí.

Při vkládání přejmenovat položky formuláře

Zajistí, že nebudete mít duplikované názvy pro objekty formuláře. Tato volba je standardně zapnutá.

Na rozdíl od ostatních voleb v dialogovém okně těchto předvoleb se tato volba nevztahuje na situace otevírání dokumentu, ale pouze na kopírování a vkládání elementu formuláře.

Odstranit nadbytečné zavírací tagy

Odstraní uzavírací značky, které nemají odpovídající otevírací značku.

Upozornit při opravě nebo odstranění tagů

Zobrazí přehled technicky neplatného HTML, které se aplikace Dreamweaver pokusila opravit. Souhrn uvádí umístění problému (pomocí čísel řádků a sloupců) abyste mohli najít opravu a zajistit, že se vykresluje podle očekávání.

Nikdy nepřepisovat kód: v souborech s příponami

Umožňuje zabránit aplikaci Dreamweaver v přepisování kódu v souborech s určenými příponami názvů souborů. Tato možnost je zvláště užitečná pro soubory, které obsahují značky třetích stran.

Zakódovat znaky <, >, & a &#34; v hodnotách atributů s použitím znaku &

Zajistí, že hodnoty atributů, které zadáváte nebo upravujete s použitím nástrojů aplikace Dreamweaver, jako je inspektor vlastností, budou obsahovat pouze platné znaky. Tato volba je standardně zapnutá.

Tato volba a následující volby se nevztahují na adresy URL, které zadáváte v zobrazení kódu. Také nezpůsobí změnu kódu, který již v souboru existuje.

Nekódovat speciální znaky

Zabraňuje aplikaci Dreamweaver měnit adresy URL tak, aby obsahovaly pouze povolené znaky. Tato volba je standardně zapnutá.

Zakódovat speciální znaky v adrese URL s použitím znaků &#

Zajišťuje, že když zadáváte nebo upravujete adresy URL pomocí nástrojů aplikace Dreamweaver, jako je inspektor Vlastnosti, tyto adresy URL obsahují pouze povolené znaky.

Zakódovat speciální znaky v adrese URL s použitím znaku %

Funguje stejným způsobem jako předchozí možnost, ale používá jinou metodu kódování speciálních znaků. Tato metoda kódování (používající znak procenta) může být kompatibilnější se staršími prohlížeči, ale nefunguje tak dobře se znaky z některých jazyků.

Nastavení předvoleb pro našeptávání kódu

Pomocí předvoleb nápovědy kódu nakonfigurujte, jak chcete, aby nápověda kódu fungovala. 

Vyberte možnost Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).

Nastavení předvoleb pro našeptávání kódu

Vyberte Nápověda kódu z kategorie vlevo.

Nastavte libovolné z následujících voleb:

Zavřít tagy

Určete, jak chcete, aby aplikace Dreamweaver uzavírala značky.

  • Po napsání "</" - 
  • Po napsání ">" otevírací značky - Vyberte tuto možnost, pokud chcete, aby aplikace Dreamweaver automaticky přidala uzavírací značku po uzavření otevírací značky.
  • Nikdy - Nastavte tuto možnost, pokud nechcete, aby aplikace Dreamweaver automaticky přidávala uzavírací značky.

Povolit rady při psaní kódu

Výběrem této možnosti můžete povolit nebo zakázat Našeptávání kódu a dokončování kódu v aplikaci Dreamweaver. Další informace o funkcích nápovědy kódu a dokončování kódu v aplikaci Dreamweaver naleznete v Nápověda kódu a dokončování kódu.

Zapnout popisky

Výběrem této možnosti můžete povolit zobrazení popisu rad při psaní kódu. Tyto popisy poskytují dodatečné informace o kódu, který píšete.

Automaticky vkládat závorky  Když je možnost zaškrtnutá, pravá závorka se automaticky vloží vždy, když uživatel napíše levou závorku. Pokud není možnost zaškrtnutá, pravá závorka se nevloží, když uživatel napíše levou závorku. Platí pro všechny typy závorek a všechny typy souborů (html, php, css, js).

Automaticky vkládat uvozovky Když je možnost zaškrtnutá, horní uvozovky se automaticky vloží vždy, když uživatel napíše dolní uvozovky. Pokud není možnost zaškrtnutá, horní uvozovky se nevloží, když uživatel napíše dolní uvozovky. Platí pro jednoduché i dvojité uvozovky a všechny typy souborů (html, php, css, js).

Nastavení předvoleb pro automatické dokončování kódů

Automatické uzavírání závorek a uvozovek můžete povolit nebo zakázat provedením následujících kroků:

Otevřete soubor brackets.json z následujícího umístění:

  • Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
  • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
     

Pro zakázání automatického uzavírání závorek a závorek nastavte autoCloseBraces na False.

Pro zakázání automatického vkládání odpovídajících uvozovek nastavte autoCloseQuotes na hodnotu False.

Pokud chcete povolit automatické uzavírání závorek a odpovídajících uvozovek, nastavte výše uvedené hodnoty na true.

Nastavení předvoleb pro automatické dokončování kódu v aplikaci Dreamweaver
Nastavení předvoleb pro automatické dokončování kódu v aplikaci Dreamweaver

Uložte soubor .json a spusťte dreamweaver.

Nastavení předvoleb PHP

Podle potřeby můžete nastavit vývojové prostředí pro psaní kódu PHP tak, jak je chcete používat. Toto můžete provést na základě konkrétního webu pro jednotlivé weby, na kterých pracujete, nebo obecně pro všechny soubory PHP uložené mimo weby dreamweaver.

Dreamweaver nastaví nápovědy kódu a kontroly syntaxe pro vybranou verzi jazyka PHP.

Chcete-li nastavit předvolby verze kódu PHP pro soubory, které nejsou specifické pro web, postupujte takto:

Vyberte Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).

V seznamu kategorií vlevo vyberte PHP.

Z rozbalovacího seznamu Verze PHP vyberte verzi PHP a klikněte na tlačítko Použít.

Chcete-li nastavit verzi PHP pro konkrétní web, postupujte takto:

V dialogovém okně Nastavení webu v části Rozšířené nastavení vyberte možnost PHP.

Z rozbalovacího seznamu Verze PHP vyberte verzi PHP a klikněte na tlačítko Uložit.

Nastavení předvoleb PHP pro konkrétní weby
Nastavení předvoleb PHP pro konkrétní weby

Nastavení barevných motivů a motivů kódu

Po spuštění aplikace Dreamweaver můžete podle potřeby upravit barevný motiv. Tyto předvolby můžete také kdykoli změnit.

Vyberte možnost Úpravy > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).

Ze seznamu kategorií na levé straně vyberte možnost Rozhraní.

Ze seznamu Barevné motivy vyberte požadovaný motiv. 

Po nastavení motivu rozhraní nastavte motiv kódu.

Vybírat můžete mezi světlým a tmavým motivem kódu.

Kliknutím na tlačítko Použít změny uložíte.

Barevné zvýraznění kódu můžete dále přizpůsobit dle vašich požadavků. Další informace najdete v tématu Přizpůsobení barevného zvýraznění kódu.

Používání externího editoru

Můžete určit externí editor pro úpravu souborů s konkrétními příponami. Například můžete spustit textový editor, jako je BBEdit, Notepad nebo TextEdit z aplikace dreamweaver pro úpravu souborů javascript (JS).

Pro různé přípony souborů můžete přiřadit různé externí editory.

Nastavení externího editoru pro typ souboru

Vyberte možnost Úpravy > Předvolby.
V seznamu Kategorie vlevo vyberte Typy souborů/Editory, nastavte options a klikněte na OK.

Otevřít v zobrazení kódu

Určuje přípony souborů, které se v aplikaci dreamweaver automaticky otevřou v zobrazení Kód.

Znovu načíst změněné soubory

Určuje chování, když dreamweaver zjistí, že byly provedeny externí změny v dokumentu, který je otevřený v aplikaci dreamweaver.

Uložit při spuštění

Určuje, zda má dreamweaver před spuštěním editoru vždy uložit aktuální dokument, nikdy dokument neukládat nebo se zeptat, zda se má dokument uložit při každém spuštění externího editoru.

Fireworks

Aplikaci Fireworks můžete propojit s aplikací dreamweaver zadáním cesty k aplikaci zde.