file-manager-editor-js v1.4.1

File Manager To EditorJs

This file manager works with files and photos and audio.

Installation

Install via NPM

Get the package

npm i file-manager-editor-js --save

Include module at your application

import EditorJsFm from "file-manager-editor-js/src/lib/editor-js-connect";

import "file-manager-editor-js/src/style/main.scss";

Usage

Add a new Tool to the tools property of the Editor.js initial config.

var editor = EditorJS({
  ...
  
  tools: {
    ...
    fileManager: {
      class: EditorJsFm,
      config: {
        lang:"ru" || "en",
        token: "token",
        apiUrl: "https://example/api/v1",
        uploadUrl: "https://example",
        routes: {
            allFoldersOrCurentFolder: 'filemanager/folders/2' or 'filemanager/folders',
            subFoldersAndFiles: 'filemanager/folders/${_id}',
            updateFolder: 'filemanager/folder/${_id}',
            deleteFolder: 'filemanager/folder/${_id}',
            createFolder: 'filemanager/folders',
            updateFile: 'filemanager/file/${_id}',
            deleteFile: 'filemanager/file/${_id}',
            uploadFile: 'filemanager/folders/${_id}/file'
        }
      }
    }
  }
  
  ...
});

${_id} - this means that route will contain an id (that is, action on the specific folder or file or image)

Config Params

Routes

If route allFoldersOrCurentFolder includes id to folder 'filemanager/folders/ID', server response must be an object.

If route allFoldersOrCurentFolder does not include id to folder 'filemanager/folders', server response must be an array of objects.

Route allFoldersOrCurentFolder have required fields:

Route subFoldersAndFiles have required fields:

Field File have required fields:

Field Folder have required fields:

Output data

{
    "type" : "FileManager",
    "data" : {
        "url" : "https://example/hero.jpg",
        "name" : "Name",
        "type" : "image or file or audio"
    }
}