# Bootstrap in Erlebniswelt verwenden, html\_sanitizer Ausnahmen für z.B. \<button\> und \<div\> tags im Text Block

**URL:** <https://forum.shopware.com/t/bootstrap-in-erlebniswelt-verwenden-html-sanitizer-ausnahmen-fuer-z-b-button-und-div-tags-im-text-block/104423>\
**Category:** Themes & Design\
**Created:** [1. Juli 2024 um 14:41 UTC](https://forum.shopware.com/t/bootstrap-in-erlebniswelt-verwenden-html-sanitizer-ausnahmen-fuer-z-b-button-und-div-tags-im-text-block/104423 "2024-07-01T14:41:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![florian.kalango](https://avatars.discourse-cdn.com/v4/letter/f/f1d935/32.png) [@florian.kalango](https://forum.shopware.com/u/florian.kalango)\
**Post date:** [1. Juli 2024 um 14:41 UTC](https://forum.shopware.com/t/bootstrap-in-erlebniswelt-verwenden-html-sanitizer-ausnahmen-fuer-z-b-button-und-div-tags-im-text-block/104423/1 "2024-07-01T14:41:47Z")

</div>

Hi, vielleicht kann mir jemand helfen.  
Ich würde gerne im Text Block in den Erlebniswelten ein bootstrap Accordion verwenden.  
Eigentlich ganz einfach, dachte ich.  
In meiner z-shopware.yaml diesen Eintrag hinzufügen:

```auto
shopware:
    html_sanitizer:
        sets:
            - name: bootstrap
              tags: ["button", "div"]
              attributes: ["data-bs-toggle", "data-bs-target", "data-bs-parent", "aria-expanded", "aria-controls", "id"]

        fields:
            - name: app_cms_block.template
              sets: ["basic", "media", "tidy", "HTML5", "bootstrap"]

```

und die Attribute und Tags sollten beim Laden der Seite im Frontend nicht gelöscht werden.  
Werden sie aber.

**Im Quelltext im Text Block der Erlebniswelt bleiben sie erhalten, aber beim Laden der Frontend Seite werden sie gelöscht.**

Deaktiviere ich den html\_sanitizer komplett funktioniert es. Muss also irgendwas mit der Syntax falsch sein. Oder es fehlt eine Option, ein Key o.ä.  
Hat jemand da bereits Erfahrung?  
So sieht mein Accordion aus:

```auto
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header" id="wer">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
Accordion Header 1
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	<div class="accordion-body">Ein Haufen Text 1.
	</div>
</div>
</div>
	
<div class="accordion-item">
<h2 class="accordion-header" id="einkauf">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseOne">
Accordion Header 2
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Ein Haufen Text2.
</div>
</div>
</div>
</div>

```

---

<div class="post-metadata">

**Author:** ![CWR](https://avatars.discourse-cdn.com/v4/letter/c/f0a364/32.png) [@CWR](https://forum.shopware.com/u/CWR)\
**Post date:** [4. Februar 2025 um 10:24 UTC](https://forum.shopware.com/t/bootstrap-in-erlebniswelt-verwenden-html-sanitizer-ausnahmen-fuer-z-b-button-und-div-tags-im-text-block/104423/2 "2025-02-04T10:24:01Z")

</div>

Kann es sein, dass es so aussehen müsste:

```auto
shopware:
    html_sanitizer:
        sets:
            - name: bootstrap
              tags: ["button", "div"]
              attributes: ["data-bs-toggle", "data-bs-target", "data-bs-parent", "aria-expanded", "aria-controls", "id"]
              custom_attributes:
                     - tags: ["button", "div"]
                       attributes: ["data-bs-toggle", "data-bs-target", "data-bs-parent", "aria-expanded", "aria-controls", "id"]
        fields:
            - name: app_cms_block.template
              sets: ["basic", "media", "tidy", "HTML5", "bootstrap"]

```

---

<div class="post-metadata">

**Author:** ![Thorsten76](https://avatars.discourse-cdn.com/v4/letter/t/90ced4/32.png) [@Thorsten76](https://forum.shopware.com/u/Thorsten76)\
**Post date:** [3. Juni 2025 um 14:55 UTC](https://forum.shopware.com/t/bootstrap-in-erlebniswelt-verwenden-html-sanitizer-ausnahmen-fuer-z-b-button-und-div-tags-im-text-block/104423/3 "2025-06-03T14:55:50Z")

</div>

Kann das Verhalten komplett bestätigen. Im Backend wird das Tag zugelassen, im Frontend aber nicht ausgespielt.  
Wir versuchen jedoch ein aria-label in einem a Tag im Textbaustein zuzulassen (Barrierefreiheit). Die Anpassung der shopware.yaml funktioniert jedoch nicht für das set snippet. Bei der Anpassung für die Product Description klappt es. Diese wird aber auch mit raw ausgegeben. Wahrscheinlich ist der Fehler da zu suchen. Oder hat jemand noch einen Hinweis woran es liegen könnte? custom\_attributes brachte auch nichts.