@vietlongn/editorjs-carousel

Carousel Tool for Editor.js

Usage no npm install needed!

<script type="module">
  import vietlongnEditorjsCarousel from 'https://cdn.skypack.dev/@vietlongn/editorjs-carousel';
</script>

README

Carousel Tool

Carousel/Gallery Block for the Editor.js.

Features

  • Uploading file from the device
  • Preload image

Note This Tool requires server-side implementation for file uploading. See backend response format for more details.

Installation

Manual downloading and connecting

  1. Upload folder dist from repository
  2. Add dist/bundle.js file to your page.

Usage

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

import Carousel from 'Carousel';

// or if you inject ImageTool via standalone script
const Carousel = window.Carousel;
 
var editor = EditorJS({
  ...

  tools: {
    ...
    image: {
      class: Carousel,
      config: {
        endpoints: {
          byUrl: 'http://localhost:8008/fetchUrl', // Your endpoint that provides uploading by Url
        }
      }
    }
  }

  ...
});