editorjs-image-crop-resize

A plugin for cropping , resizing and editing the images inside the
editorjs's image block.

🏅 Features

✂️ Crop & Resize — adjust images with precise cropping and custom width presets.

🔄 Rotate & Flip — rotate images ±45° and flip horizontally or vertically.

🎨 Non-destructive editing — original image is preserved until you apply changes.

⚡ Seamless Editor.js integration — works as a tune for the Image tool.

🖼️ Base64 save option — cropped images are stored directly in Editor.js output data.

📦 Installation

Install my-project with npm

``bash
npm install editorjs-image-crop-resize
`



⚙️ Usage/Examples

`javascript
//import editorjs and its imageTool first

import CropperTune from "editorjs-image-crop-resize";
import "editorjs-image-crop-resize/dist/cropper-tune.css";

const editor = new EditorJS({
holder: "editorjs",
tools: {
image: {
class: ImageTool,
config : {
//backend image uploader logic
}
tunes: ["CropperTune"],
},
CropperTune: {
class: CropperTune
}
}
});
`
You also can load the package via cdn

`







``

🌐 Demo

Live link : https://editorjs-image-crop-resize.vercel.app/


Contributions / Raise Issue

Contributions are welcome. Feel free to add new features and make a PR. Raise issues in the issues section.

- Fork the git repo
- Add new branch for features
- Commit the fork locally
- Make a PR

Dependencies

Install the required deps beforehand.

- editorjs : ^2.29.1
- cropperjs : ^1.5.13

My Socials

![GMAIL](mailto:muhammadaffanpvt@gmail.com
)