{"_id":"@d48io/editorjs-image-gallery","_rev":"5-30b9e15ac814c2567d41693c83aea381","name":"@d48io/editorjs-image-gallery","dist-tags":{"latest":"0.5.0"},"versions":{"0.2.0":{"name":"@d48io/editorjs-image-gallery","version":"0.2.0","keywords":["codex editor","tool","image","gallery","editor.js","editorjs"],"author":{"url":"https://d48.io","name":"Daniel Foerster","email":"df@d48.io"},"license":"MIT","_id":"@d48io/editorjs-image-gallery@0.2.0","maintainers":[{"name":"pydsigner","email":"df@d48.io"}],"homepage":"https://github.com/pydsigner/editorjs-image-gallery#readme","bugs":{"url":"https://github.com/pydsigner/editorjs-image-gallery/issues"},"dist":{"shasum":"890164f494b2ffa17f9c3e8feed1c877ae518314","tarball":"https://registry.npmjs.org/@d48io/editorjs-image-gallery/-/editorjs-image-gallery-0.2.0.tgz","fileCount":8,"integrity":"sha512-eLqHZcb22lCeHDanQHvBrd1u4P6OdIeebTRw0LDW73cLLAj9T5jHvjHWl7UGhtyEjnFNV1281jWr0GjUwWNjdw==","signatures":[{"sig":"MEYCIQCZwj1R/Nn8Gf09MaPMk6lapOUhBB+Rolrv0iJ5KFdL8gIhAO4DVCVS6ks0wUU2A7js7Vm2goNG3efrgGHqnMIgAbeC","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":83770},"main":"./dist/bundle.js","gitHead":"149b518f7e9964924e15bcd493bc5f42f17fb19b","scripts":{"build":"webpack --mode production","build:dev":"webpack --mode development --watch"},"_npmUser":{"name":"pydsigner","email":"df@d48.io"},"repository":{"url":"git+https://github.com/pydsigner/editorjs-image-gallery.git","type":"git"},"_npmVersion":"11.10.0","description":"ImageGallery Tool for Editor.js","directories":{},"_nodeVersion":"25.6.1","dependencies":{"sortablejs":"^1.15.7"},"_hasShrinkwrap":false,"devDependencies":{"less":"^4.5.1","webpack":"^5.105.4","css-loader":"^7.1.4","@babel/core":"^7.3.4","less-loader":"^12.3.1","webpack-cli":"^6.0.1","babel-loader":"^10.0.0","style-loader":"^4.0.0","@babel/preset-env":"^7.3.4"},"_npmOperationalInternal":{"tmp":"tmp/editorjs-image-gallery_0.2.0_1772755696094_0.11196404477692834","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@d48io/editorjs-image-gallery","version":"0.3.0","keywords":["codex editor","tool","image","gallery","editor.js","editorjs"],"author":{"url":"https://d48.io","name":"Daniel Foerster","email":"df@d48.io"},"license":"MIT","_id":"@d48io/editorjs-image-gallery@0.3.0","maintainers":[{"name":"pydsigner","email":"df@d48.io"}],"homepage":"https://github.com/pydsigner/editorjs-image-gallery#readme","bugs":{"url":"https://github.com/pydsigner/editorjs-image-gallery/issues"},"dist":{"shasum":"cc291724606f28eb4979a40440b000c5f48c070a","tarball":"https://registry.npmjs.org/@d48io/editorjs-image-gallery/-/editorjs-image-gallery-0.3.0.tgz","fileCount":10,"integrity":"sha512-bfKoISIEbSTQJqP9FPO1XMarYiW/tYjjr6Ffy/rKrN4LtW/29nx2jqd0RUhmvkGqGnaxkiyuD9ubdmwstHbLVQ==","signatures":[{"sig":"MEYCIQDXKQV0i/MbMfpVNdAawAg4lgqu6ldFq1kdFeWwxGz2/wIhAPsnyaTQRYkmH3y0OJ0LOhWI/PiPYCEhYpX3MaGMHE37","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@d48io%2feditorjs-image-gallery@0.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":92032},"main":"./dist/bundle.js","exports":{".":{"import":"./dist/bundle.js"},"./gallery":{"import":"./dist/gallery.js"}},"gitHead":"d4d3748038a0c8a9b9b62b539f920d45cf5f7bb9","scripts":{"build":"webpack --mode production","build:dev":"webpack --mode development --watch"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:92e49532-4186-4a7e-9302-cac01dc4d90d"}},"repository":{"url":"git+https://github.com/pydsigner/editorjs-image-gallery.git","type":"git"},"_npmVersion":"11.9.0","description":"ImageGallery Tool for Editor.js","directories":{},"_nodeVersion":"24.14.0","dependencies":{"sortablejs":"^1.15.7"},"_hasShrinkwrap":false,"devDependencies":{"less":"^4.5.1","webpack":"^5.105.4","css-loader":"^7.1.4","@babel/core":"^7.3.4","less-loader":"^12.3.1","webpack-cli":"^6.0.1","babel-loader":"^10.0.0","style-loader":"^4.0.0","@babel/preset-env":"^7.3.4"},"_npmOperationalInternal":{"tmp":"tmp/editorjs-image-gallery_0.3.0_1772860635888_0.27295714645235236","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@d48io/editorjs-image-gallery","version":"0.3.1","keywords":["codex editor","tool","image","gallery","editor.js","editorjs"],"author":{"url":"https://d48.io","name":"Daniel Foerster","email":"df@d48.io"},"license":"MIT","_id":"@d48io/editorjs-image-gallery@0.3.1","maintainers":[{"name":"pydsigner","email":"df@d48.io"}],"homepage":"https://github.com/pydsigner/editorjs-image-gallery#readme","bugs":{"url":"https://github.com/pydsigner/editorjs-image-gallery/issues"},"dist":{"shasum":"3abc94e966dd7c7de318eec217a0d46db24674d9","tarball":"https://registry.npmjs.org/@d48io/editorjs-image-gallery/-/editorjs-image-gallery-0.3.1.tgz","fileCount":10,"integrity":"sha512-89nzhoOZFdprseqzPJYVZNNzoy18NTA06p/7PBesOTKpt0VIR7XpVEnXbSTNtSbfSw+Rg+AHz9j6iv2ngLiSBA==","signatures":[{"sig":"MEUCIF47mYHbVPVIReYzXOuV2zEbKuoEovKfIZ57BR/PCMDwAiEAm3HUDMHBg727pXqSbFZMNg0WY4UBskDAlOskBSlp/tI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@d48io%2feditorjs-image-gallery@0.3.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":92092},"main":"./dist/bundle.js","exports":{".":{"import":"./dist/bundle.js"},"./gallery":{"import":"./dist/gallery.js"}},"gitHead":"3a13d5f9055cbbee61fff2239222403571c13ce5","scripts":{"build":"webpack --mode production","build:dev":"webpack --mode development --watch"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:92e49532-4186-4a7e-9302-cac01dc4d90d"}},"repository":{"url":"git+https://github.com/pydsigner/editorjs-image-gallery.git","type":"git"},"_npmVersion":"11.9.0","description":"ImageGallery Tool for Editor.js","directories":{},"_nodeVersion":"24.14.0","dependencies":{"sortablejs":"^1.15.7"},"_hasShrinkwrap":false,"devDependencies":{"less":"^4.5.1","webpack":"^5.105.4","css-loader":"^7.1.4","@babel/core":"^7.3.4","less-loader":"^12.3.1","webpack-cli":"^6.0.1","babel-loader":"^10.0.0","style-loader":"^4.0.0","@babel/preset-env":"^7.3.4"},"_npmOperationalInternal":{"tmp":"tmp/editorjs-image-gallery_0.3.1_1772862408025_0.8662102077020226","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@d48io/editorjs-image-gallery","version":"0.4.0","keywords":["codex editor","tool","image","gallery","editor.js","editorjs"],"author":{"url":"https://d48.io","name":"Daniel Foerster","email":"df@d48.io"},"license":"MIT","_id":"@d48io/editorjs-image-gallery@0.4.0","maintainers":[{"name":"pydsigner","email":"df@d48.io"}],"homepage":"https://github.com/pydsigner/editorjs-image-gallery#readme","bugs":{"url":"https://github.com/pydsigner/editorjs-image-gallery/issues"},"dist":{"shasum":"89e3d9418af3ae094619e74d2b4e5e83c58bd117","tarball":"https://registry.npmjs.org/@d48io/editorjs-image-gallery/-/editorjs-image-gallery-0.4.0.tgz","fileCount":9,"integrity":"sha512-LJOghT3c9A0lhAXE8U66EYPrSiV/3HR9Sck5/uPMIKK5BCNT9GavV+yR+JUugl4svfg4PbX2uGIyP2EmbvbdIQ==","signatures":[{"sig":"MEYCIQDFMKyemPf7H3vvU4X/Zi60LZm5px6tZam1eXP2+RZIdwIhAJACQTK5Be6+gkVYPSB/qZDOrNIrwKiH7RpUJH1GiTas","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@d48io%2feditorjs-image-gallery@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":111383},"main":"./dist/bundle.js","exports":{".":{"import":"./dist/bundle.js"},"./gallery":{"import":"./dist/gallery.js"}},"gitHead":"c5d289c3e06986641038cf0af48f6f03e18366c1","scripts":{"build":"webpack --mode production","build:dev":"webpack --mode development --watch"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:92e49532-4186-4a7e-9302-cac01dc4d90d"}},"repository":{"url":"git+https://github.com/pydsigner/editorjs-image-gallery.git","type":"git"},"_npmVersion":"11.9.0","description":"ImageGallery Tool for Editor.js","directories":{},"_nodeVersion":"24.14.0","dependencies":{"d3-array":"^3.2.4","sortablejs":"^1.15.7"},"_hasShrinkwrap":false,"devDependencies":{"less":"^4.5.1","webpack":"^5.105.4","css-loader":"^7.1.4","@babel/core":"^7.3.4","less-loader":"^12.3.1","webpack-cli":"^6.0.1","babel-loader":"^10.0.0","style-loader":"^4.0.0","@babel/preset-env":"^7.3.4"},"_npmOperationalInternal":{"tmp":"tmp/editorjs-image-gallery_0.4.0_1773121091904_0.654292838529688","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"@d48io/editorjs-image-gallery","version":"0.5.0","keywords":["codex editor","tool","image","gallery","editor.js","editorjs"],"description":"ImageGallery Tool for Editor.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/pydsigner/editorjs-image-gallery.git"},"main":"./dist/bundle.js","exports":{".":{"import":"./dist/bundle.js"},"./gallery":{"import":"./dist/gallery.js"}},"scripts":{"build":"webpack --mode production","build:dev":"webpack --mode development --watch"},"author":{"name":"Daniel Foerster","email":"df@d48.io","url":"https://d48.io"},"devDependencies":{"@babel/core":"^7.3.4","@babel/preset-env":"^7.3.4","babel-loader":"^10.0.0","css-loader":"^7.1.4","less":"^4.5.1","less-loader":"^12.3.1","mini-css-extract-plugin":"^2.10.2","style-loader":"^4.0.0","webpack":"^5.105.4","webpack-cli":"^6.0.1"},"dependencies":{"d3-array":"^3.2.4","sortablejs":"^1.15.7"},"gitHead":"8837705724f1051aa07d526e5c7bd53d1edff96e","_id":"@d48io/editorjs-image-gallery@0.5.0","bugs":{"url":"https://github.com/pydsigner/editorjs-image-gallery/issues"},"homepage":"https://github.com/pydsigner/editorjs-image-gallery#readme","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-GwfpE4DoISNpD++ChnDV3Q0SiyzvQb9R7ToHTihYfjE6KyDG+e5pAjsZVZq/ridmpwlsOQFmpLflcNhgVWbW9Q==","shasum":"e2a0abe6b045431ffda2015569cccf827e6875ca","tarball":"https://registry.npmjs.org/@d48io/editorjs-image-gallery/-/editorjs-image-gallery-0.5.0.tgz","fileCount":10,"unpackedSize":106699,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@d48io%2feditorjs-image-gallery@0.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGj6VY+pbtXAQlO6vqXxyKymnOA/shcb93gmSyYuTzyTAiEApBHNMv6lk0xTSh/vaIh5XQU4JRIw6ZYPOssclPLNZm8="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:92e49532-4186-4a7e-9302-cac01dc4d90d"}},"directories":{},"maintainers":[{"name":"pydsigner","email":"df@d48.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/editorjs-image-gallery_0.5.0_1777010254426_0.40377302351907973"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-06T00:08:15.949Z","modified":"2026-04-24T05:57:35.001Z","0.2.0":"2026-03-06T00:08:16.317Z","0.3.0":"2026-03-07T05:17:16.053Z","0.3.1":"2026-03-07T05:46:48.188Z","0.4.0":"2026-03-10T05:38:12.053Z","0.5.0":"2026-04-24T05:57:34.637Z"},"bugs":{"url":"https://github.com/pydsigner/editorjs-image-gallery/issues"},"author":{"name":"Daniel Foerster","email":"df@d48.io","url":"https://d48.io"},"license":"MIT","homepage":"https://github.com/pydsigner/editorjs-image-gallery#readme","keywords":["codex editor","tool","image","gallery","editor.js","editorjs"],"repository":{"type":"git","url":"git+https://github.com/pydsigner/editorjs-image-gallery.git"},"description":"ImageGallery Tool for Editor.js","maintainers":[{"name":"pydsigner","email":"df@d48.io"}],"readme":"<div align=\"center\">\n\n![](/assets/logo_small.png \"editorjs-image-gallery\")\n\n</div>\n\n\n# Image Gallery Tool for Editor.js\n\nImage Gallery Tool is a plugin for [Editor.js](https://editorjs.io) that provides an Image Gallery Block with a flexible layout.\n\nThe gallery operates on image URLs and does not require a server-side uploader, but offers a way to integrate one.\n\n![](/assets/editorjs-image-gallery.webp)\n\nThe gallery also supports drag and drop to rearrange images and one-click image removal.\n\n## Installation\n\n### Install via NPM\n\nGet the package:\n\n```shell\nnpm i @d48io/editorjs-image-gallery\n```\n\nInclude module in your application:\n\n```javascript\nimport {ImageGallery} from '@d48io/editorjs-image-gallery';\n```\n\n### Include as CJS script\n\nDownload `dist/bundle.js` and add to your project:\n```html\n<script src=\"/static/editorjs-image-gallery/bundle.js\"></script>\n```\n\nOr load from a CDN:\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/@d48io/editorjs-image-gallery@latest\"></script>\n```\n\nThen add to your Editor:\n```html\n<script>\nvar editor = EditorJS({\n  ...\n  tools: {\n    ...\n    imageGallery: imageGallery.ImageGallery,\n  }\n});\n```\n\n## Config Params\n\nThis tool accepts one optional configuration parameter, a function that returns a promise for an array of URLs to add to the gallery:\n\n```js\n{\n  addImages: () => {\n    return new Promise((resolve, reject) => {\n      resolve([\n        \"https://picsum.photos/300/200\",\n        \"https://picsum.photos/200/300\",\n      ]);\n    }\n  }\n}\n```\n\nIf this parameter is supplied, the default text entry for URLs is disabled.\n\n## Tool's settings\n\n![](/assets/options_small.png)\n\n1. Show and hide image urls\n2. Activate/Deactivate dark mode\n3. Set default layout\n4. Set horizontal layout\n5. Set square layout\n6. Set layout with gap\n7. Set layout width fixed size\n\n&nbsp;\n&nbsp;\n&nbsp;\n\n## Output data\n\n| Field               | Type       | Description                   |\n| ------------------- | ---------- | ----------------------------- |\n| urls                | `string[]` | image's url                   |\n| editImages          | `boolean`  | Show and hide image urls      |\n| bkgMode             | `boolean`  | Activate/Deactivate dark mode |\n| layoutDefault       | `boolean`  | Set default layout            |\n| layoutHorizontal    | `boolean`  | Set horizontal layout         |\n| layoutSquare        | `boolean`  | Set square layout             |\n| layoutWithGap       | `boolean`  | Set layout with gap           |\n| layoutWithFixedSize | `boolean`  | Set layout width fixed size   |\n\n\n```json\n{\n  \"type\": \"imageGallery\",\n  \"data\": {\n    \"urls\": [\n      \"https://wallpapercave.com/wp/6L4TVMP.jpg\",\n      \"https://wallpapercave.com/wp/wp9810772.jpg\",\n      \"https://wallpapercave.com/wp/wp9121482.jpg\",\n      \"https://wallpapercave.com/wp/wp9100484.jpg\",\n      \"https://cdn.wallpapersafari.com/94/22/4H3mFp.jpg\"\n    ],\n    \"editImages\": true,\n    \"bkgMode\": false,\n    \"layoutDefault\": true,\n    \"layoutHorizontal\": false,\n    \"layoutSquare\": false,\n    \"layoutWithGap\": false,\n    \"layoutWithFixedSize\": false\n  }\n}\n```\n\n## LICENSE\n\n[MIT License](/LICENSE)\n","readmeFilename":"README.md"}