Loader based on editor-js/image.

• Multiple downloads
• Sorting uploaded images (providing by SortableJS)
• Limit the number of images
• Two view selector (slider and fit)

Get the package

$ npm i @kiberpro/editorjs-gallery

Include module at your application

import ImageGallery from '@kiberpro/editorjs-gallery';

You can load a specific version of the package from jsDelivr CDN.

Require this script on a page with Editor.js.

<script src="https://cdn.jsdelivr.net/npm/@kiberpro/editorjs-gallery"></script>

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

To enable sorting, include the SortableJS library and send it to the configuration:

$ npm i sortablejs

import Sortable from 'sortablejs';

var editor = EditorJS({ // ... tools: { // ... gallery: { class: ImageGallery, config: { sortableJs: Sortable, endpoints: { byFile: 'http://localhost:8008/uploadFile', } }, }, } // ... });

Gallery block supports these configuration parameters:

Also you can add a localized string:

new Editorjs({ // ... tools: { gallery: ImageGallery }, i18n: { tools: { gallery: { 'Select an Image': 'Выберите изображение', 'Delete': 'Удалить', 'Gallery caption': 'Подпись' } } }, })

This Tool returns data with following format