Ustawianie preferencji kodowania

Ostatnia aktualizacja 8 gru 2025

Informacje o ustawianiu preferencji kodowania, motywów kodu, formatowania i poprawiania kodu w programie Dreamweaver.

Możesz ustawić preferencje kodowania, takie jak formatowanie i kolorowanie kodu oraz inne opcje, aby spełnić swoje konkretne potrzeby.


  • Aby ustawić zaawansowane preferencje użyj Edytora biblioteki znaczników (patrz Zarządzanie bibliotekami znaczników).
  • Dreamweaver obsługuje formatowanie plików CSS, JS i PHP. Aby uzyskać informacje o dostosowywaniu formatowania kodu PHP, CSS i JS, zobacz Formatowanie kodu

Określanie ustawień wyglądu kodu

Możesz ustawić zawijanie tekstu, wyświetlanie numerów linii kodu, ustawić kolorowanie składni dla elementów kodu, ustawić wcięcia i pokazać ukryte znaki z menu Widok > Opcje widoku kodu.

Wyświetl dokument w widoku Kod lub Inspektorze kodu.

Wybierz Widok > Opcje widoku kodu.

Zaznacz lub wyłącz dowolne z następujących opcji:

Zawijanie tekstu

Zawija kod, dzięki czemu możesz go przeglądać bez przewijania w poziomie. Ta opcja nie wstawia znaków końca linii; po prostu sprawia, że kod jest łatwiejszy do przeglądania.

Numery wierszy

Wyświetla numery wierszy obok kodu.

Ukryte znaki

Wyświetla specjalne znaki w miejscu odstępów. Na przykład kropka zastępuje każdą spację, podwójny szewron (strzałka skierowana w dół) — każdy znak tabulatora, a znacznik akapitu zastępuje każdy znak końca wiersza.

Spostrzeżenie

Miękkie znaki podziału wiersza, które program Dreamweaver używa do zawijania wierszy nie są wyświetlane za pomocą znacznika akapitu.

Oznaczanie składni kolorami

Włącza i wyłącza kolorowanie składni. Więcej informacji na temat zmieniania schematu kolorowania można znaleźć w temacie Ustawianie kolorowania kodu.

Automatyczne wcięcie

Powoduje, że kod zostaje wcięty automatycznie za każdym razem, gdy wciśniesz Enter w czasie pisania kodu. Nowe wiersze kodu są wcinanie na tym samym poziomie, co poprzedni wiersz. Więcej informacji na temat zmieniania odstępów wcięcia można znaleźć w opisie opcji Rozmiar tabulatora w temacie Zmiana formatu kodu.

Zmiana formatu kodu

Możesz zmienić wygląd kodu określając preferencje formatowania takie jak wcięcie, długość linii oraz wielkość liter nazwa znaczników oraz atrybutów.

Wszystkie opcje formatowania kodu, oprócz opcji Przesłaniaj wielkość, są stosowane automatycznie tylko do nowych dokumentów oraz do dodatków do dokumentów, które następnie utworzysz.

Aby sformatować istniejące dokumenty HTML, otwórz dokument i wybierz Edycja > Kod > Zastosuj formatowanie źródła.

Wybierz polecenie Edycja > Preferencje.
Z listy Kategoria po lewej stronie wybierz pozycję Formatowanie kodu.
Ustaw dowolne spośród poniższych opcji:

Wcięcie

Wskazuje, czy kod generowany przez dreamweaver powinien być wcięty (zgodnie z zasadami wcięć określonymi w tych preferencjach), czy nie.

Większość opcji wcięć w tym oknie dialogowym dotyczy tylko kodu generowanego przez dreamweaver, a nie kodu, który wpisujesz. Aby każda nowa linia miała to samo wcięcie jak linia poprzednia, wybierz Widok > Opcje widoku Kod, a następnie opcja Autowcięcie. Więcej informacji znajduje się w części Ustawianie kolorowania kodu.

Z

(Pole tekstowe i menu podręczne) Określa, ile spacji lub tabulatorów dreamweaver powinien użyć do wcięcia kodu, który generuje. Na przykład, jeśli wpiszesz 3 w polu i wybierzesz Tabulatory w menu podręcznym, kod generowany przez dreamweaver będzie miał wcięcia używające trzech znaków tabulacji dla każdego poziomu wcięcia.

Rozmiar tabulatora

Określa, ile znaków szerokości będzie miał w oknie kodu każdy tabulator. Jeżeli na przykład rozmiar tabulatora został ustawiony na wartość 4, każdy tabulator wyświetlany w widoku Kod będzie miał szerokość czterech spacji. Jeśli dodatkowo opcja Wcięcie jest ustawiona na 3 tabulatory, kod generowany przez dreamweaver będzie miał wcięcia używające trzech znaków tabulacji dla każdego poziomu wcięcia, co pojawia się w widoku kodu jako dwunastoznakowa pusta przestrzeń.

dreamweaver tworzy wcięcia za pomocą spacji lub tabulatorów; nie konwertuje ciągu spacji na tabulator podczas wstawiania kodu.

Emmet

Wybierz tę opcję, jeśli planujesz używać skrótów Emmet podczas wpisywania kodu. Gdy ta opcja jest zaznaczona, po naciśnięciu klawisza Tab program Dreamweaver przekształci skrót Emmet w pełny kod HTML lub CSS. Aby uzyskać więcej informacji o używaniu emmet, zobacz Używanie zestawu narzędzi Emmet z dreamweaver.

Typ podziałów wierszy

Określa typ zdalnego serwera (Windows, Macintosh lub UNIX), na którym znajduje się twój zdalny serwis. Wybranie odpowiedniego typu znaków końca wiersza powoduje, że kod źródłowy HTML będzie wyglądał poprawnie, kiedy będzie oglądany na zdalnym serwerze. To ustawienie jest przydatne, gdy pracujesz z zewnętrznym edytorem tekstowym, który rozpoznaje tylko niektóre znaki końca wiersza. Przykład: użyj CR LF (Windows) jeżeli zewnętrznym edytorem jest Notatnik; użyj znaku CR (Macintosh), jeżeli zewnętrznym edytorem jest SimpleText.

W przypadku serwerów korzystających z protokołu FTP opcja ta ma znaczenie tylko w trybie transmisji binarnej, natomiast w trybie transmisji ASCII program Dreamweaver pomija tę opcję. Jeśli pobierasz pliki w trybie ASCII, dreamweaver ustawia znaki końca linii na podstawie systemu operacyjnego twojego komputera; jeśli przesyłasz pliki w trybie ASCII, wszystkie znaki końca linii są ustawiane na CR LF.

Znacznik TD: Nie wstawiaj przerwy wewnątrz znacznika TD

Rozwiązuje problem z renderowaniem występujący w niektórych starszych przeglądarkach, gdy biała przestrzeń lub znaki końca linii występują bezpośrednio po tagu <td> lub bezpośrednio przed tagiem </td>. Po wybraniu tej opcji dreamweaver nie wstawia znaków końca linii po tagu <td> ani przed tagiem </td>, nawet jeśli formatowanie w Bibliotece Tagów wskazuje, że znak końca linii powinien tam być.

Formatowanie zaawansowane

Pozwala ustawić opcje formatowania dla poszczególnych tagów i atrybutów w Edytorze Biblioteki Tagów.

Znak odstępu

(Tylko wersja japońska) Pozwala wybrać &nbsp; lub spację Zenkaku dla kodu HTML. Wybrana w tej opcji biała przestrzeń będzie używana dla pustych tagów podczas tworzenia tabeli i gdy opcja "Zezwalaj na wiele kolejnych spacji" jest włączona na stronach kodowania japońskiego.

Minimalny rozmiar zwijania 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 krótsze niż dwa wiersze można zwijać po zaznaczeniu takiego kodu. Aby uzyskać więcej informacji o zwijaniu kodu, zobacz Zwijanie i rozwijanie kodu.

Ustawianie preferencji poprawiania kodu

Użyj preferencji przepisywania kodu, aby określić, jak i czy dreamweaver modyfikuje twój kod podczas otwierania dokumentów, kopiowania i wklejania elementów formularza oraz wprowadzania wartości atrybutów i adresów URL za pomocą narzędzi, takich jak Inspektor właściwości. Te preferencje nie mają wpływu podczas edycji HTML lub skryptów w widoku kodu.

Jeśli wyłączysz opcje przepisywania, elementy z nieprawidłowym znacznikiem są wyświetlane w oknie dokumentu dla kodu HTML, który zostałby przepisany.

Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).
Z listy Kategoria po lewej stronie wybierz pozycję Przebudowa kodu.
Ustaw dowolne spośród poniższych opcji:

Napraw błędnie zagnieżdżone i niezamknięte znaczniki

Przepisuje nakładające się tagi. Na przykład <b><i>tekst</b></i> jest przepisany jako <b><i>tekst</i></b>. Ta opcja wstawia również zamykające cudzysłowy i nawiasy zamykające, jeśli ich brakuje.

Zmień nazwy pozycji formularza podczas wklejania

Zapewnia, że nie masz zduplikowanych nazw obiektów formularza. Ta opcja jest domyślnie włączona.

Inaczej niż inne opcje w tym oknie dialogowym preferencji, ta opcja nie ma zastosowania w momencie, kiedy otworzysz dokument, ale kiedy skopiujesz i wkleisz element formularza.

Usuń dodatkowe znaczniki końcowe

Usuwa znaczniki zamykające, które nie mają odpowiadającego im znacznika otwierającego.

Ostrzegaj o naprawianiu lub usuwaniu znaczników

Wyświetla opis technicznie nieprawidłowego dokumentu HTML, który program Dreamweaver usiłował poprawić. Podsumowanie wskazuje lokalizację problemu (używając numerów wierszy i kolumn), abyś mógł znaleźć poprawkę i upewnić się, że renderowanie jest zgodne z zamierzeniem.

Nigdy nie przebudowuj kodu: w plikach z rozszerzeniami

Pozwala zapobiec przepisywaniu kodu przez Dreamweaver w plikach z określonymi rozszerzeniami nazw plików. Ta opcja jest szczególnie przydatna w przypadku plików zawierających znaczniki stron trzecich.

Zakoduj znaki <, >, & oraz &#34; w wartościach atrybutów za pomocą znaku &

Powoduje, że wartości atrybutów wprowadzane lub edytowane za pomocą narzędzi programu Dreamweaver (takich jak Inspektor właściwości) będą zawierać tylko dozwolone znaki. Ta opcja jest domyślnie włączona.

Ta opcja i następujące opcje nie mają zastosowania do adresu URL, który wpisujesz w widoku Kod. Podobnie, nie powoduje ona zmiany w kodzie już istniejącym w pliku.

Nie koduj znaków specjalnych

Zapobiega zmianie adresów URL przez Dreamweaver tak, aby używały wyłącznie dozwolonych znaków. Ta opcja jest domyślnie włączona.

Zakoduj znaki specjalne w adresie URL, używając znaku &#

Zapewnia, że podczas wprowadzania lub edytowania adresów URL za pomocą narzędzi Dreamweaver, takich jak Inspektor właściwości, te adresy URL zawierają tylko dozwolone znaki.

Zakoduj znaki specjalne w adresie URL, używając znaku %

Działa w ten sam sposób jak poprzednia opcja, ale używa innej metody kodowania znaków specjalnych. Ta metoda kodowania (używająca znaku procenta) może być bardziej kompatybilna ze starszymi przeglądarkami, ale nie działa tak dobrze ze znakami z niektórych języków.

Ustawianie preferencji wskazówek do kodu

Użyj preferencji podpowiedzi dotyczących kodu, aby skonfigurować sposób działania podpowiedzi kodu. 

Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).

Ustawianie preferencji wskazówek do kodu

Wybierz Podpowiedzi dotyczące kodu z kategorii po lewej stronie.

Ustaw dowolne spośród poniższych opcji:

Zamykaj znaczniki

Określ, w jaki sposób Dreamweaver ma zamykać znaczniki.

  • Po wpisaniu "</" - 
  • Po wpisaniu ">" znacznika otwierającego - Wybierz tę opcję, jeśli chcesz, aby Dreamweaver automatycznie dodawał znacznik zamykający po zamknięciu znacznika otwierającego.
  • Nigdy - Ustaw tę opcję, jeśli nie chcesz, aby Dreamweaver automatycznie dodawał znaczniki zamykające.

Włączanie podpowiedzi do kodu

Zaznacz tę opcję, aby włączyć lub wyłączyć podpowiedzi i uzupełnianie kodu w programie Dreamweaver. Aby uzyskać więcej informacji o funkcjach podpowiedzi dotyczących kodu i uzupełniania kodu w Dreamweaver, zobacz Podpowiedzi dotyczące kodu i uzupełnianie kodu.

Włącz podpowiedzi opisowe

Zaznacz tę opcję, aby włączyć wyświetlanie opisów wraz z podpowiedziami. Te opisy dostarczają dodatkowych informacji o kodzie, który piszesz.

Automatycznie wstawiaj klamry  Gdy ta opcja jest zaznaczona, program automatycznie wstawia nawias zamykający, jeśli użytkownik wpisał nawias otwierający. Gdy ta opcja nie jest zaznaczona, po wstawieniu nawiasu otwierającego przez użytkownika program nie wstawia nawiasu zamykającego. Dotyczy wszystkich typów nawiasów i wszystkich typów plików (html, php, css, js).

Automatycznie wstawiaj cudzysłowy  Gdy ta opcja jest zaznaczona, program automatycznie wstawia cudzysłów zamykający, jeśli użytkownik wpisał cudzysłów otwierający. Gdy ta opcja nie jest zaznaczona, po wstawieniu cudzysłowu otwierającego przez użytkownika program nie wstawia cudzysłowu zamykającego. Dotyczy zarówno pojedynczych, jak i podwójnych cudzysłowów oraz wszystkich typów plików (html, php, css, js).

Ustawianie preferencji autouzupełniania kodu

Możesz włączyć i wyłączyć automatyczne zamykanie nawiasów i cudzysłowów, wykonując następujące kroki:

Otwórz plik brackets.json z następującej lokalizacji:

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

Aby wyłączyć automatyczne zamykanie nawiasów i nawiasów okrągłych, ustaw autoCloseBraces na False.

Aby wyłączyć automatyczne wstawianie pasujących cudzysłowów, ustaw autoCloseQuotes na Flase.

Jeśli chcesz włączyć automatyczne zamykanie nawiasów i pasujących cudzysłowów, ustaw powyższe wartości na true.

Ustawianie preferencji autouzupełniania kodu w programie Dreamweaver
Ustawianie preferencji autouzupełniania kodu w programie Dreamweaver

Zapisz plik JSON i uruchom Dreamweaver.

Ustawianie preferencji PHP

W programie można skonfigurować pożądane parametry środowiska tworzenia kodu PHP. Możesz to zrobić dla konkretnych witryn, nad którymi pracujesz, lub ogólnie dla wszystkich plików PHP zapisanych poza witrynami Dreamweaver.

Dreamweaver konfiguruje podpowiedzi kodu i sprawdzanie składni dla wybranej wersji języka PHP.

Aby ustawić preferencje wersji kodu PHP dla plików niezwiązanych z witryną, wykonaj następujące kroki:

Wybierz Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).

Wybierz PHP z listy kategorii po lewej stronie.

Wybierz wersję PHP z listy rozwijanej Wersja PHP i kliknij Zastosuj.

Aby ustawić wersję PHP dla konkretnej witryny, wykonaj następujące kroki:

W oknie dialogowym Konfiguracja witryny, w sekcji Ustawienia zaawansowane, wybierz PHP.

Wybierz wersję PHP z listy rozwijanej Wersja PHP i kliknij Zapisz.

Ustawianie preferencji PHP dla konkretnego serwisu
Ustawianie preferencji PHP dla konkretnego serwisu

Ustawianie motywów kolorów i motywów kodu

Podczas uruchamiania programu Dreamweaver można wybrać preferowany motyw kolorystyczny. Można również zmienić te preferencje w dowolnej chwili.

Wybierz polecenie Edycja > Preferencje (Windows) lub Dreamweaver > Preferencje (Macintosh).

Z listy Kategoria po lewej stronie wybierz pozycję Interfejs.

Wybierz motyw z listy Motywy kolorów. 

Po ustawieniu motywu interfejsu określ motyw kodu.

Można wybrać motyw jasny albo ciemny.

Kliknij przycisk Zastosuj, aby zapisać wprowadzone zmiany.

Kolory kodu można dostosowywać także w większym stopniu, stosownie do własnych potrzeb. Więcej informacji: Dostosowywanie kolorowania kodu.

Używanie zewnętrznego edytora

Możesz określić zewnętrzny edytor do edycji plików o określonych rozszerzeniach nazw plików. Na przykład możesz uruchomić edytor tekstu, taki jak BBEdit, Notepad lub TextEdit z Dreamweaver, aby edytować pliki javascript.

Możesz przypisać różne edytory zewnętrzne do różnych rozszerzeń plików.

Ustaw edytor zewnętrzny dla typu pliku

Wybierz polecenie Edycja > Preferencje.
Wybierz Typy plików/Edytory z listy Kategorie po lewej stronie, ustaw opcje i kliknij OK.

Otwórz w widoku Kod

Określa rozszerzenia nazw plików, które automatycznie otwierają się w widoku Kod w Dreamweaver.

Wczytaj ponownie zmodyfikowane pliki

Określa zachowanie, gdy Dreamweaver wykryje, że wprowadzono zewnętrzne zmiany w dokumencie, który jest otwarty w Dreamweaver.

Zapisz przy uruchamianiu

Określa, czy Dreamweaver powinien zawsze zapisywać bieżący dokument przed uruchomieniem edytora, nigdy nie zapisywać dokumentu, czy wyświetlać monit z pytaniem o zapisanie za każdym razem, gdy uruchamiasz edytor zewnętrzny.

Fireworks

Możesz połączyć Fireworks z Dreamweaver, podając ścieżkę do aplikacji tutaj.