https://github.com/mr8bit/carousel-editorjs

Carousel/Gallery Block for the Editor.js (https://editorjs.io).
https://github.com/mr8bit/carousel-editorjs

Last synced: 6 months ago
JSON representation

Carousel/Gallery Block for the Editor.js (https://editorjs.io).

• Host: GitHub
• URL: https://github.com/mr8bit/carousel-editorjs
• Owner: mr8bit
• Created: 2020-01-05T00:01:19.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-05-02T07:46:14.000Z (over 1 year ago)
• Last Synced: 2024-08-03T17:08:40.653Z (over 1 year ago)
• Language: JavaScript
• Size: 1.97 MB
• Stars: 46
• Watchers: 6
• Forks: 24
• Open Issues: 17
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-editorjs - mr8bit/carousel-editorjs

README

          
![](https://badgen.net/badge/Editor.js/v2.0/blue)

# Carousel Tool

Carousel/Gallery Block for the [Editor.js](https://editorjs.io).

![](./img/prelaod.png)

## Features

- Uploading file from the device

- Preload image

**Note** This Tool requires server-side implementation for file uploading. See [backend response format](#server-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.

```javascript

import Carousel from 'Carousel';

// or if you inject ImageTool via standalone script

const Carousel = window.Carousel;

 

var editor = EditorJS({

  ...

  tools: {

    ...

    carousel: {

                    class: Carousel,

                    config: {

                        endpoints: {

                            byFile: "URL_FETCH",

                        }

                    }

                },

  }

  ...

});

```