{"_id":"@classuper/quill-video-resize-module","_rev":"4-118ad211db2ffc6947f3c51a8c9a6d35","name":"@classuper/quill-video-resize-module","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.2":{"name":"@classuper/quill-video-resize-module","version":"1.0.2","keywords":["quill","quilljs","video","resize","sizer"],"author":{"name":"@killmenot"},"license":"MIT","_id":"@classuper/quill-video-resize-module@1.0.2","maintainers":[{"name":"alysogorsky","email":"alysogorsky@gmail.com"},{"name":"alexey","email":"alexei.kucherenko@gmail.com"}],"contributors":[{"url":"https://github.com/killmenot","name":"killmenot"},{"url":"https://github.com/kensnyder","name":"kensnyder"},{"url":"https://github.com/Wikia","name":"Wikia"}],"homepage":"https://classuper/quill-video-resize-module#readme","bugs":{"url":"https://github.com/classuper/quill-video-resize-module/issues"},"dist":{"shasum":"bdfc6bf91aee301b04dbc524a489e74d65df7dfe","tarball":"https://registry.npmjs.org/@classuper/quill-video-resize-module/-/quill-video-resize-module-1.0.2.tgz","fileCount":17,"integrity":"sha512-hbHurXWzpKjKceZCzS2M/hJFtGyrGOF4l5GKOOEy6ZflGOTcIKa03+bAaaEtgACy69tu3/NaOcsl/U1c4fkgHg==","signatures":[{"sig":"MEYCIQCY6xQQEo0Lt/g+FmQK5RCLIfOCLzBXgxpAsXmXHEwSOwIhAIMYEI2vOEmRcpetoMWTJM/VWuX/YArAy7gha7l/ndxV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":597863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdElFVCRA9TVsSAnZWagAAapIP/ihZeFXq3TnxpijenHzX\nDh142+lobUkAVPigDzXowt5LYcHwtcAzkd1rMO62xuVUAVy4DjeRezGKfQ4f\n2EqiSgiZrDfhFBzquqvLNWfiGgcvNjcRm42dPiF6NNtXu2NWbtIZvo/7avRA\nmcj97Q+Le7H0BePPfsgnXJILG5o5ICCdgxIzwzHEb/HOYHHdwYUihaef/1Lp\nDdxSrxOJY+inzhIGjw/lBc6XbXUoA0ya3ByrMIVjPnS8JetkgrUIg/e8RBA1\nJhu7diZjo6nfVB3SHeW0OP8XKItNnoi3+2ltcfPsdAuyEK6FL0SzaV6u/HgH\nMbbALlVXkYBLkrUPI8FdU4eqlHoBjpveDS7qagvs8SCT5yQpue3Limnj9+sQ\n9qhn7UTISOEYPQK4h0y+FCoMOOCv+eE76mfcOS3hVAmWpCNUTV5gUTpbchpI\nRQTGgbtNU1+scklp6xwe3jUkuJVb7pt9V8BVfBEEPvYidsvPrDiB12b3Wl8x\n+5+z6qg3EehvK4M2ZDCQ2g8rcmFPiY11dBAojrfV+wQmz8CPNMec6J8OM281\ncwR7mp/ILYsq3zD/u35dl+AdVOFQf+z+sU/jrJ5rLK29zvWp49sOJwhfQKsa\noqCwihFFv0oWOZua5i9nMrkX8YlevBBTX/cpQywEErxpGG/XW8ktrSjP1Ga3\ntxbO\r\n=JgV0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"video-resize.min.js","gitHead":"d86e1ab760980b0a8f48fad5e494ad68afbd214c","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":"alexey","email":"alexei.kucherenko@gmail.com"},"repository":{"url":"git+https://github.com/classuper/quill-video-resize-module.git","type":"git"},"_npmVersion":"6.9.0","description":"A module for Quill rich text editor to allow videos to be resized.","directories":{},"_nodeVersion":"12.4.0","dependencies":{"quill":"^1.2.2","lodash":"^4.17.4","raw-loader":"^0.5.1"},"_hasShrinkwrap":true,"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/quill-video-resize-module_1.0.2_1561481556208_0.7085783062833195","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@classuper/quill-video-resize-module","version":"1.1.0","keywords":["quill","quilljs","video","resize","sizer"],"author":{"name":"@killmenot"},"license":"MIT","_id":"@classuper/quill-video-resize-module@1.1.0","maintainers":[{"name":"alexey","email":"alexei.kucherenko@gmail.com"},{"name":"alysogorsky","email":"alysogorsky@gmail.com"}],"contributors":[{"url":"https://github.com/killmenot","name":"killmenot"},{"url":"https://github.com/kensnyder","name":"kensnyder"},{"url":"https://github.com/Wikia","name":"Wikia"}],"homepage":"https://classuper/quill-video-resize-module#readme","bugs":{"url":"https://github.com/classuper/quill-video-resize-module/issues"},"dist":{"shasum":"f3e4bc2f6f112dae6b4dea72ae3cb06fa2e2e61f","tarball":"https://registry.npmjs.org/@classuper/quill-video-resize-module/-/quill-video-resize-module-1.1.0.tgz","fileCount":16,"integrity":"sha512-24ycXX27zs5ujpFdTPRCxUz/w+8l2XGjQZMI8B2lRDlFgIDo0xWUOvgalI+I+g4TfRgA5a9z+Vh7rzPpLeWXCw==","signatures":[{"sig":"MEYCIQCDhK9adlc4Nr5fV/PvLFqGkA8mEF8/hEl++amHE3sqzAIhANjDQ781YK09me+SIAHJyrRMqrFbclF8akac5jkBSkF8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":237753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEsH6CRA9TVsSAnZWagAAJCcP/2GsiQRmy6xm3mDg1iGG\nDFWxyKlPzAYONqjd+XrCUD/hMYB/gNhorIyhNYTeVFEVl4cBA2BFDdg1YkVI\n5DJCNZ8q8TFnntgJCeBQWMSRxcKQL+9kf3Z6j5ErDYxgUlnzGRSM82m7hXY2\nPhZIuUjLR2WivBpmfB++UTV9BEePyRQbVSWyZMpzHUZ6FdFjo8Tcc+J4paTQ\nYqxwYCaFMarnzkUN4oWu6gHwG6nJeWdW6CZVhfjMJZsNDN2UODG6hw/1v3oh\nJVWbr3DOaCCRKorlQiwfsP3MfiZ9AQ618mVMiHr2ykHzpTNndX5r+LxmtbVU\nJSw1M2UIsacpZJ0qqKT0B6MNypOmT5lIHKTR8f5n/TkUqfbWURyaGdMnwb5H\nj1g7JMECKBFTi5ZQ5gj3fKHzR7ICOzUE6OXhjePGRz5poXnBRzCTRQULPdK8\nIfjgmwnBlzvHf5B3g9L7ZDq0VTHFO3Io1URSNEAn/PuABizhcoJKyxg82Atr\n1817GzA1B6RKBehsvGSMioEI1ABXfqU8/9j3rsWZuYCPBa9KXS7qNFCFFDHX\nOwjGtemB+HaQ0cduf3uxZGhhiRWKskb31TnQ84NtfiS6iUnW86li9ExAlxNt\nfCMcPZQI+FeWLoweEW0hc7GTijc75MHq+ZxV/dJi7IWcA2q6LCxwOAy/EkMn\nYujv\r\n=NzLN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"video-resize.min.js","gitHead":"35245ebac78553444f668a6d15e88a8b1184890b","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":"alexey","email":"alexei.kucherenko@gmail.com"},"repository":{"url":"git+https://github.com/classuper/quill-video-resize-module.git","type":"git"},"_npmVersion":"6.9.0","description":"A module for Quill rich text editor to allow videos to be resized.","directories":{},"_nodeVersion":"12.4.0","dependencies":{"quill":"^1.3.6","lodash":"^4.17.11","raw-loader":"^3.0.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^6.0.1","webpack":"^4.35.0","@babel/cli":"^7.4.4","@babel/core":"^7.4.5","webpack-cli":"^3.3.5","babel-eslint":"^10.0.2","babel-loader":"^8.0.6","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.4.5","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.14.2","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.18.0","eslint-plugin-jsx-a11y":"^6.2.1","circular-dependency-plugin":"^5.0.2","babel-plugin-transform-class-properties":"^6.24.1"},"_npmOperationalInternal":{"tmp":"tmp/quill-video-resize-module_1.1.0_1561510394262_0.22054873640511707","host":"s3://npm-registry-packages"}},"1.1.1":{"_id":"@classuper/quill-video-resize-module@1.1.1","bugs":{"url":"https://github.com/classuper/quill-video-resize-module/issues"},"dist":{"shasum":"e0ec4085c3ad8b8feaba955da1020c7b8f005d20","tarball":"https://registry.npmjs.org/@classuper/quill-video-resize-module/-/quill-video-resize-module-1.1.1.tgz","fileCount":4,"integrity":"sha512-Mkf7xPctwrKfvcLlji67mxNL8LNd8jSfM6SGBnmZnCmmmjFFK9dftNEBBdmvPaP58hHlunDpLuwC3oxuPbbxjg==","signatures":[{"sig":"MEQCIFkyZdMr5SAL7awNcEzCm6SDj7CIqrT5ByxQRRcP/dscAiBWmIkBRLqFPzhtD42owmSkLdQmD5ThE2VuKcsY7aUHGQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDu+jgw0TaFM6zd9k3wu1ABl7U9D3IpMrvCYuj81ifIMAIgYKrJfzMXYqheX21WaMwA5KcWYiTInc3sVTjM9xyRFps="}],"unpackedSize":36340},"main":"video-resize.min.js","name":"@classuper/quill-video-resize-module","author":{"name":"@killmenot"},"gitHead":"46cb988f0d4de800f7a29a66b435ff90b67e60bb","license":"MIT","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"},"version":"1.1.1","_npmUser":{"name":"alexey","email":"alexei.kucherenko@gmail.com"},"homepage":"https://classuper/quill-video-resize-module#readme","keywords":["quill","quilljs","video","resize","sizer"],"repository":{"url":"git+https://github.com/classuper/quill-video-resize-module.git","type":"git"},"_npmVersion":"11.16.0","description":"A module for Quill rich text editor to allow videos to be resized.","directories":{},"maintainers":[{"name":"alexey","email":"alexei.kucherenko@gmail.com"},{"name":"alysogorsky","email":"alysogorsky@gmail.com"}],"_nodeVersion":"24.18.0","contributors":[{"url":"https://github.com/killmenot","name":"killmenot"},{"url":"https://github.com/kensnyder","name":"kensnyder"},{"url":"https://github.com/Wikia","name":"Wikia"}],"_hasShrinkwrap":false,"devDependencies":{"quill":"^1.3.6","eslint":"^6.0.1","lodash":"^4.17.11","webpack":"^4.35.0","@babel/cli":"^7.4.4","raw-loader":"^3.0.0","@babel/core":"^7.4.5","webpack-cli":"^3.3.5","babel-eslint":"^10.0.2","babel-loader":"^8.0.6","babel-preset-env":"^1.7.0","@babel/preset-env":"^7.4.5","babel-preset-es2015":"^6.24.1","eslint-plugin-react":"^7.14.2","eslint-config-airbnb":"^17.1.0","eslint-plugin-import":"^2.18.0","eslint-plugin-jsx-a11y":"^6.2.1","circular-dependency-plugin":"^5.0.2","babel-plugin-transform-class-properties":"^6.24.1"},"peerDependencies":{"quill":"^1.3.6"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/quill-video-resize-module_1.1.1_1790503498097_0.9924588022273648"}}},"time":{"created":"2019-06-25T16:52:36.014Z","modified":"2026-09-27T10:04:58.367Z","1.0.2":"2019-06-25T16:52:36.402Z","1.1.0":"2019-06-26T00:53:14.512Z","1.1.1":"2026-09-27T10:04:58.182Z"},"bugs":{"url":"https://github.com/classuper/quill-video-resize-module/issues"},"author":{"name":"@killmenot"},"license":"MIT","homepage":"https://classuper/quill-video-resize-module#readme","keywords":["quill","quilljs","video","resize","sizer"],"repository":{"url":"git+https://github.com/classuper/quill-video-resize-module.git","type":"git"},"description":"A module for Quill rich text editor to allow videos to be resized.","contributors":[{"url":"https://github.com/killmenot","name":"killmenot"},{"url":"https://github.com/kensnyder","name":"kensnyder"},{"url":"https://github.com/Wikia","name":"Wikia"}],"maintainers":[{"name":"alexey","email":"alexei.kucherenko@gmail.com"},{"name":"alysogorsky","email":"alysogorsky@gmail.com"}],"readme":"# Quill VideoResize Module\n\nA module for Quill rich text editor to allow videos to be resized.\nLazily adaptated from [kensnyder/quill-image-resize-module](https://github.com/kensnyder/quill-image-resize-module)\n\n\n## Usage\n\n### Webpack/ES6\n\n```javascript\nimport Quill from 'quill';\nimport VideoResize from 'quill-video-resize-module';\n\nQuill.register('modules/videoResize', VideoResize);\n\nconst quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        videoResize: {\n            // See optional \"config\" below\n        }\n    }\n});\n```\n\n/!\\ You also need to add CSS to disable pointer-events in the video iframe while in editor mode to prevent\n\n```css\n.quill-editor iframe {\n    pointer-events: none;\n}\n```\n\n### Script Tag\n\nCopy video-resize.min.js into your web root or include from node_modules\n\n```html\n<script src=\"/node_modules/quill-video-resize-module/video-resize.min.js\"></script>\n```\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\n            // See optional \"config\" below\n        }\n    }\n});\n```\n\n/!\\ You also need to add CSS to disable pointer-events in the video iframe while in editor mode to prevent\n\n```css\n.quill-editor iframe {\n    pointer-events: none;\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        VideoResize: {}\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        VideoResize: {\n            modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]\n        }\n    }\n});\n```\n\nEach module is described below.\n\n#### `Resize` - Resize the video\n\nAdds handles to the video's corners which can be dragged with the mouse to resize the video.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\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 video in pixels near the bottom right of the video.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\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` - Video alignment tools\n\nDisplays a toolbar below the video, where the user can select an alignment for the video.\n\nThe look and feel can be controlled with options:\n\n```javascript\nvar quill = new Quill(editor, {\n    // ...\n    modules: {\n        // ...\n        VideoResize: {\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-video-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        VideoResize: {\n            modules: [ MyModule, Resize ],\n            // ...\n        }\n    }\n});\n```\n","readmeFilename":"README.md"}