# Bilder in Text-Felder einfügen

Bilder können in Text-Felder von CMS-Elementen derzeit nur mit einen kleinen "Trick" (per HTML) eingefügt werden. Wie dies funktioniert erklären wir dir in dieser Anleitung.

1. Öffne die Administration deines Shops
2. **Medienverwaltung**
   1. Wechsel über die Hauptnavigation in die **Medienverwaltung** ("Inhalte" => "Medien")
   2. Suche das gewünschte Bild
   3. Kopiere nun den Pfad zum Bild mit einen Klick auf "**Link kopieren**" (1, 2) in die Zwischenablage
3. **HTML-Code**
   * Damit du das Bild als HTML-Element in ein Text-Feld einfügen kannst, musst du den Pfad in einen entsprechenden HTML-Code einfügen
   * Nutze dafür gerne das folgende Beispiel: `<img src="..." alt="...">`
     * Ersetze die Auslassungspunkte im Tag `src` mit der Bild-Pfad
     * Ersetze die Auslassungspunkte im Tag `alt` mit einer kurzen Bildbeschreibung des Bildes
4. **Erlebniswelt-Verwaltung**
   1. Wechsel über die Hauptnavigation in die **Erlebniswelt-Verwaltung** ("Inhalte" => "Erlebniswelten")
   2. Öffne nun das gewünschte CMS-Layout
   3. Klicke auf das ![](/files/YY1yXZuChT6uJ6oSNYXb) "Zahnrad"-Icon um das gewünschte CMS-Element zu konfigurieren
   4. Es öffnet sich das Pop-up "Element-Einstellungen"
   5. Klicke auf das ![](/files/5qwld7NDZBqFK7STCExH) "Code"-Icon um in den HTML-Modus zu wechseln (3)
   6. Füge nun den oben erstellten HTML-Code an der gewünschten Stelle ein
   7. Warte kurz ab, bis der HTML Sanitizer von Shopware 6 den Code geprüft hat
   8. Speicher deine Änderungen

Du hast nun ein Bild in ein Text-Feld eingefügt.

#### Screenshots

<div><figure><img src="/files/jCTfxF2UqBfzftTtUstF" alt=""><figcaption></figcaption></figure> <figure><img src="/files/JxXZ1ollYCgvJZOLvkmz" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Hinweis**: Fehlt ein Bild in der Storefront hat sich wahrscheinlich der Pfad zum Bild (z.B. durch Umbenennen oder Verschieben) geändert. Korrigiere den Pfad dann einfach indem du die oben genannten Schritte wiederholst.
{% endhint %}

#### Code-Beispiel

```
<img src="..." alt="...">
```

***

## Weiterführende Informationen

Mehr Informationen zum Thema HTML-Code einfügen und dem HTML Sanitizer von Shopware 6 findest du in folgendem Artikel:

{% content-ref url="/pages/sNZhJYtApet6p6tbeLBA" %}
[HTML-Code](/wissensdatenbank/grundwissen/html-code.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.themeware.design/wissensdatenbank/shopware/konfiguration/erlebniswelten/bilder-in-text-felder-einfuegen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.