@vtchinh/gallery-editorjs
Advanced tools
Readme
Gallery with custom column for Editor.js.
Inspired from mr8bit/carousel-editorjs
standard, carousel, masonry] are included)npm i @vtchinh/gallery-editorjs
dist from repositorydist/bundle.js file to your page.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: {
...
carousel: {
class: Carousel,
config: {
endpoints: {
byFile: "URL_FETCH",
removeImage: "URL_FETCH", //default null
},
additionalRequestHeaders: {
'authorization': 'Bearer eyJhbGciJ9...TJVA95OrM7h7HgQ',
// ...
},
field: 'image',
types: 'image/*',
additionalRequestData: { // for custom data
name: 'your custom data name',
order_data: 'your order custom data',
},
galleryCallback: 'your_prefer_callback_data' // object return is required
}
},
}
...
});
function your_prefer_callback_data() {
return {'key': 'value'};
}
For removeImage configuration, all you need is providing a request for POST['image'] key.
Don't forget to put csrf-token meta as something like <meta name="csrf-token" content="{{ csrf_token }}"> to your <head>
All notable changes to this project will be documented in this file.
Now we can have more custom data on upload.
Provide the ability to remove the image from Server.
csrf-tokenProvide the ability to remove the image from Server.
We have changed the preloader.
We have fixed some bugs when saving the caption.
Change the way to catch caption HTML structure.
We have fixed some bugs when saving the caption.
We have tested and fixed so many times from version 1.0.0
FAQs
Image Tool for Editor.js
The npm package @vtchinh/gallery-editorjs receives a total of 100 weekly downloads. As such, @vtchinh/gallery-editorjs popularity was classified as not popular.
We found that @vtchinh/gallery-editorjs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
NIST's new AI Risk Management Framework aims to enhance the security and reliability of generative AI systems and address the unique challenges of malicious AI exploits.
Security News
This episode of the Risky Biz podcast discusses how the rise of small open source packages and the shift towards individual maintainers makes the ecosystem more vulnerable to supply chain attacks.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.