Directus Extension Flexible Editor screenshot

Directus Extension Flexible Editor

Author Avatar Theme by Formfcw
Updated: 12 Oct 2025
200 Stars

A rich text editor (WYSIWYG) with JSON output that allows the integration of M2A relations to make it extremely flexible. A truly rich editor for Directus.

Categories

Overview:

The Flexible Editor for Directus is a rich text editor (WYSIWYG) that allows for integration of M2A (many-to-any) relations, making it incredibly flexible. It utilizes the Tiptap editor as an extension within the Directus app. The editor provides JSON output and enables the placement and linking of related nodes. This combination of features makes the Flexible Editor a powerful tool for creating rich content.

Features:

  • Rich Text Editor (WYSIWYG) with JSON output
  • Integration of M2A relations for flexibility
  • Utilizes Tiptap editor as an extension within Directus app
  • Allows placement and linking of related nodes
  • Ability to customize editor settings, such as placeholder text, editor tools, format button appearance, font, spellcheck, and editor height

Installation:

To install the Flexible Editor for Directus, follow these steps:

  1. In your Directus app, click the Create Field button.
  2. Choose Flexible Editor from the options.
  3. Follow the installation process outlined in the documentation.

Summary:

The Flexible Editor for Directus is a powerful tool for creating rich content with the integration of M2A relations. It provides a WYSIWYG editor with JSON output and allows for customization of various settings. The editor offers flexibility in placing and linking related nodes, making it a versatile choice for content creation in the Directus app.