Szybki start

Ten przykład używa blueprintu Tailora; pole contenteditor działa tak samo w każdym formularzu panelu.

1. Dodaj pole do blueprintu

Dodaj pole do blueprintu, np. app/blueprints/blog/post.yaml. allowBlocks i maxDepth to opcjonalne ograniczenia:

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

Zastosuj zmianę poleceniem php artisan tailor:migrate.

2. Stwórz treść

1. Otwórz wpis, kliknij + Dodaj blok i wybierz Nagłówek. Nowy blok jest zaznaczony w drzewie struktury.
2. Kliknij go (lub naciśnij Enter), aby otworzyć ustawienia, i pisz w polu Tekst. Podgląd zmienia się w trakcie pisania.
3. W ten sam sposób dodaj blok Tekst sformatowany i zapisz wpis.

3. Wyrenderuj go na froncie

Na stronie CMS lub w partialu wyrenderuj dokument filtrem:

{{ record.content|rc_blocks }}

Możesz też dołączyć komponent renickContent i użyć {% component 'renickContent' document=record.content %}.

Każdy blok renderuje się z nadpisania motywu → domyślnego partiala wtyczki → bezpiecznego zastępnika, więc strona działa, zanim motyw dostarczy własny znacznik bloków. Dalej: przewodnik po edytorze i domyślne bloki.