> For the complete documentation index, see [llms.txt](https://docs.premsoft.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.premsoft.de/plugins/blog/blog-beitrage-erstellen-und-bearbeiten/inhalts-editor.md).

# Inhalts-Editor

Im Reiter **Inhalt** baust du den Beitrag mit einem visuellen Editor auf. Das Prinzip ähnelt Erlebniswelten, läuft aber direkt im Beitrag.

## Wie ein Beitrag aufgebaut ist

Ein Beitrag besteht aus **Sektionen**. Jede Sektion enthält **Blöcke**. Jeder Block enthält ein oder mehrere **Elemente** wie Text, Bild oder Video.

* **Standard** — einspaltig
* **Sidebar** — zweispaltig mit Hauptbereich und Seitenleiste

Blöcke ziehst du per Drag-and-drop aus der rechten Bibliothek auf die Bühne. Ein Klick auf ein Element öffnet den passenden Editor.

## Arbeiten im Editor

### Die Bühne

* **Desktop-, Tablet- und Mobile-Umschalter** zeigen die Darstellung auf kleineren Geräten
* Der **Sektionskopf** enthält Typ und Aktionsbuttons
* Leere Sektionen zeigen eine große Drop-Zone für neue Blöcke

### Die Block-Bibliothek

Rechts findest du die Bibliothek aller verfügbaren Blöcke. Du öffnest sie bei Bedarf und ziehst Bausteine direkt auf die Bühne.

### Eine Sektion hinzufügen

Unterhalb der letzten Sektion legst du eine neue Sektion an. Du wählst zwischen **Standard** und **Sidebar**.

### Sektions-Einstellungen

Über das Zahnrad legst du zusätzliche Einstellungen fest:

* **CSS-Klasse** — eigene Klasse für den Sektions-Container

### Block-Einstellungen

Beim Block-Zahnrad öffnet sich ein Einstellungsbereich direkt unter dem Block:

* **Spaltenposition** — nur in Sidebar-Sektionen
* **CSS-Klasse**
* **Abstand oben / unten**

### Ein Element bearbeiten

Ein Klick auf ein Element öffnet einen Dialog mit zwei Reitern:

* **Inhalt** — eigentlicher Editor für Text, Bild, Galerie oder Video
* **Einstellungen** — CSS-Klasse, Abstände und bei Bedarf Spaltenposition

Mit **Übernehmen** speicherst du Inhalt und Layout gemeinsam.

## Welche Blöcke sind verfügbar?

Aus Stabilitätsgründen ist die Auswahl auf geprüfte Blöcke begrenzt.

### Shopware-Standard

* **Text und HTML** — einspaltig, mehrspaltig, Text auf Bild, Teaser, HTML
* **Bild-Blöcke** — Einzelbild, Bild mit Text, Slider, Galerie und Varianten
* **Video** — lokales Video, YouTube und Vimeo

### Plugin-Blöcke von PremsBlog

* **Beitragsinhalte** — Titel, Untertitel, Kurzbeschreibung, Vorschaubild, Autor, Kategorien, Tags, Produkte
* **Bewertungen** *(Premium)* — Sterne, Formular und Liste
* **Showcase** — Beiträge aus Kategorie, neueste Beiträge, ausgewählte Beiträge

## Drag-and-drop

Neue Blöcke ziehst du aus der Bibliothek in eine Drop-Zone. Bestehende Blöcke verschiebst du über den Drag-Handle.

## In einer anderen Sprache

Sobald du in eine Übersetzungssprache wechselst, bleibt die **Struktur gesperrt**:

* Keine Sektionen hinzufügen, löschen oder verschieben
* Keine Blöcke hinzufügen, löschen oder umsortieren
* Keine Block-Einstellungen ändern

Bearbeitbar bleiben nur die eigentlichen Inhalte. Dazu gehören Texte, Überschriften und Alt-Texte. Das Layout kommt weiter aus der Standardsprache.

## Tipp: bewährter Seitenaufbau

{% hint style="info" %}
Ein solider Aufbau für Magazin-Beiträge:

```
Sektion (Standard)
  ├ Titel
  ├ Vorschaubild
  └ Kurzbeschreibung
Sektion (Sidebar)
  Hauptbereich:
    ├ Text
    └ Bildergalerie
  Seitenleiste:
    ├ Autoren-Karte
    ├ Kategorien
    └ Tags
Sektion (Standard)
  ├ Verknüpfte Produkte
  ├ Sterne
  ├ Bewertungsliste
  └ Bewertungsformular
```

Dieses Layout liefert das Plugin als **Blog detail page (PremSoft)** bereits mit. Du kannst es duplizieren und als eigene Vorlage anpassen.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.premsoft.de/plugins/blog/blog-beitrage-erstellen-und-bearbeiten/inhalts-editor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.