Klicke auf Bearbeiten > Voreinstellungen (auf Windows) oder Dreamweaver > Voreinstellungen (auf Mac).
Zuletzt aktualisiert am
27. April 2021
Hier erfahren Sie, wie Sie Code in Dreamweaver aus- und einblenden, sodass Sie ohne Bildlauf andere Bereiche des Dokuments anzeigen können.
Du kannst Code-Fragmente ausblenden (auch Falten genannt) und anzeigen, um verschiedene Abschnitte deines Dokuments zu betrachten, ohne zu scrollen.
Um zum Beispiel alle CSS-Regeln im Head-Tag zu sehen, die auf ein Div-Tag weiter unten auf der Seite angewendet werden, blende den Code zwischen dem Head-Tag und dem Div-Tag aus, um beide Code-Abschnitte gleichzeitig zu sehen.
Sie können einen Teil des Codes auswählen, um ihn auszublenden. Auch Code in HTML-, PHP-, XML- und SVG-Dateien kann auf Grundlage von Tagblöcken ausgeblendet werden. In CSS-, Less-, Sass-, SCSS- und JS-Dateien kannst du Code basierend auf geschweiften Klammern ausblenden.
- HTML-Dateien: Der Code zwischen einem öffnenden und schließenden HTML-Tag wird ausgeblendet und die ersten Attribute werden gegebenenfalls im ausgeblendeten Code angezeigt. Dreamweaver erweitert automatisch, wenn der Code innerhalb des Blocks durch Tag-Selektor, Suchen und Ersetzen, Gehe zu Zeile, Element-Schnellansicht, Live-Ansicht oder Rückgängig/Wiederholen den Fokus erhält.
Wenn sich die Auswahl ändert, wird der Code automatisch wieder ausgeblendet.
- CSS-, Less-, Sass-, SCSS- und JS-Dateien: Code innerhalb geschweifter Klammern wird ausgeblendet und die Vorschau wird als {...} angezeigt.
- PHP-Dateien: Zusätzlich zu PHP-Blöcken werden HTML-Elemente, CSS- und JS-Codeblöcke ausgeblendet.
Anmerkung
Aus Dreamweaver-Vorlagen erstellte Dateien werden mit vollständig eingeblendetem Code angezeigt, auch wenn die Vorlagendatei (.dwt) ausgeblendete Codefragmente enthält.
Voreinstellungen für den Umfang der Codefaltung
Die Standardgröße der Codefaltung beträgt zwei Zeilen. Mit dieser Standardeinstellung werden alle Codefragmente ausgeblendet, die mindestens zwei Codezeilen enthalten. Code-Fragmente, die weniger als zwei Zeilen umfassen, können durch Auswahl des Codes ausgeblendet werden.
So änderst du die Mindestanzahl von Zeilen für das Code-Falten:
Klicke auf Code-Format in der Kategorieliste und gib die minimale Code-Faltungsgröße an.
Codefragmente aus- und einblenden
Standardmäßig wird sämtlicher Code in der Codeansicht eingeblendet.
Allerdings können Sie Code ausblenden, indem Sie mehrere Zeilen auswählen und ausblenden. Du kannst Code auch basierend auf der Syntax ausblenden - Tag-Blöcke oder geschweifte Klammern.
Anmerkung
Die Codeblöcke bleiben über Dreamweaver-Sitzungen hinweg ausgeblendet bzw. eingeblendet.
Code anhand von Tagblöcken oder geschweiften Klammern ausblenden
So blendest du Code basierend auf Tagblöcken oder geschweiften Klammern aus:
In der Code-Ansicht erscheint ein kleines Dreieck neben den Zeilennummern, die Code-Blöcken entsprechen, die größer sind als die Anzahl der Code-Faltungszeilen, die in den Voreinstellungen für die Code-Faltungsgröße angegeben sind.
Klicken Sie auf das Dreieck, um den Code auszublenden oder einzublenden.
Anmerkung
Um sämtlichen ausgeblendeten Code im Dokument einzublenden, können Sie den Tastaturbefehl Strg+Alt+E (Windows) bzw. Befehl+Alt+E (Mac) verwenden.
Code aufgrund der Auswahl ausblenden
So blendest du Code basierend auf der Auswahl aus:
Markieren Sie in der Codeansicht das Codefragment, das Sie ausblenden möchten.
Klicke auf das Dreieck-Symbol, das erscheint, um die Auswahl auszublenden und anzuzeigen.
Code mit Tastaturbefehlen aus- und einblenden
|
Befehl |
Windows |
Macintosh |
|
Auswahl ausblenden |
Strg+Umschalt+C |
Befehl+Umschalt+C |
|
Alles außer Auswahl ausblenden |
Strg+Alt+C |
Befehl+Alt+C |
|
Auswahl einblenden |
Strg+Umschalt+E |
Befehl+Umschalt+E |
|
Vollständiges Tag ausblenden |
Strg+Umschalt+J |
Befehl+Umschalt+J |
|
Alles außer vollständigem Tag ausblenden |
Strg+Alt+J |
Befehl+Alt+J |
|
Alles einblenden |
Strg+Alt+E |
Befehl+Alt+E |
Ausgeblendete Codefragmente kopieren und einfügen
Klicken Sie auf das ausgeblendete Codefragment, um es auszuwählen.
Wählen Sie „Bearbeiten“ > „Kopieren“.
Platzieren Sie den Cursor an der Stelle, an der Sie den Code einfügen möchten.
Wählen Sie „Bearbeiten“ > „Einfügen“ aus.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
