# Text Editor / Absätze mit \<div\>?

**URL:** <https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074>\
**Category:** Programmierung\
**Created:** [1. September 2021 um 16:04 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074 "2021-09-01T16:04:49Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![MaxBaumhogger](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/maxbaumhogger/32/7682_2.png) [@MaxBaumhogger](https://forum.shopware.com/u/MaxBaumhogger)\
**Post date:** [1. September 2021 um 16:04 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/1 "2021-09-01T16:04:49Z")

</div>

Stört es eigentlich niemanden, dass der normale Text Editor nicht in der Lage ist, vernünftige Absätze mit `<p>` zu produzieren? Das generierte `<div>` für einen neuen Absatz kann ja nicht allen Ernstes die Lösung sein. Hat da jemand Hinweise, wie man das anpassen kann? Danke!

---

<div class="post-metadata">

**Author:** ![leo1](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@leo1](https://forum.shopware.com/u/leo1)\
**Post date:** [4. September 2021 um 05:37 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/2 "2021-09-04T05:37:52Z")

</div>

Manuell im Editor eingegeben werden sie doch interpretiert. Beim Import werden die \< p \> Elemente auch erkannt und akzeptiert. Oder bezieht es sich auf etwas anderes?

---

<div class="post-metadata">

**Author:** ![Raphael-Boos](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@Raphael-Boos](https://forum.shopware.com/u/Raphael-Boos)\
**Post date:** [22. Dezember 2021 um 15:37 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/3 "2021-12-22T15:37:00Z")

</div>

Hallo Max,

stört mich auch. Du musst einen Absatz immer über Format Absatz formatieren. Wenn du den ersten Inhalt als Absatz formatierst, setzt der Editor einen Return als `<p></p>` um, wenn nicht als `<div><br></div>`.  
Einen Zeilenumbruch `<br>` erzwingst Du mit SHIFT+Return.

Warum das so ist macht für mich auch keinen Sinn. Ich habe nur eine Erklärung dafür: Wenn die umgebende Template den Editor Output im Frontend mit einem `<p>` umfassen würde, wäre das ungültiges HTML, da ein `<p>` nicht in einem `<p>` enthalten sein darf.

Ich suche ebenfalls nach einer Möglichkeit den Editor zu steuern (erlaubte und verbotene Tags, eigene Formatierungen über CSS Klassen für Absätze und Text über eine Auswahlbox, Platzhalter für Felder), so wie das zum Beispiel bei TYPO3 möglich ist. Hast Du hierzu schon was gefunden?

---

<div class="post-metadata">

**Author:** ![m.baumhoegger](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m.baumhoegger/32/13328_2.png) [@m.baumhoegger](https://forum.shopware.com/u/m.baumhoegger)\
**Post date:** [27. Dezember 2021 um 10:11 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/4 "2021-12-27T10:11:49Z")

</div>

Hi Raphael,

ja, das explizite Markieren als Absatz funktioniert,- allerdings finde ich tatsächlich auch, dass z.B. der TYPO3 Editor fast alles von Haus aus richtig macht. Bei SW6 ist man teils mehr mit der Code-Ansicht beschäftigt als mit dem reinen Editieren, damit alles passt. Eine Möglichkeit für Detailanpassungen wie beim CKEditor habe ich noch nicht gefunden… Es müsste aber möglich sein, zumindest eine vorkompilierte Version dessen per

```auto
npm install --save @ckeditor/ckeditor5-build-classic

```

zur Administration hinzuzufügen und das Text Editor Component entsprechend anzupassen,- probiert habe ich das allerdings noch nicht. Falls du eine Lösung dafür im Einsatz hast, gerne hier rein schreiben 😉

---

<div class="post-metadata">

**Author:** ![Raphael-Boos](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@Raphael-Boos](https://forum.shopware.com/u/Raphael-Boos)\
**Post date:** [28. Dezember 2021 um 11:59 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/5 "2021-12-28T11:59:18Z")

</div>

Hallo Max, ich habe im Tracker einen Verbesserungsvorschlag eingestellt:  
https://issues.shopware.com/issues/NEXT-19424.  
Du könntest dafür voten.

---

<div class="post-metadata">

**Author:** ![m.baumhoegger](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m.baumhoegger/32/13328_2.png) [@m.baumhoegger](https://forum.shopware.com/u/m.baumhoegger)\
**Post date:** [30. Dezember 2021 um 15:47 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/6 "2021-12-30T15:47:02Z")

</div>

Sehr cool, done 👍

---

<div class="post-metadata">

**Author:** ![wtjsh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/wtjsh/32/10500_2.png) [@wtjsh](https://forum.shopware.com/u/wtjsh)\
**Post date:** [17. März 2022 um 13:08 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/7 "2022-03-17T13:08:11Z")

</div>

Die Ticket-Bezeichnung ist allerdings etwas irreführend

Ticket: NEXT-19424 | Wysiwyg Text Editor / **DIV instead of p tag** / Configuration

Je nachdem wie derjenige es liest könnte man auch glauben, dass ein div anstelle des p-tags gewünscht ist. vllt wäre es besser „_Please use p-tag instead of div_“ zu schreiben

---

<div class="post-metadata">

**Author:** ![sven](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sven/32/13337_2.png) [@sven](https://forum.shopware.com/u/sven)\
**Post date:** [30. Mai 2022 um 09:11 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/8 "2022-05-30T09:11:28Z")

</div>

> [@Raphael-Boos](#):
>
> [https://issues.shopware.com/issues/NEXT-19424](https://issues.shopware.com/issues/NEXT-19424)

Der Titel sollte wirklich geändert werden - im Text stimmt es aber.

Ein p Tag ist dazu da Textabschnitte zu kreieren - und div tags sind dazu da Abschnitte zu kreieren in denen Text respektive p Tags verwendet werden - unglaublich, dass dies hier nicht respektiert wird. Und noch unglaublicher, dass dies bis heute - 9 Monate später noch immer nicht gelöst ist.

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [30. Mai 2022 um 12:14 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/9 "2022-05-30T12:14:56Z")

</div>

Der Editor ist absoluter Murks und eigentlich nur in Quellcode-Ansicht nutzbar. Als Agentur „in Ordnung“, als Endkunde nicht zumutbar.

Teilweise werden da grausige Inline-Styles verwendet und absolutes div-p-Chaos.

---

<div class="post-metadata">

**Author:** ![graffito](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/graffito/32/24053_2.png) [@graffito](https://forum.shopware.com/u/graffito)\
**Post date:** [25. April 2024 um 11:25 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/10 "2024-04-25T11:25:45Z")

</div>

Stimme ebenso zu. NEXT-19424 wurde aber mit Verweis Duplikat leider geschlossen.

Und der Verweis auf NEXT-17962 sagt, dass das im Backlog ist. Auch da kann man leider nicht voten…

Das kanns doch nicht sein. In Typo3 ist CKEditor super konfigurierbar.

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. April 2024 um 12:08 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/11 "2024-04-25T12:08:19Z")

</div>

Bei dem Editor scheint es sich wohl um [TipTap](https://tiptap.dev/) zu handeln wenn ich das richtig interpretiere, war es wohl einen Entscheidung gegen ein Lizenz Modell, wie z.B. beim TinyMCE. Das gerade Shopware sich scheut Lizenzen zu bezahlen, ist dann doch schon etwas…, naja sagen wir, speziell. 😂 Der aktuelle Editor ist deshalb natürlich wieder mal eine Qual (Thema DIV-Suppe) und sogar noch schlechter als der in Shopware 5. Hauptsache Headless - das scheint wohl das aktuelle Credo zu sein., hurra. 🤡

Ich weiß auch bis heute nicht, warum Shopware es nicht einfach so wie Joomla macht? Wähle einfach einen aus, also z.B CodeMirror, TinyMCE etc. oder lade Dir einfach den Editor Deiner Wahl herunter, fertig. 😉

![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/d/e/de7e30baf40febb3d63d845ea4b2d856020f991d.png)

Das kann doch nun wirklich nicht so schwer sein… 🧐

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [25. April 2024 um 12:21 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/12 "2024-04-25T12:21:19Z")

</div>

> [@Murmeltier](#):
>
> Ich weiß auch bis heute nicht, warum Shopware es nicht einfach so wie Joomla macht?

Shopware könnte auch einfach einen eigenen kreieren, dann wäre das Thema mit Lizenzen und Fremdcode vom Tisch.

---

<div class="post-metadata">

**Author:** ![MBDealer](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/mbdealer/32/27217_2.png) [@MBDealer](https://forum.shopware.com/u/MBDealer)\
**Post date:** [25. April 2024 um 13:20 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/13 "2024-04-25T13:20:10Z")

</div>

Der Editor ist einfach Müll, setz doch mal einen Link. Nach dem Hinzufügen, beleibt das Fenster einfach stehen und verschwindet nicht.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/d/4/d4338fa4d8f603551acca9e54b9d71eca57bd808.png)

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [25. April 2024 um 14:04 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/14 "2024-04-25T14:04:51Z")

</div>

Ist mit relativer Sicherheit eine Eigenentwicklung - siehe „_administration/src/app/component/form/sw-text-editor/index.js_“:

> A simple text editor which uses the browsers api.

Und mehrmaliger Aufruf von „document.execCommand()“.

Hätte Shopware sowas wie TipTip als Basis verwendet, hätte das deutlich besser ausgesehen. Denn in den Online-Demos generiert der auch bei mehrmaligen Hin- und Herformatieren relativ brauchbaren HTML-Code.

Diese Eigenentwicklung war definitiv für die Tonne.

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. April 2024 um 14:13 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/15 "2024-04-25T14:13:04Z")

</div>

![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/c/2c5de08524d25e659ac47724b46192c7a49dc23b.png)

😉

> **[Admin text editor evaluation | Shopware Documentation](https://developer.shopware.com/docs/resources/references/adr/2023-03-27-admin-text-editor-evaluation.html)**
>
> Documentation for Shopware developers

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [25. April 2024 um 14:30 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/16 "2024-04-25T14:30:17Z")

</div>

Ja, der „neue“ Editor soll auf TipTap basieren. Das ist die Entscheidung aus dem ADR aus März 2023. Dieser neue Editor muss aber zuerst entwickelt werden. Und da dieser Punkt nicht einmal in der weitläufigen Zukunft in der [Roadmap](https://www.shopware.com/de/roadmap/) aufgeführt wird, vermute ich dass sich da in absehbarer Zeit leider nichts tun wird. Oder @marco.steinhaeuser?

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. April 2024 um 14:34 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/17 "2024-04-25T14:34:10Z")

</div>

Wo bleibt eigentlich der Teufelskerl @shyim, wenn man Ihn mal braucht? 😂

---

<div class="post-metadata">

**Author:** ![marco.steinhaeuser](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/marco.steinhaeuser/32/14512_2.png) [@marco.steinhaeuser](https://forum.shopware.com/u/marco.steinhaeuser)\
**Post date:** [9. Mai 2024 um 21:55 UTC](https://forum.shopware.com/t/text-editor-absaetze-mit-div/90074/18 "2024-05-09T21:55:15Z")

</div>

Ich habe das Thema tatsächlich noch einmal vorholen können und hoffe, dass ich bei Neuigkeiten informiert bleibe, um Euch Bescheid geben zu können.

Ich weiss, dass das eine sehr schwammige Aussage ist aber leider kann ich aktuell dazu nicht weniger und nicht mehr sagen.
