directus extension tiptap

DirectusのTiptap

これは、Tiptapエディターをリッチテキストフィールドタイプとして提供するDirectus拡張機能です。

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文字列として保存できます

• JSON ：プロセミラーノードのJSONオブジェクト
• テキスト：文字列としてのHTMLコンテンツ

エディタ

コンテンツ項目を編集するとき、Tiptap wysiwgエディターが表示されます。

フィールドデータと表示

デフォルトでは、データはRAW JSONとして表示されます。

ディスプレイとしてTiptapを選択するためにフィールドを編集します...

...コンテンツブラウジングでフィールドのテキストをレンダリングするには：

ライセンス

この拡張機能は、MITライセンスの下でリリースされます。詳細については、ライセンスファイルを参照してください。