directus extension tiptap

Tiptap pour directus

Il s'agit d'une extension Directus qui fournit l'éditeur TIPTAP en tant que type de champ de texte riche.

Le bundle TipTap Starterkit est déjà inclus et les autres extensions TIPTAP sont disponibles dans les options d'interface directus.

• Package NPM: @bicou/directus-extension-tiptap
• Notes de libération

Exigences

Cette extension nécessite que Directus 9 ou plus soit installée.

Installation

Ajouter @bicou/directus-extension-tiptap Dependency à votre projet Directus.

 # Using pnpm
pnpm add @bicou/directus-extension-tiptap
# Using yarn
yarn add @bicou/directus-extension-tiptap
# Using npm
npm install @bicou/directus-extension-tiptap

Usage

Champ

Lors de la création d'un champ dans Directus, choisissez TipTap.

Choisir le type vous permet de stocker votre contenu comme un objet JSON ou comme une bonne vieille chaîne HTML

• JSON : L'objet JSON des nœuds de promemirror
• Texte : le contenu HTML en tant que chaîne

Éditeur

Lors de la modification des éléments de contenu, l'éditeur TipTap Wysiwg apparaît:

Données sur le terrain et afficher

Par défaut, les données sont affichées en JSON brut:

Modifiez le champ pour sélectionner TipTap comme affichage ...

... pour rendre le texte du champ dans la navigation de contenu:

Licence

Cette extension est publiée sous la licence MIT. Voir le fichier de licence pour plus de détails.