Must Have Directus 9 Extensions

A very powerful feature of Directus 9 the ability to be extended. I've come across some really useful extensions and have collected them all here

Tim Butterfield

Feb 26, 2022 • 3 min read

A very powerful feature of Directus 9 the ability to be extended. In my travels, I've come across some really useful extensions and have collected them all here.

Editor.js Text Editor

This extension inports the editor.js interface as a text editor in Directus. The data type must be JSON and saves the content in JSON format. This works very well with the Directus API.

ElasticSearch

Using ElasticSearch, this extension sync content from Directus into ElasticSearch. This also supports MeiliSearch and Algolia.

Masked Input

Enforce a template for an input field and provide a guide while typing.

Create a Page URL/Slug

Creates a permalink from an input field.

MicroLink.io Link Metadata

Fetches metadata from a link. This field requires a JSON data type and will store the metadata as JSON. This works really well with the Directus API.

Convert URL display to clickable links

This is a display extension to change your URL output to clickable links or a copy to clipboard.

Installing an Extension

These extensions include instructions on how you can install them into you project folder. The manual approach requires you to compile the src folder into a single index.js file. Then you copy the index file into the extensions folder. This must go in the relevant extension type folder (interface, display, layout etc) then in a new folder.

Restart Directus to apply the changes.