This extension is in development and most probably will have file structure change when Directus 9 official releases. Meanwhile breaking changes are possible in anytime.

Block-styled editor for rich media stories, outputs clean data in JSON. More info at https://editorjs.io/

Create an editorjs folder into the extensions/interfaces folder of your Directus project and then copy the dist/extensions/interfaces/editorjs/index.js of this repository into it.

You can also clone this repository and build it by yourself.

To use this custom interface into a data model, you have to:

• Add a simple field with JSON type
• In the Interface section on the left choose Editor.js
• Enjoy ! 🎉

• header
• list
• code
• image
• paragraph
• delimeter
• checklist
• quote
• underline

{ "version": "2.19.0", // block editor version, "time": 1607174917790, // timestamp of content change>, "blocks": [ // ... { "type" : "paragraph", "data" : { "text" : "Paragraph from editorjs interface in Directus." } }, // ... ] }