{"_id":"@deedmob/quill-image-resize-alt-module","_rev":"3-4925a40421f5e61eebdeb2e07297980d","name":"@deedmob/quill-image-resize-alt-module","dist-tags":{"latest":"4.0.0"},"versions":{"4.0.0":{"name":"@deedmob/quill-image-resize-alt-module","version":"4.0.0","description":"A module for Quill rich text editor to allow images to be resized and add alt text (with react fixes).","main":"image-resize.min.js","scripts":{"test":"echo \"Error: no test specified\" && exit 0","build":"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/Deedmob/quill-image-resize-alt-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/Deedmob/quill-image-resize-alt-module/issues"},"homepage":"https://github.com/Deedmob/quill-image-resize-alt-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":"^1.3.7","raw-loader":"^0.5.1"},"gitHead":"e1ae64883cd7881117a9ef5154163105b1e0380f","_id":"@deedmob/quill-image-resize-alt-module@4.0.0","_nodeVersion":"12.20.2","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Kidyn/ZQQ/44JkVBWKIJGjd8WKdeQtLdR661Yltyiv89k+g7bkrYfrqpp2Zb4eoqY497RWSj/CVgcyt/9bLUBQ==","shasum":"a8715c281c493d3056edcd09156b2190ed372c15","tarball":"https://registry.npmjs.org/@deedmob/quill-image-resize-alt-module/-/quill-image-resize-alt-module-4.0.0.tgz","fileCount":16,"unpackedSize":58559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN0QZCRA9TVsSAnZWagAAcwgQAJ3IhOSjqX1zLY3pmVTs\nv2NUeYfhjlYmBaOGAznaF3LeR0JpBCpcIIpupv3ekobCXuyg/jeQXABMLCfe\nqP6jdJfqcp1y7br/eh4vZ7w1+KNL8K7qQUYLCyefSf0LQBxHXRS+FFTKsE8R\nE3Ph66bz2+aGeJHZIvc4Av0sgRqS51dY02pacuIk6CesUYuOgPt1c3uBC4ir\nyGNNphSVRjjRyWInHR6ufDujIzWjHqfz6XiHz+P6vlN2+lpeZ3oICwNsTc5e\n6h3+OF3dLJj14n9jZhv6haEfQWKs2q46E+bZbJwS9GolzivYOX+kXSdVLc4L\nGMF1lpgmMiOURxqUsReHpiJ4JlQWKbFYmDYm7GOUx0LNtr6CuZ6ocKGFwpvH\nz+/sAvBkikg4zW0u9SAf6GoVmfEVR/jBiuGiHsrNdrOsQTwpPAsx62ds+e6q\nrfLoi8qpymDBbM3tWMOMwWVwmTQ4KNECvLAMRwB6swT5gYksLQHZ3fniRvuc\nN3CUdg9heuc2SG+Yd9Rjz/wXnF86UTUg8TJjqjtbMNWoet/982BNkZ0+8QfY\nhIyuC55YKaAtgpeCnkUwF2zH5Mu4BmXIQj7krf9PxS2QiuXMioo9ofEMj3Wd\n2tZ/dO+w6vofGmulc3sAZCgtY3Rn6mR6edANzNI3boKlQ7AKm/0atqa8Mo/o\n6WEY\r\n=7qdY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoaoIaAJH5O0WApDKnGj0zMDRqm+COKZ8WcoMy5DuE9gIhAMq0C0LBlHRJnTTlqXiM7i29gAluHzRAz7y0OySO1tud"}]},"_npmUser":{"name":"davidfurlong","email":"dvfurlong@gmail.com"},"directories":{},"maintainers":[{"name":"davidfurlong","email":"dvfurlong@gmail.com"},{"name":"arthurp1","email":"arthur.poot1@gmail.com"},{"name":"mattijnlahuis","email":"mattijnlahuis@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/quill-image-resize-alt-module_4.0.0_1631011865605_0.5935888163677514"},"_hasShrinkwrap":false}},"time":{"created":"2021-09-07T10:51:05.543Z","4.0.0":"2021-09-07T10:51:05.728Z","modified":"2022-07-26T09:17:28.360Z"},"maintainers":[{"email":"tadeaspetak@gmail.com","name":"tadeaspetak"},{"email":"dvfurlong@gmail.com","name":"davidfurlong"}],"description":"A module for Quill rich text editor to allow images to be resized and add alt text (with react fixes).","homepage":"https://github.com/Deedmob/quill-image-resize-alt-module#readme","keywords":["quill","quilljs","image","resize","sizer"],"repository":{"type":"git","url":"git+https://github.com/Deedmob/quill-image-resize-alt-module.git"},"contributors":[{"name":"Wikia","url":"https://github.com/Wikia"}],"author":{"name":"@kensnyder"},"bugs":{"url":"https://github.com/Deedmob/quill-image-resize-alt-module/issues"},"license":"MIT","readme":"this is a fork in order to allow overriding the alt text prompt text. This fork introduces the\n`altTextPromptText` option. We also changed an icon.\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-alt-module\";\n\nQuill.register(\"modules/imageResize\", ImageResize);\n\nconst quill = new Quill(editor, {\n\t// ...\n\tmodules: {\n\t\t// ...\n\t\timageResize: {\n\t\t\tparchment: Quill.import(\"parchment\"),\n\t\t\t// See optional \"config\" below\n\t\t},\n\t},\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-alt-module/image-resize.min.js\"></script>\n```\n\n```javascript\nvar quill = new Quill(editor, {\n\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\t// See optional \"config\" below\n\t\t},\n\t},\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\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\tparchment: Quill.import(\"parchment\"),\n\t\t},\n\t},\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\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\tmodules: [\"Resize\", \"DisplaySize\", \"Toolbar\"],\n\t\t},\n\t},\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\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\t// ...\n\t\t\thandleStyles: {\n\t\t\t\tbackgroundColor: \"black\",\n\t\t\t\tborder: \"none\",\n\t\t\t\tcolor: white,\n\t\t\t\t// other camelCase styles for size display\n\t\t\t},\n\t\t},\n\t},\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\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\t// ...\n\t\t\tdisplayStyles: {\n\t\t\t\tbackgroundColor: \"black\",\n\t\t\t\tborder: \"none\",\n\t\t\t\tcolor: white,\n\t\t\t\t// other camelCase styles for size display\n\t\t\t},\n\t\t},\n\t},\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\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\t// ...\n\t\t\ttoolbarStyles: {\n\t\t\t\tbackgroundColor: \"black\",\n\t\t\t\tborder: \"none\",\n\t\t\t\tcolor: white,\n\t\t\t\t// other camelCase styles for size display\n\t\t\t},\n\t\t\ttoolbarButtonStyles: {\n\t\t\t\t// ...\n\t\t\t},\n\t\t\ttoolbarButtonSvgStyles: {\n\t\t\t\t// ...\n\t\t\t},\n\t\t},\n\t},\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-alt-module\";\n\nclass MyModule extends BaseModule {\n\t// See src/modules/BaseModule.js for documentation on the various lifecycle callbacks\n}\n\nvar quill = new Quill(editor, {\n\t// ...\n\tmodules: {\n\t\t// ...\n\t\tImageResize: {\n\t\t\tmodules: [MyModule, Resize],\n\t\t\t// ...\n\t\t},\n\t},\n});\n```\n","readmeFilename":"README.md"}