--- title: "Codeansicht" slug: "code-view" updated: 2026-08-24T09:21:31Z published: 2026-08-24T09:21:31Z canonical: "docs.document360.com/code-view" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Codeansicht Die **Code-Ansicht** ermöglicht es Ihnen, das zugrundeliegende HTML eines Artikels direkt im Advanced WYSIWYG-Editor zu inspizieren und zu bearbeiten, wodurch Sie die Kontrolle über das Markup haben, das der visuelle Editor nicht offenlegen kann. ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/code%20view.png) --- ## Wann kann man die Code-Ansicht verwenden? - Fügen Sie benutzerdefinierte HTML-Elemente ein, die die visuelle Symbolleiste nicht unterstützt - Wenden Sie Inline-Stile auf bestimmte Elemente an - BeckenAwesome oder andere Icon-Schnipsel einbetten - Beheben Sie nicht unterstützte Tag-Fehler, die vom Editor markiert werden - Fügen Sie Symbole oder Symbole in Tabellenzellen hinzu - Suche innerhalb von HTML mit `Ctrl + F` --- ## Zugriff auf die Code-Ansicht während gemeinsamer Bearbeitung **Die Code-Ansicht** ist auf jeweils einen Beitragsautor pro Artikel beschränkt. Wenn ein anderer Mitwirkender die **Code-Ansicht** bereits geöffnet hat, kannst du sie nicht öffnen. Du kannst den Artikel im visuellen Editor weiter bearbeiten, während du wartest. Wenn du bereits die **Code-Ansicht** benutzt und ein anderer Mitwirkender dem Artikel beitritt, kannst du nicht mit dem **Code-View-Umschalter** zum visuellen Editor zurückwechseln. Um **die Code-Ansicht** zu verlassen, wählen **Sie "Schließen** in der **Nähe des Workflow-Status"** und öffnen Sie den Artikel erneut, um mit der Bearbeitung fortzufahren. Kollaboratives Bearbeiten wird in Phasen eingeführt, also wenn du es noch nicht siehst, ist es unterwegs. --- ## Automatische HTML-Formatierung Der Editor standardisiert automatisch Einzüge und Abstände jedes Mal, wenn du die Code-Ansicht öffnest. Dies läuft nur beim Eintragen – nicht beim Speichern oder Veröffentlichen – und wirkt sich nicht auf benutzerdefinierte HTML- oder Skriptblöcke aus. ## Suche in der Codeansicht Verwenden Sie die integrierte Suche, um bestimmte HTML-Elemente oder Texte im Code zu finden. | Aktion | Abkürzung | | --- | --- | | Offene Suche | `Ctrl + F` | | Nächstes Ergebnis | `Enter` | | Vorheriges Ergebnis | `Shift + Enter` | | Auto-Einzug / Formatcode | `Shift + Tab` | --- ## Speicheränderungen Änderungen in der Code-Ansicht werden nicht automatisch gespeichert. Drücke, `Ctrl + S` bevor du wieder zum visuellen Editor wechselst oder wegnavigierst. HINWEIS Nicht gespeicherte Änderungen in der Code-Ansicht gehen verloren, wenn du wegnavigierst, ohne **auf Speichern** zu klicken. --- ## Nicht unterstützte HTML-Tags und Attribute Der Editor markiert nicht unterstützte HTML-Tags und Attribute, anstatt sie zu entfernen, sodass du sie überprüfen und korrigieren kannst. #### Wann passiert das? - Beim Wechsel eines Artikels vom WYSIWYG-Editor zum Advanced WYSIWYG-Editor werden nicht unterstützte Inhalte automatisch markiert. Häufig verwendete Tags wie `<sup>`, `<a name="...">`, , `<select>`, `<colgroup>`und `<img>` werden automatisch behandelt. Diese Tags werden beim Hinzufügen des Wrappers ignoriert und lösen keine Flagge aus. - Wenn du nicht unterstützte Tags oder Attribute direkt in der Code-Ansicht hinzufügst, markiert der Editor sie beim Parsen. #### Was der Redakteur macht - Erkennt nicht unterstützte Tags (z. B. `<marquee>`, ) `<blink>`und Attribute (z. B. `onmouseover`, `style="text-decoration:blink"`) - Markiert markierte Elemente mit Tooltips und Block-Highlights, ohne den umliegenden Inhalt zu stören - Blockiert visuelle Bearbeitung markierter Elemente, bis sie in der Codeansicht gelöst werden HINWEIS Markierte Elemente können direkt in der Code-Ansicht geändert, entfernt oder korrigiert werden. --- ## Unterstützte Tag-Kategorien **Textformatierung** - Abkürzungen (`<abbr>`) - Blockquote (`<blockquote>`) - Überschriften (`<h1>`–`<h6>`) - Absatz (`<p>`) - Index / Hochstell (`<sub>`, `<sup>`) - Inline-Code (`<code>`) **Struktur & Medien** - Bilder (`<img>`) - Links (`<a>`, `<a id="...">`, ) `<a class="..." href="" target="_blank">` - Tabellen (`<table>`, `<tr>`, `<td>`, ) `<colgroup>` - Listen (`<ul>`, `<ol>`, ) `<li>` - Teiler (`<hr>`) - Spans und Divs mit unterstützten Attributen **Inline-Formatierung** - Fett, kursiv, unterstreichen (`<strong>`, `<em>`, `<u>`) - Zeilenumbruch (`<br>`) - Spann (`<span>`) - Name des Ankers (`<a name="...">`) - Formauswahl (`<select>`) --- ## Best Practices - Verwenden Sie die Code-Ansicht nur, wenn der visuelle Editor die Aufgabe nicht erledigen kann. Direkte HTML-Bearbeitung erhöht das Risiko, nicht unterstützte Tags oder defektes Markup einzuführen. - Überprüfen Sie, ob ein anderer Mitwirkender bereits die Code-Ansicht im Artikel verwendet, bevor Sie versuchen, ihn selbst zu öffnen. Es ist auf einen Beitragspartner gleichzeitig beschränkt, daher musst du vielleicht erst warten oder mit ihm abstimmen. - Bleib beim Schreiben oder Einfügen von HTML bei unterstützten Tags. Nicht unterstützte Tags lösen Flags aus und blockieren die visuelle Bearbeitung dieses Abschnitts, bis sie korrigiert werden. - Ich nutze `Shift + Tab` es, um Code nach Bearbeitungen zu formatieren, damit das Markup lesbar und leichter zu debuggen ist. - Speichere häufig mit `Ctrl + S`, besonders bevor du den Modus wechselst. Es gibt kein automatisches Speichern und keine Wiederherstellung für nicht gespeicherte Änderungen. - Lösen Sie markierte Elemente umgehend. Wenn sie ungelöst bleiben, verhindert das visuelle Bearbeiten des betroffenen Blocks und kann unerwartete Rendering-Probleme beim Veröffentlichen verursachen.**