Vue Templates Logo Vue Templates
Directus Extension Tiptap screenshot

Directus Extension Tiptap

Author Avatar Theme by Gbicou
Updated: 13 Oct 2025
71 Stars

Tiptap rich text editor interface and display for directus

Github

Categories

Scss Directus

Overview

The Tiptap for Directus is a Directus extension that provides a rich text field type using the Tiptap editor. It allows users to create content with a user-friendly WYSIWYG editor.

Features

  • Tiptap editor as a rich text field type
  • StarterKit tiptap bundle included
  • Other tiptap extensions available in the Directus interface options

Installation

To install the Tiptap for Directus extension, follow these steps:

  1. Add the @bicou/directus-extension-tiptap dependency to your Directus project.

  2. Create a field in Directus and choose Tiptap as the field type.

  3. Select the “JSON” option to store content as a JSON object or the “Text” option to store content as an HTML string.

Summary

The Tiptap for Directus extension is a useful tool for Directus users who want to have a rich text field type with the Tiptap editor. It offers various features and is easy to install and use.