Directus-extension-formatted-input NPM

Formatted Input for Directus

A simple Rich String Editor interface to format short texts in Directus

<em>Formatted Input</em> is a simple <strong>Directus</strong> “<em>Rich String</em>” Interface to format one-line texts. It generates unwrapped <mark>styled</mark> HTML to be <s>inserted in</s> used inside your <u>semantic</u> block-level tags.

Installation

Basic Usage

In your Directus app simply click the Create Field button and choose Formatted Input.

Interface Options

Navigate to the interface tab to adjust the settings.

Option	Description
Toolbar	Set of `<mark>` tools available to use
Font	Font used in the editor

Display

The extension comes bundled with a Rich String display to render the HTML.

Credits

Flexible Editor by formfcw (Florian C. Wachmann) and Tiptap for Directus by gbicou (Benjamin Viellard) for the implementation of more advanced functionalities.

directus directus-extension directus-custom-bundle directus-custom-interface directus-custom-display tiptap editor

@tiptap/core @tiptap/extension-bold @tiptap/extension-document @tiptap/extension-highlight @tiptap/extension-italic @tiptap/extension-link @tiptap/extension-paragraph @tiptap/extension-strike @tiptap/extension-subscript @tiptap/extension-superscript @tiptap/extension-text @tiptap/extension-underline @tiptap/pm

27 days ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago