Code aus- und einblenden

Sie können Codefragmente aus- und einblenden (auch „einklappen“, „Code Folding“ oder „Codefaltung“ genannt), damit andere Bereiche des Dokuments sichtbar werden, ohne dass Sie die Bildlaufleiste verwenden müssen.

Wenn Sie z. B. alle CSS-Regeln im head-Tag anzeigen möchten, die für ein div-Tag weiter unten auf der Seite relevant sind, können Sie den gesamten Code zwischen dem head-Tag und dem div-Tag ausblenden. Anschließend werden beide relevanten Codefragmente gleichzeitig auf dem Bildschirm angezeigt.

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 können Sie Code zwischen 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 blendet den Codeblock automatisch ein, wenn der Code in diesem Block durch „Tag-Selektor“, „Suchen und ersetzen“, „Gehe zu Zeile“, „Elementschnellansicht“, „Live-Ansicht“ oder „Rückgängig/Wiederherstellen“ den Fokus erhält.

Wenn sich die Auswahl in diesen Funktionen ändert, wird der Code automatisch wieder ausgeblendet.

• CSS-, Less-, Sass-, SCSS- und JS-Dateien: Code in geschweiften Klammern wird ausgeblendet und stattdessen wird {...} angezeigt.
• PHP-Dateien: Zusätzlich zu PHP-Blöcken werden HTML-Elemente, CSS- und JS-Codeblöcke ausgeblendet. 

Die Standardgröße der Codefaltung beträgt zwei Zeilen. Mit dieser Standardeinstellung werden beim Ausblenden von Code alle Codefragmente ausgeblendet, die mindestens zwei Codezeilen enthalten. Codefragmente, die weniger als zwei Zeilen enthalten, werden eingeblendet.

Um die Mindestanzahl von Zeilen für die Codefaltung zu ändern, führen Sie die folgenden Schritte aus:

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. Sie können den Code auch auf Grundlage von Syntax-Tagblöcken oder geschweiften Klammern ausblenden. 

• Code aufgrund von Tagblöcken oder geschweiften Klammern ausblenden
• Code aufgrund der Auswahl ausblenden

Code anhand von Tagblöcken oder geschweiften Klammern ausblenden

Um Code anhand von Tagblöcken oder geschweiften Klammern auszublenden, führen Sie die folgenden Schritte aus:

Code aufgrund der Auswahl ausblenden

Um Code aufgrund der Auswahl auszublenden, führen Sie die folgenden Schritte aus:

Tastaturbefehlen zum Aus- und Einblenden von Code

Ausgeblendete Codefragmente kopieren und einfügen