{"_id":"@capaj/quill-image-resize-module-react","_rev":"2-53d1d1674c00d77863dae6abe4fff52c","name":"@capaj/quill-image-resize-module-react","dist-tags":{"next":"3.0.1","latest":"3.0.2"},"versions":{"3.0.1":{"name":"@capaj/quill-image-resize-module-react","version":"3.0.1","description":"A module for Quill rich text editor to allow images to be resized (with react fixes).","main":"dist/imageResize.cjs.js","module":"dist/imageResize.es.js","scripts":{"test":"echo \"Error: no test specified\" && exit 0","build":"rollup -c"},"repository":{"type":"git","url":"git+https://github.com/concrete-cc/quill-image-resize-module-react.git"},"keywords":["quill","quilljs","image","resize","sizer"],"author":{"name":"@kensnyder"},"contributors":[{"name":"Wikia","url":"https://github.com/Wikia"},{"name":"Capaj","url":"https://github.com/capaj"}],"license":"MIT","bugs":{"url":"https://github.com/capaj/quill-image-resize-module/issues"},"homepage":"https://github.com/capaj/quill-image-resize-module#readme","devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/preset-env":"^7.5.5","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","husky":"^3.0.5","prettier":"^1.18.2","pretty-quick":"^1.11.1","rollup":"^1.20.3","rollup-plugin-babel":"^4.3.3","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-svg":"^2.0.0","lodash":"^4.17.15","quill":"^1.3.6"},"peerDependencies":{"lodash":"^4.17.15","quill":"^1.3.6"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged"}},"gitHead":"087e3835c5180ba421e2c69d1f4ad76513b0e2eb","_id":"@capaj/quill-image-resize-module-react@3.0.1","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-LS4VOa9s2S3dSqWrJ7OqszKUNQJRlg+4CFtiYUxFgG4l8iYtTJvY/Qm7QZXdUHC1DmilbXaoqeCuhT1pj6nxVA==","shasum":"c59d23791b41ac90f6bf0e7eb0d9cbd5f7ad0401","tarball":"https://registry.npmjs.org/@capaj/quill-image-resize-module-react/-/quill-image-resize-module-react-3.0.1.tgz","fileCount":22,"unpackedSize":178127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbvbxCRA9TVsSAnZWagAAMQ8QAIGT0zgB+yAuFup2mMR8\nmxJdOzBZztOsr+QwUMSMK4eXt3GtKlFyGcUZHZIpEu8knartKrgtFiqBoQi3\nfbgL9oc2vtPzr95HROD6nFh5I5KnjbO62M+7WgWRth0ss3Wai+xBQCPenS63\nZOEHOUfrRVPFCrp1hebVIxVz2VFV3/WYCiHEe/hcSWmvVgEuzyojGB59yUaN\nh48SyfYwFQrGrS39M8C8oFvoSjwNd8yOREjhSJoHPcObvLeCzxY6yOiZ0k6z\nkKWPAUZ3YiuSn+fpnM+LpHle2f9QGio3oFapRuiSfMZrBhinW3Sgp454rRw4\nfU1+DVBO+pR++o5qIH/c/OQJbCHF5ONlNJyDAjRfY3DpJE/a4SUlrvV9P+Z/\nQCvVEPXog/q2VVT5WQd5UHnsWDqFbE69VlG6At856Hovz0vu2rGdawm08H5J\ngJOuXFNTW88mD/g8hfUYEiAaRwat6pz7FYYx5EOYOzszohFWZ37fgw74wAxR\nJF0N2SeJz0BfdGr2KeVS5yAXgKR1GP5UVcZ5PSz30aJ3HrSx7V3OiuL5bKMI\nZswLN4cChRrGBcBDBT9Z99ZmyGJsteHiscAGnqh/umV/PV008hXVjhbWyQwb\nkRpMGtwbgZZnoqvmw1XLIefSpzGnaOg9SGuZKDRoE9KYby4w/Qtx83apZmcm\nknsY\r\n=mgCz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAFYN6x9xWwyOG7Cj2FEnuIH0tECYFGR/B/LXcItu7CBAiEAqQPca0AZLQJKdOR1hBqvvtiLHZKc4AKplEhARmPJFbI="}]},"maintainers":[{"name":"capaj","email":"capajj@gmail.com"}],"_npmUser":{"name":"capaj","email":"capajj@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/quill-image-resize-module-react_3.0.1_1567553265140_0.4666707870424369"},"_hasShrinkwrap":false},"3.0.2":{"name":"@capaj/quill-image-resize-module-react","version":"3.0.2","description":"A module for Quill rich text editor to allow images to be resized (with react fixes).","main":"dist/ImageResize.cjs.js","module":"dist/ImageResize.es.js","scripts":{"test":"echo \"Error: no test specified\" && exit 0","build":"rollup -c"},"repository":{"type":"git","url":"git+https://github.com/concrete-cc/quill-image-resize-module-react.git"},"keywords":["quill","quilljs","image","resize","sizer"],"author":{"name":"@kensnyder"},"contributors":[{"name":"Wikia","url":"https://github.com/Wikia"},{"name":"Capaj","url":"https://github.com/capaj"}],"license":"MIT","bugs":{"url":"https://github.com/capaj/quill-image-resize-module/issues"},"homepage":"https://github.com/capaj/quill-image-resize-module#readme","devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-proposal-class-properties":"^7.5.5","@babel/preset-env":"^7.5.5","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","husky":"^3.0.5","prettier":"^1.18.2","pretty-quick":"^1.11.1","rollup":"^1.20.3","rollup-plugin-babel":"^4.3.3","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-sourcemaps":"^0.4.2","rollup-plugin-svg":"^2.0.0","lodash":"^4.17.15","quill":"^1.3.6"},"peerDependencies":{"lodash":"^4.17.15","quill":"^1.3.6"},"husky":{"hooks":{"pre-commit":"pretty-quick --staged"}},"gitHead":"36b296fd341cb2882528607692d061e80781038d","_id":"@capaj/quill-image-resize-module-react@3.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-nnvT0zNnwhzULxOfmVxYbZAYXbRK76Qfo3fG2JXiDWGy4hpWwGkS77NcZw1Haw4LBtpFtIGsJEIwA1d2qDJzoQ==","shasum":"d1f0492263323684b7775018585c5fc889fbb8e3","tarball":"https://registry.npmjs.org/@capaj/quill-image-resize-module-react/-/quill-image-resize-module-react-3.0.2.tgz","fileCount":20,"unpackedSize":128336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbvyWCRA9TVsSAnZWagAAGY0QAKAF+WKA0VovDiMKZ/PQ\nG0tdyPQCZ0g+VbgYV5Mb9eCOfY1tzg+QgD+P6dpVnLqfeGwQkEspJeCHPvpP\n/L5SHFVnognRXwL/4wnDn4eCj0AA8VCCXU+To5raDM+e79qt6lyXBZm7tDBc\ncHM4avtF/x/T/acS/IoBXQYu+AC7k9BL+qlRyZrHolQN0lOdx1kla6I0jrOA\nZG3D3VTwi7uaL1CH/D7C+FNzzDmO2upgyjMpjQSxGK0DENjr7hd40mm/D1v/\n+EdtzcEwW39XENfFCWeXeK3Br1Z6u1+YlFqaLREVyrg6uCtwXlyt9wixVIhx\nINWOwZN2qDGCH2AQ98BxlZTxB46KCFrBHNVunqx/BRTnK7o0EIrhSzfnU6Jc\nJCR/RW5nS86QhMU2h+U6iK0ZBC69M5+awmABrr8cehXxTU5q9i/GvstNzN68\nUiblfP9AFiGm4mC2WH0YyWT4KBkVPxqCzgsE9GMV0XycUW215yVvrfNIfpkL\nOk/175gYUwXuErEKlXcCkNWPTGnu+NoQoDd+zUj6VsuNPkWbq2Dt3lV1eNqr\nJeGR8oBm9YaY6V4BJ5uIO/msroEYR3OKBd++FtgLVon31DeQq9scPmVFKQMr\nSfY8ww4I32a7+pPv5O8f6NdhMpRQaStN0fqDxbI6lzBGC6XPrXrQEXXArNtq\naPAR\r\n=qqgY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDfeorarKPtHrcX764Z3oJ+aB9TDwTZV32wK237gyQMOAiEAlpjG7Ltq9afA9VnlGr9Vzxs5vUCcoXjN97EwktsLGzA="}]},"maintainers":[{"name":"capaj","email":"capajj@gmail.com"}],"_npmUser":{"name":"capaj","email":"capajj@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/quill-image-resize-module-react_3.0.2_1567554709704_0.23278411849368608"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-03T23:27:44.890Z","3.0.1":"2019-09-03T23:27:45.312Z","modified":"2022-04-04T21:44:40.794Z","3.0.2":"2019-09-03T23:51:49.850Z"},"maintainers":[{"name":"capaj","email":"capajj@gmail.com"}],"description":"A module for Quill rich text editor to allow images to be resized (with react fixes).","homepage":"https://github.com/capaj/quill-image-resize-module#readme","keywords":["quill","quilljs","image","resize","sizer"],"repository":{"type":"git","url":"git+https://github.com/concrete-cc/quill-image-resize-module-react.git"},"contributors":[{"name":"Wikia","url":"https://github.com/Wikia"},{"name":"Capaj","url":"https://github.com/capaj"}],"author":{"name":"@kensnyder"},"bugs":{"url":"https://github.com/capaj/quill-image-resize-module/issues"},"license":"MIT","readme":"[![Build Status](https://travis-ci.org/concrete-cc/quill-image-resize-module-react.svg?branch=master)](https://travis-ci.org/concrete-cc/quill-image-resize-module-react)\n\n# 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      parchment: Quill.import('parchment')\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 object with parchment, like so:\n\n```javascript\nvar quill = new Quill(editor, {\n  // ...\n  modules: {\n    // ...\n    ImageResize: {\n      parchment: Quill.import('parchment')\n    }\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"}