Install and use the interface

Question

Install and use the interface

Closed this issue 3 years ago · 15 comments

danieljwestman commented 3 years ago

Nice to test out editor.js in Directus 👍🏻

However, I can't get it to work on my Directus instance (v9.0.0-rc.95)...

Downloaded a copy of your repo
Run npm install in the editorjs dir
Run npx directus-extension build
Moved the index.js file to extensions/interfaces/editorjs
Started up Directus, npm run dev
My other extensions are loaded properly, but editorjs doesn't seem to be loaded
Created a new JSON field, but editorjs (Blocks) isn't an interface option, no where to be found...

Answer 1 · 2021-09-30T13:07:45.000Z

I had tried exact same steps and it works.

Do you see it loaded in Loaded extensions: when starting Directus?

What is your setup, npm installation (version) or with docker?

Answer 2 · 2021-09-30T13:19:23.000Z

@dimitrov-adrian
Loaded extensions: only includes my other extensions, not editorjs

I'm running a Directus clone locally (latest commit).

Answer 3 · 2021-09-30T15:03:55.000Z

It's funny, but in local build of directus I do not get Loaded extensions: in console. Anyway, tried to install on latest from main, and it seems to works, but needed to restart directus few times.

Answer 4 · 2021-09-30T15:07:24.000Z

Okay, weird. Testing with fresh Directus install and fresh download of editorjs extension with no luck...

Answer 5 · 2021-09-30T15:25:26.000Z

What is your nodejs version, and what os?

Answer 6 · 2021-09-30T19:36:12.000Z

v.16.0.0
MacOS Catalina / Big Sur

Answer 7 · 2021-11-22T11:31:45.000Z

Clearing the browser cache helped in my case.

Answer 8 · 2021-11-29T13:54:01.000Z

Still cannot reproduce.

npm package works for me, also using the https://github.com/dimitrov-adrian/directus-extension-editorjs-interface/releases/download/v1.0.1/index.js (from releases downloads) and putting into extensions/interfaces/editorjs/index.js works too.

I'll keep this open, if any other has such issue too.

Answer 9 · 2021-11-29T14:07:16.000Z

@dimitrov-adrian Okay...

I managed to install the extension with npm install directus-extension-editorjs and the it gets loaded when starting up. But how do I add the interface to a field? I can't find it...

Answer 10 · 2021-11-30T09:12:20.000Z

Am I missing something @dimitrov-adrian ?

Answer 11 · 2021-12-02T18:19:05.000Z

Actually no, I am trying to reproduce. Tried on Directus from docker and with local npm install, and on different browsers (Chrome, Safari and Firefox) but none of this make me missing the interface. I am out of ideas.

Answer 12 · 2021-12-02T19:05:53.000Z

You are using the old field creation flow? Could you attach a screendump?

Answer 13 · 2021-12-02T19:41:19.000Z

untitled1.mp4

Yes, in advanced field flow

Answer 14 · 2021-12-02T19:57:43.000Z

Just added it to the new field flow (with 1.0.2)

Answer 15 · 2021-12-03T12:54:42.000Z

Thank you very much.

Suddenly it works for me too (with 1.0.2) 😅

Have a nice weekend!