{"_id":"frappe-quill-image-resize","_rev":"5-4f2aeb185696cc653d75e15e0a29c415","name":"frappe-quill-image-resize","dist-tags":{"latest":"4.0.2"},"versions":{"3.0.9":{"name":"frappe-quill-image-resize","version":"3.0.9","keywords":["quill","quilljs","image","resize","sizer"],"license":"MIT","_id":"frappe-quill-image-resize@3.0.9","maintainers":[{"name":"sokumon","email":"sohamkulkarns9@gmail.com"}],"homepage":"https://github.com/frappe/quill-image-resize-module#readme","bugs":{"url":"https://github.com/frappe/quill-image-resize-module/issues"},"dist":{"shasum":"35e1d94aca458328be0db03ac25b58171af8c194","tarball":"https://registry.npmjs.org/frappe-quill-image-resize/-/frappe-quill-image-resize-3.0.9.tgz","fileCount":17,"integrity":"sha512-2g38/Z/jbi3gbkCgHRgDe9MVskcjJrUioB3RXhQGhjpGKRgBznyVOLmHAZ1a8sBKAHBfuVz9BRdQulkJUrKg0g==","signatures":[{"sig":"MEUCICkWAATR70WuHSRlpY5D/wjyQKyRdlAZAenHRYLMCpYCAiEA5Dhwtt9oRaehqCuhr67fKHCqsbSWVDkyH7EArwS6JkU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":309601},"main":"image-resize.min.js","gitHead":"88c26d9577f6c1a04691782168730ae2a05cd6d2","scripts":{"dev":"webpack --progress --colors --watch","lint":"eslint --ext js,es6 src","test":"echo \"Error: no test specified\" && exit 1","fixlint":"eslint --fix --ext js,es6 src","release":"webpack -p --progress --colors"},"_npmUser":{"name":"sokumon","email":"sohamkulkarns9@gmail.com"},"repository":{"url":"git+https://github.com/frappe/quill-image-resize-module.git","type":"git"},"_npmVersion":"10.7.0","description":"A module for Quill rich text editor to allow images to be resized.","directories":{},"_nodeVersion":"18.20.4","dependencies":{"quill":"^1.2.2","lodash":"^4.17.4","raw-loader":"^0.5.1"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^3.19.0","webpack":"^2.3.3","babel-cli":"^6.24.0","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-preset-env":"^1.2.2","babel-preset-es2015":"^6.24.0","eslint-plugin-react":"^6.10.3","eslint-config-airbnb":"^14.1.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","babel-plugin-transform-class-properties":"^6.23.0"},"_npmOperationalInternal":{"tmp":"tmp/frappe-quill-image-resize_3.0.9_1748248193180_0.9650569251435372","host":"s3://npm-registry-packages-npm-production"}},"4.0.1":{"name":"frappe-quill-image-resize","version":"4.0.1","keywords":["quill","quilljs","image","resize","sizer"],"license":"MIT","_id":"frappe-quill-image-resize@4.0.1","maintainers":[{"name":"sokumon","email":"sohamkulkarns9@gmail.com"}],"homepage":"https://github.com/frappe/quill-image-resize-module#readme","bugs":{"url":"https://github.com/frappe/quill-image-resize-module/issues"},"dist":{"shasum":"0a49bca02076fc9022d7c30395b34a74f177a648","tarball":"https://registry.npmjs.org/frappe-quill-image-resize/-/frappe-quill-image-resize-4.0.1.tgz","fileCount":17,"integrity":"sha512-2PW7F5IAU/rh3OdO0qPfS5bUafSHRB2WHLiSQiaexpfnvNDUsvLu/PzmNHpTia3EwJuaT7OCKZ50Ybyp0jaCoQ==","signatures":[{"sig":"MEUCIQDznWX+ueW5XPFYPoXckdIuYSDYQWLfSZy5Zva+BgbgIgIgRKyobiLtotEO8WD0MSZIdHznQWPAMFXd6zhiwPKOux0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":71148},"main":"image-resize.min.js","gitHead":"3202dab64bdc7975e119dddcc1cd1358c83de9d3","scripts":{"dev":"webpack --progress --colors --watch","lint":"eslint --ext js,es6 src","test":"echo \"Error: no test specified\" && exit 1","fixlint":"eslint --fix --ext js,es6 src","release":"webpack -p --progress --colors"},"_npmUser":{"name":"sokumon","email":"sohamkulkarns9@gmail.com"},"repository":{"url":"git+https://github.com/frappe/quill-image-resize-module.git","type":"git"},"_npmVersion":"11.6.2","description":"A module for Quill rich text editor to allow images to be resized.","directories":{},"_nodeVersion":"24.12.0","dependencies":{"quill":"^2.0.3","lodash":"^4.17.4","raw-loader":"^0.5.1"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^3.19.0","webpack":"^2.3.3","babel-cli":"^6.24.0","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-preset-env":"^1.2.2","babel-preset-es2015":"^6.24.0","eslint-plugin-react":"^6.10.3","eslint-config-airbnb":"^14.1.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","babel-plugin-transform-class-properties":"^6.23.0"},"_npmOperationalInternal":{"tmp":"tmp/frappe-quill-image-resize_4.0.1_1782806782663_0.15024478068792013","host":"s3://npm-registry-packages-npm-production"}},"4.0.2":{"name":"frappe-quill-image-resize","version":"4.0.2","description":"A module for Quill rich text editor to allow images to be resized.","main":"image-resize.min.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","release":"webpack -p --progress --colors","dev":"webpack --progress --colors --watch","lint":"eslint --ext js,es6 src","fixlint":"eslint --fix --ext js,es6 src"},"repository":{"type":"git","url":"git+https://github.com/frappe/quill-image-resize-module.git"},"keywords":["quill","quilljs","image","resize","sizer"],"license":"MIT","bugs":{"url":"https://github.com/frappe/quill-image-resize-module/issues"},"homepage":"https://github.com/frappe/quill-image-resize-module#readme","devDependencies":{"babel-cli":"^6.24.0","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-plugin-transform-class-properties":"^6.23.0","babel-preset-env":"^1.2.2","babel-preset-es2015":"^6.24.0","eslint":"^3.19.0","eslint-config-airbnb":"^14.1.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-react":"^6.10.3","webpack":"^2.3.3"},"dependencies":{"lodash":"^4.17.4","quill":"^2.0.3","raw-loader":"^0.5.1"},"gitHead":"3202dab64bdc7975e119dddcc1cd1358c83de9d3","_id":"frappe-quill-image-resize@4.0.2","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-RXjXz2i5wP0KfbIMhHMZSv+krgFD4MYfsIDkTfbyvvO5t+dQuhE90l8wS/C+zBgLCMlv/R9QcOCM4k+0jBHrNQ==","shasum":"982b9c7932a2700c264ecbd9b2c4109c6a4bbebb","tarball":"https://registry.npmjs.org/frappe-quill-image-resize/-/frappe-quill-image-resize-4.0.2.tgz","fileCount":17,"unpackedSize":71118,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIA049caZyoAH9VX64tOgQRHB90DfbbMoa5hQydJREz3mAiEArVKHBDAOsar1gp2Fs69tSkMBJocCPBemw/0x9hB7oL4="}]},"_npmUser":{"name":"sokumon","email":"sohamkulkarns9@gmail.com"},"directories":{},"maintainers":[{"name":"sokumon","email":"sohamkulkarns9@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/frappe-quill-image-resize_4.0.2_1783066347968_0.6817658388268284"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-26T08:29:53.179Z","modified":"2026-07-03T08:12:28.245Z","3.0.9":"2025-05-26T08:29:53.367Z","4.0.0":"2026-06-30T06:30:35.599Z","4.0.1":"2026-06-30T08:06:22.802Z","4.0.2":"2026-07-03T08:12:28.127Z"},"bugs":{"url":"https://github.com/frappe/quill-image-resize-module/issues"},"license":"MIT","homepage":"https://github.com/frappe/quill-image-resize-module#readme","keywords":["quill","quilljs","image","resize","sizer"],"repository":{"type":"git","url":"git+https://github.com/frappe/quill-image-resize-module.git"},"description":"A module for Quill rich text editor to allow images to be resized.","maintainers":[{"name":"sokumon","email":"sohamkulkarns9@gmail.com"}],"readme":"# Quill ImageResize Module\n\nA module for Quill rich text editor to allow images to be resized.\n\nAlso see [quill-image-drop-module](https://github.com/kensnyder/quill-image-drop-module),\na module that enables copy-paste and drag/drop for Quill.\n\n## Demo\n\n[Plunker](https://plnkr.co/edit/gq708AOrSBOWSlHcFslG?p=preview)\n\n## Usage\n\n### Webpack/ES6\n\n```javascript\nimport Quill from 'quill';\nimport { ImageResize } from 'quill-image-resize-module';\n\nQuill.register('modules/imageResize', ImageResize);\n\nconst quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        imageResize: {\n            // See optional \"config\" below\n        }\n    }\n});\n```\n\n### Script Tag\n\nCopy image-resize.min.js into your web root or include from node_modules\n\n```html\n<script src=\"/node_modules/quill-image-resize-module/image-resize.min.js\"></script>\n```\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {\n            // See optional \"config\" below\n        }\n    }\n});\n```\n\n### Config\n\nFor the default experience, pass an empty object, like so:\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {}\n    }\n});\n```\n\nFunctionality is broken down into modules, which can be mixed and matched as you like. For example,\nthe default is to include all modules:\n\n```javascript\nconst quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {\n            modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]\n        }\n    }\n});\n```\n\nEach module is described below.\n\n#### `Resize` - Resize the image\n\nAdds handles to the image's corners which can be dragged with the mouse to resize the image.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {\n            // ...\n            handleStyles: {\n                backgroundColor: 'black',\n                border: 'none',\n                color: white\n                // other camelCase styles for size display\n            }\n        }\n    }\n});\n```\n\n#### `DisplaySize` - Display pixel size\n\nShows the size of the image in pixels near the bottom right of the image.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {\n            // ...\n            displayStyles: {\n                backgroundColor: 'black',\n                border: 'none',\n                color: white\n                // other camelCase styles for size display\n            }\n        }\n    }\n});\n```\n\n#### `Toolbar` - Image alignment tools\n\nDisplays a toolbar below the image, where the user can select an alignment for the image.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {\n            // ...\n            toolbarStyles: {\n                backgroundColor: 'black',\n                border: 'none',\n                color: white\n                // other camelCase styles for size display\n            },\n            toolbarButtonStyles: {\n                // ...\n            },\n            toolbarButtonSvgStyles: {\n                // ...\n            },\n        }\n    }\n});\n```\n\n#### `BaseModule` - Include your own custom module\n\nYou can write your own module by extending the `BaseModule` class, and then including it in\nthe module setup.\n\nFor example,\n\n```javascript\nimport { Resize, BaseModule } from 'quill-image-resize-module';\n\nclass MyModule extends BaseModule {\n    // See src/modules/BaseModule.js for documentation on the various lifecycle callbacks\n}\n\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        ImageResize: {\n            modules: [ MyModule, Resize ],\n            // ...\n        }\n    }\n});\n```\n","readmeFilename":"README.md"}