Skip to content

docs: add tiptap editor docs to frameless.io plugin docs #1441

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Marwaxhello wants to merge 1 commit into
base: development-strapi-v5
Choose a base branch
from
Draft

docs: add tiptap editor docs to frameless.io plugin docs #1441

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 62 additions & 0 deletions apps/strapi.frameless.io/docs/plugins/plugin-tiptap-editor
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
# TipTap Editor

## Wat doet deze plugin?

De TipTap Editor is een uitgebreide teksteditor die de standaard Strapi editor vervangt binnen het **Contentblok** component. De plugin geeft de redactie veel meer opmaakmogelijkheden dan de standaard editor, zoals tabellen, YouTube-video's en KISS-uitklappers.

---

## Wat kun je ermee?

### Tekstopmaak

Met de toolbar kun je tekst opmaken met:

- **Vet**, _cursief_, ~~doorgestreept~~ en onderstreept
- Uitlijning (links, midden, rechts)
- Opsommingslijsten en genummerde lijsten
- Blokcitaten en scheidingslijnen
- Kopniveaus (Alinea, Kop 1, Kop 2, etc.)
- Taal instellen per tekstveld

### Tabellen

Klik op **Tabel** in de toolbar om een tabel in te voegen. Je kunt vervolgens kiezen uit:

- **Tabel** — nieuwe tabel invoegen
- **Rijen** — rijen toevoegen of verwijderen
- **Columns** — kolommen toevoegen of verwijderen
- **Kop** — een koprij toevoegen
- **Bijschriften** — een bijschrift toevoegen
- **Cel** — celopties aanpassen

### YouTube-video invoegen

Klik op het **YouTube-icoontje** in de toolbar om een video in te voegen. Vul in:

- **YouTube-URL** — de link naar de video
- **Titel** — een beschrijvende titel van de video
- **Breedte** — standaard 640
- **Hoogte** — standaard 480

Klik op **Invoegen** om de video toe te voegen aan de content.

### KISS-uitklapper

Via de **KISS-uitklapper** dropdown in de toolbar kun je een uitklapmenu toevoegen of verwijderen. Dit is een specifiek element voor de weergave binnen het KISS dashboard.

---

## Overige velden in het Contentblok
Copy link
Copy Markdown
Collaborator

@AliKdhim87 AliKdhim87 May 18, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

“kennisartikelCategorie” is niet gerelateerd aan de TipTap-editor. Wat betreft “label”: dit is wel gekoppeld aan de editor, maar wordt automatisch gevuld zodra je begint met schrijven in TipTap. Dit is vooral nuttig wanneer het Contentblok in een uitklapper wordt gebruikt; in Strapi wordt dit label dan als titel weergegeven.

Image


Naast de editor zelf bevat het Contentblok twee extra velden:

- **kennisartikelCategorie** — de categorie voor de koppeling met KISS
- **label** — een optioneel label voor het blok

---

## Aandachtspunten

- De TipTap editor is alleen beschikbaar binnen een **Contentblok**
- De standaard Strapi editor is vervangen door deze plugin — je ziet de uitgebreide toolbar automatisch bij een **Contentblok**
Loading