directus extension tiptap

Tiptap для Directus

Это расширение Directus, которое предоставляет редактор TiptAp в качестве типа богатого текста.

Пакет Starterkit TiptAp уже включен, а другие расширения TiptAp доступны в параметрах интерфейса DirectUS.

• Пакет NPM: @bicou/directus-extension-tiptap
• Выпуск заметок

Требования

Это расширение требует установки DirectUS 9 или выше.

Установка

Добавьте зависимость @bicou/directus-extension-tiptap в свой проект 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

Использование

Поле

При создании поля в Directus выберите TiptAp.

Выбор типа позволяет хранить ваш контент в качестве объекта JSON или в качестве старой старой HTML String

• JSON : JSON Object of the Prosemirror узлов
• Текст : контент HTML как строка

Редактор

При редактировании элементов контента появится редактор Tiptap Wysiwg:

Полевые данные и отображение

По умолчанию данные показаны как RAW JSON:

Отредактируйте поле, чтобы выбрать TiptAp в качестве дисплея ...

... чтобы представить текст поля в просмотре контента:

Лицензия

Это расширение выпускается по лицензии MIT. Смотрите файл лицензии для получения более подробной информации.