directus extension tiptap

TIPTAP para Directus

Esta é uma extensão Directus que fornece o editor de Tiptap como um tipo de campo de texto rico.

O pacote de tiptap starterkit já está incluído e as outras extensões tiptap estão disponíveis nas opções da interface Directus.

• Pacote NPM: @bicou/directus-extension-tiptap
• Notas de liberação

Requisitos

Esta extensão exige que o Directus 9 ou superior seja instalado.

Instalação

Adicione a dependência @bicou/directus-extension-tiptap ao seu projeto 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

Uso

Campo

Ao criar um campo no Directus, escolha Tipptap.

A escolha do tipo permite armazenar seu conteúdo como um objeto JSON ou como uma boa e velha string html

• JSON : O objeto JSON dos nós do prosemirror
• Texto : o conteúdo HTML como string

Editor

Ao editar itens de conteúdo, o editor Tipptap Wysiwg aparecerá:

Dados de campo e exibição

Por padrão, os dados são mostrados como JSON bruto:

Edite o campo para selecionar Tipptap como exibição ...

... Para renderizar o texto do campo na navegação de conteúdo:

Licença

Esta extensão é liberada sob a licença do MIT. Consulte o arquivo de licença para obter mais detalhes.