> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/content/erlebniswelten/bloecke/elemente/code.md).

# Code

> Feature der Pro Version

Seit Shopware 6.5 wird Code in den HTML-Elementen bereinigt - ein sogenannter "Sanitizer" filtert die meisten Code-Inhalte. Mit dem Code Element kann individuelle Code in der Erlebniswelt platziert werden, ohne dass dieser bereinigt wird. 

<figure><img src="/files/vkE38rz4bWlf4sLZL4jP" alt=""><figcaption></figcaption></figure>

Das **Code Element (1)** befindet sich in der Liste der auswählbaren Elemente des Themes. Bereits nach dem Platzieren zeigt es Demo-Inhalte zur Beschreibung der Verwendung an. \
In der Vorschau des Elementes im Editor werden Dir Teile Deines geschriebenen **Codes (2, 3, 4)** angezeigt, sodass Du einen Überblick bei der Verwendung mehrerer Code-Elemente behältsts.

## Einstellungen

<figure><img src="/files/EIXxMOIRISfzltPM409Q" alt=""><figcaption></figcaption></figure>

In der Konfiguration des Elementes findest Du für jeden Code das passende Feld, aufgeteilt in einen Tab für **HTML und Twig (1)**, Styling im **CSS Tab (2)** und Javascript im **JS Tab (3)**. Dadurch behältst Du den vollen Überblick.

{% hint style="info" %}
Entferne den Beispiel-Code aus den Tabs.
{% endhint %}