Schnellstart

Dieses Beispiel verwendet ein Tailor-Blueprint; das Feld contenteditor funktioniert in jedem Backend-Formular genauso.

1. Das Feld zu einem Blueprint hinzufügen

Das Feld zu einem Blueprint hinzufügen, z. B. app/blueprints/blog/post.yaml. allowBlocks und maxDepth sind optionale Einschränkungen:

fields:
    content:
        label: Content
        type: contenteditor
        allowBlocks: [heading, richtext, image, section]
        maxDepth: 2

Die Änderung mit php artisan tailor:migrate übernehmen.

2. Inhalte erstellen

1. Einen Eintrag öffnen, auf + Block hinzufügen klicken und Überschrift wählen. Der neue Block ist im Strukturbaum ausgewählt.
2. Den Block anklicken (oder Enter drücken), um seine Einstellungen zu öffnen, und in Text tippen. Die Vorschau folgt beim Tippen.
3. Auf dieselbe Weise einen Rich Text-Block hinzufügen, dann den Eintrag speichern.

3. Im Frontend rendern

In einer CMS-Seite oder einem Partial das Dokument mit dem Filter rendern:

{{ record.content|rc_blocks }}

Oder die Komponente renickContent anhängen und {% component 'renickContent' document=record.content %} verwenden.

Jeder Block rendert aus Theme-Override → Plugin-Standard → sicherer Platzhalter, die Seite funktioniert also, bevor das Theme eigenes Block-Markup mitbringt. Weiter: die Editor-Tour und die Standard-Blöcke.