https://github.com/hunghg255/quill-resize-image
A plugin resize image for Quilljs
https://github.com/hunghg255/quill-resize-image
editor image modify modify-image photos plugin quill-editor quilljs react-quill resize resize-images
Last synced: 2 months ago
JSON representation
A plugin resize image for Quilljs
- Host: GitHub
- URL: https://github.com/hunghg255/quill-resize-image
- Owner: hunghg255
- Created: 2023-04-11T06:05:28.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-06-28T04:43:20.000Z (3 months ago)
- Last Synced: 2025-06-28T05:29:20.109Z (3 months ago)
- Topics: editor, image, modify, modify-image, photos, plugin, quill-editor, quilljs, react-quill, resize, resize-images
- Language: TypeScript
- Homepage: https://quill-resize-image.vercel.app
- Size: 7.75 MB
- Stars: 42
- Watchers: 1
- Forks: 12
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
A library resize image for Quill editor.
## Demo
[Quill Resize Image](https://quill-resize-image.vercel.app/)
## Install
```bash
npm i quill-resize-image@latest
```
With `yarn`
```bash
yarn add quill-resize-image
```
## Reactjs
```tsx
import ReactQuill, { Quill } from 'react-quill';
import QuillResizeImage from 'quill-resize-image';
/**
- add object resize to modules.
**/
// resize: {
// locale: {},
// },
Quill.register("modules/resize", window.QuillResizeImage);
const App = () => {
const Editor = {
modules: {
toolbar: {
container: [
['image'],
],
},
resize: {
locale: {},
},
},
formats: [
'image',
],
};
return
}
```
## Browser
```html
Document
Hello World!
Some initial bold text
Quill.register("modules/resize", window.QuillResizeImage);
var toolbarOptions = [
"bold",
"italic",
"underline",
"strike",
"image",
"video",
];
var quill = new Quill("#editor", {
theme: "snow",
modules: {
toolbar: toolbarOptions,
resize: {
locale: {
center: "center",
},
},
},
});
```
## All Contributors
Thanks to the following friends for their contributions to project:
