{"_id":"@taoqf/quill-image-resize-module","_rev":"1-33bdaf53eab52f0d8c00f1361cb86fb8","name":"@taoqf/quill-image-resize-module","dist-tags":{"latest":"3.0.1"},"versions":{"3.0.1":{"name":"@taoqf/quill-image-resize-module","version":"3.0.1","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":"node dev-server.js","build":"webpack --progress --colors","build:watch":"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/kensnyder/quill-image-resize-module.git"},"keywords":["quill","quilljs","image","resize","sizer"],"author":{"name":"@kensnyder"},"contributors":[{"name":"Wikia","url":"https://github.com/Wikia"}],"license":"MIT","bugs":{"url":"https://github.com/kensnyder/quill-image-resize-module/issues"},"homepage":"https://github.com/kensnyder/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","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","express":"^4.16.2","opn":"^5.2.0","webpack":"^2.3.3","webpack-dev-middleware":"^2.0.4","webpack-hot-middleware":"^2.21.0"},"dependencies":{"lodash":"^4.17.4","quill":"^1.2.2","raw-loader":"^0.5.1"},"gitHead":"691eca7611c0f25e0f1313ccc9954692d6c01778","_id":"@taoqf/quill-image-resize-module@3.0.1","_nodeVersion":"12.2.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-thZLAF4mKubKSQ9eOGPXvJtCq15CZbuPn6FbGoV86pa8hnirH8sim9DKlH15ztPeFqGUpV6Pz4AJmFuJa3Se/g==","shasum":"477b13bf4401383b9a71824c0d5b32bae3d3e745","tarball":"https://registry.npmjs.org/@taoqf/quill-image-resize-module/-/quill-image-resize-module-3.0.1.tgz","fileCount":19,"unpackedSize":127573,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc5i4UCRA9TVsSAnZWagAA3TgP/11ueH7+Sq0YJ0cCMgfT\n/WfUWMHakH3607TsbKymIM/1MRXO2Vfseys37ebasOv3rKXZ+UwvCcwS3MMF\nKLyluqU/O9oNE0GyEbwF12Pu0xaa1vq4z9M7+is32xIj1M4H8mhHTe+TrF5n\nD3QYM4T8jc6VnwqLQ41Fisq5F6sL9eLsgRV1W1Nrc4IsAfRNeGR2QJCwpsYh\nAgK2BX8yMeDqxY7zAFXskxeR3gTR8TIUNF5dBbbcaJV5VKLLL7CpqcJKSWa1\nZpkekZQZpJpezQiiv161RI/whRpcUg+klAqTCzQH7Wca5RZPfQuI1KkKJ66P\nwa27esbN41HfE0Q28T962gSBiXb6+NdpwjWDJ4sAwl7QuePZDJFlSzAArI/7\npqHHieyK+I/t/VyVC9ii9vfBoAGagsT1qsUtqwV+p2pjjAtlZ8sKo78eCdHZ\nnvvdo/n0iG5zi/ncT39xGC2B3XJh7t+6v1ptgULKHtuQQxaz9ylE6ZlLJGJW\n8CKMWTDmBLCJuUEmhVnL7219RNFpZ7sqIk+l8vtIVU5yVSWKSdZf32n5+XND\nk5m/m9wxZHoy/QTdyGNI8aPKUJlhpHLSWUNPazaz+1zalVI7zxCUkqiVTrdE\n5mf4nBkwtjguFF9jCyxq3T+wiVEUb5bpNB97u7t1Gjsl566UkSLmtYpab7xC\n/tHV\r\n=TvvZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICwD/ABpQ/6/v8h2P2qoOTuZsA4QqJhQmrJVDFUbMdgLAiAD5mnv0WJaTkLOCI3DNBmCyPZwVy+9ROcFKvdajNGS3A=="}]},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/quill-image-resize-module_3.0.1_1558588947935_0.010803616837729013"},"_hasShrinkwrap":false}},"time":{"created":"2019-05-23T05:22:27.907Z","3.0.1":"2019-05-23T05:22:28.076Z","modified":"2022-04-07T04:09:34.005Z"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"description":"A module for Quill rich text editor to allow images to be resized.","homepage":"https://github.com/kensnyder/quill-image-resize-module#readme","keywords":["quill","quilljs","image","resize","sizer"],"repository":{"type":"git","url":"git+https://github.com/kensnyder/quill-image-resize-module.git"},"contributors":[{"name":"Wikia","url":"https://github.com/Wikia"}],"author":{"name":"@kensnyder"},"bugs":{"url":"https://github.com/kensnyder/quill-image-resize-module/issues"},"license":"MIT","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\nQuill.register('modules/imageResize', window.ImageResize.default);\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"}