directus extension tiptap

Tiptap para directus

Esta es una extensión de Directus que proporciona el editor TIPTAP como un rico tipo de campo de texto.

El paquete Starterkit TipTap ya está incluido y las otras extensiones TipTap están disponibles en las opciones de interfaz de Directus.

• Paquete NPM: @bicou/directus-extension-tiptap
• Notas de lanzamiento

Requisitos

Esta extensión requiere que se instale Directus 9 o más.

Instalación

Agregue la dependencia de @bicou/directus-extension-tiptap a su proyecto 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

Al crear un campo en Directus, elija TipTap.

Elegir el tipo le permite almacenar su contenido como un objeto JSON o como una buena cadena HTML antigua

• JSON : El objeto JSON de los nodos de prosemirror
• Texto : el contenido HTML como cadena

Editor

Al editar elementos de contenido, aparecerá el editor TipTap Wysiwg:

Datos de campo y visualización

Por defecto, los datos se muestran como JSON sin procesar:

Edite el campo para seleccionar TipTap como pantalla ...

... para representar el texto del campo en la navegación de contenido:

Licencia

Esta extensión se lanza bajo la licencia MIT. Consulte el archivo de licencia para obtener más detalles.