{"_id":"grapesjs-tui-image-editor","_rev":"4-67a7fdec8067262a6a7bd7ddb4baeb60","name":"grapesjs-tui-image-editor","dist-tags":{"latest":"1.0.2"},"versions":{"0.1.2":{"name":"grapesjs-tui-image-editor","version":"0.1.2","description":"GrapesJS TOAST UI Image Editor","main":"dist/grapesjs-tui-image-editor.min.js","scripts":{"lint":"eslint src","v:patch":"npm version --no-git-tag-version patch","build":"npm run v:patch && webpack --env.production","start":"webpack-dev-server --open --progress --colors"},"repository":{"type":"git","url":"git+https://github.com/artf/grapesjs-tui-image-editor.git"},"keywords":["grapesjs","plugin","image","editor"],"author":{"name":"Artur Arseniev"},"license":"BSD-3-Clause","babel":{"presets":["@babel/env"],"plugins":["@babel/transform-runtime"]},"devDependencies":{"@babel/core":"^7.3.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.3.1","@babel/runtime":"^7.3.1","babel-loader":"^8.0.5","eslint":"^5.14.1","html-webpack-plugin":"^3.2.0","webpack":"^4.29.5","webpack-cli":"^3.2.3","webpack-dev-server":"^3.1.14"},"gitHead":"e76e65cb9c4ecbb66c96207d79a266b88f1e4b4c","bugs":{"url":"https://github.com/artf/grapesjs-tui-image-editor/issues"},"homepage":"https://github.com/artf/grapesjs-tui-image-editor#readme","_id":"grapesjs-tui-image-editor@0.1.2","_npmVersion":"6.2.0","_nodeVersion":"8.9.4","_npmUser":{"name":"artf","email":"artur.catch@hotmail.it"},"dist":{"integrity":"sha512-cyaTaS6ecYWbMbYIX9bTS3alVStALtFSXPKae/WVeeYZ3vRavcIXKGUHPyItr45QIcGrGEOtZWt4riAwmVpMVg==","shasum":"4417087de01cdd12eec6cc852644a45b1d115c38","tarball":"https://registry.npmjs.org/grapesjs-tui-image-editor/-/grapesjs-tui-image-editor-0.1.2.tgz","fileCount":8,"unpackedSize":48606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJca0pWCRA9TVsSAnZWagAAtSAQAIdH/ae0Xp/3reY4oRMU\n4a2mCFYid+P4VmZVq8XJdmBwF9Yuyyj8AeN23c194/Meo929oNmQbPcqUlMW\nqRKB39P4M2ixWBFSaglBKveIHTYBMro09gz+GWAgjSBJ2XQ63FRsK7+GausH\nnkwvIx0vlOAx8L3SiQCBX6ZKh8M7OnKZ5ErLxWLxlUF1l+Ud8lVLcOgOGPny\nWCKwAy3vUp6oOMv4nhMwfN0YaNMV48lMXw6EAadeDY04DXBZj6+VMvIk5bdR\nR0RwT1fO6oOYFYdQ2xixxRKzpALwsIzcUraonflIyeBVhpjMOU0gcEdHQsfo\nWFWQKp7Q7PfYEm0FNTemhA3Mr5KN86mOs5E+Aotd8Y2e6+ajudbbFqygfuVy\n9WVLL9vEJcbWwIQhhQmKTIk+rtD2dedTMKuj0M0O8RxX9qIRklF3A3sU90D8\nhkKYgWFIFDZG4vN192Yf9fZbxjgIGZ1w1KYsdqyb1T9HzUCO+c0rbzQQVHBA\nKAqkUr+A0HYunczZXWmVkSbsclt5/C4TXvv//R0G4btOsenU5RNE69JLyKCo\nL2epq1jFjhoNJcjvSdsUSxVCI7NwOI5hqaz6zsmpZV/09JbYpZcuMEMSAeDy\nwy804KbhgvsbmwZEngw13kJ2wKp7XZXeVIg5/wffDRqLl2T4jAFFxIPTU81z\n4Fwq\r\n=09EM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCq41MrYrtz6fH6ZTGX+pmsumO5AEmN5HstWMoWFepiewIhAOAg4zEENdGwH2W9p08kI8SZx7VSoYSUYE8l62J097ZE"}]},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-tui-image-editor_0.1.2_1550535253867_0.19125283081611988"},"_hasShrinkwrap":false},"0.1.3":{"name":"grapesjs-tui-image-editor","version":"0.1.3","description":"GrapesJS TOAST UI Image Editor","main":"dist/grapesjs-tui-image-editor.min.js","scripts":{"lint":"eslint src","v:patch":"npm version --no-git-tag-version patch","build":"npm run v:patch && webpack --env.production","start":"webpack-dev-server --open --progress --colors"},"repository":{"type":"git","url":"git+https://github.com/artf/grapesjs-tui-image-editor.git"},"keywords":["grapesjs","plugin","image","editor"],"author":{"name":"Artur Arseniev"},"license":"BSD-3-Clause","babel":{"presets":["@babel/env"],"plugins":["@babel/transform-runtime"]},"devDependencies":{"@babel/core":"^7.3.3","@babel/plugin-transform-runtime":"^7.2.0","@babel/preset-env":"^7.3.1","@babel/runtime":"^7.3.1","babel-loader":"^8.0.5","eslint":"^5.14.1","html-webpack-plugin":"^3.2.0","webpack":"^4.29.5","webpack-cli":"^3.2.3","webpack-dev-server":"^3.1.14"},"gitHead":"4fcfeec16fc8372de8ead6df00ce7ac86616f938","bugs":{"url":"https://github.com/artf/grapesjs-tui-image-editor/issues"},"homepage":"https://github.com/artf/grapesjs-tui-image-editor#readme","_id":"grapesjs-tui-image-editor@0.1.3","_npmVersion":"6.4.1","_nodeVersion":"8.16.0","_npmUser":{"name":"artf","email":"artur.catch@hotmail.it"},"dist":{"integrity":"sha512-aArjsclfNu4HFk0GfCKihwVfHPcs0qsumTJbVvFOnyuBOmxUvJUY3qE+93N8xtegBx12z6Iz3w4LuMqrwV66dQ==","shasum":"74b00e72e6841e32df11194c0188e714d8c5cabc","tarball":"https://registry.npmjs.org/grapesjs-tui-image-editor/-/grapesjs-tui-image-editor-0.1.3.tgz","fileCount":8,"unpackedSize":49601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5BK+CRA9TVsSAnZWagAA37cP/3by3Vm5jTcnxoCuvxQe\n/kthYZd0iDoz45Zu67Ec+5XqunKAK9zHyH4WOe1+L1XGjQQWS4kPByIi3DQo\nifph7GeMwwo8dmpWARiUsFnjFgazEbNXpzgIEhWOiU7UTtkzYFcr+3aZi2kO\nli3SnFPqC/sburFav6DKgQW+A1Od/e/StyXln7PIGFH4YrAkohsvGGVedji+\nCt8t3jQnt6YzaV99vhK4X88jmXD+JHLmGd7zv6BRs0moBTxTtjX9r5beprqP\nJuSPX11D4JyDlWwRkUEupBlkSnjsy30YxC6b8PJy0gercnZ0INM5XEWLa1Iu\nSaPrvbE9FsS9TYfaxuib8j/GG3gNPVuyYbQiK0uUdNutmW2TM6zLBptAnyub\nRm2cesISncR50bIh2N6mXHa5OZDMJnXPvyqCqHfU8Gf9EBQXSW0VG/C+OviI\n0xSMs0CUsDCCNOuULWaM0sobSIMOHX1wcdgfBnoEsX448bUb3eg8RuCoW+X6\nBW6mrjkA2Wl45MVy0aUQm+oLLbQyF8pUSiGvJ4/yXezhZS+cI74CP2DIvWdI\n/gb7NbHL/MxCy3pbuwFfdQrB/NZZN5swjExlt/7I86EIGXj6tieA05sR1jzF\nuMVTJc7TX8vAr3MgfNaLnm5xiChKZ8vphtMJA4psy4+QL1MfScNbhB5QOcmD\nlTml\r\n=IvbU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQyfgbhtoPDJ7CAlJ1weG2ZZvDDvZjPC5w+ZV1ICXcAwIhAL7IBFT/w3aCukoQsglcREQ0em9bE1m+oFaedIeB3CqH"}]},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-tui-image-editor_0.1.3_1575228094117_0.6421412667127211"},"_hasShrinkwrap":false},"1.0.1":{"name":"grapesjs-tui-image-editor","version":"1.0.1","description":"GrapesJS TOAST UI Image Editor","main":"dist/index.js","scripts":{"build":"grapesjs-cli build","start":"grapesjs-cli serve"},"repository":{"type":"git","url":"git+https://github.com/artf/grapesjs-tui-image-editor.git"},"keywords":["grapesjs","plugin","image","editor"],"author":{"name":"Artur Arseniev"},"license":"BSD-3-Clause","devDependencies":{"grapesjs":"^0.20.1","grapesjs-cli":"^3.0.1","tui-image-editor":"^3.15.3"},"gitHead":"e400715511e348eefb938c513e328ce243a3cee1","bugs":{"url":"https://github.com/artf/grapesjs-tui-image-editor/issues"},"homepage":"https://github.com/artf/grapesjs-tui-image-editor#readme","_id":"grapesjs-tui-image-editor@1.0.1","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-6o4U7mXZ/3Gvu38Jzd8eBp00HXkrNAoVUNYfbZkmgDcuKJ8Db5blIq2hGNkpVHZombrTg5abLDnOZQtCdCHXCw==","shasum":"ad63123800fd88e12f10709e8ddb1e585de95ee8","tarball":"https://registry.npmjs.org/grapesjs-tui-image-editor/-/grapesjs-tui-image-editor-1.0.1.tgz","fileCount":6,"unpackedSize":31195,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDymnJYYVABw3LwuhoP0gWVZV0LmjVM4Aa7EJBF4GTrswIgSzpMoy/O7CzuEqSHrczP/4dKT4ADlvwKnzggpuwtntA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJZliACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb6Q/+I9J1n6n1v+vPR6p4Y6cZMgm+zz7NFeh3+Cm6NKM1GUtVALdX\r\nelFiCQu8/Bkl7A7mWEWueOvM1fX7Akr8V++FhDRhtx0MXF7NVFgR3mUiftqF\r\n9OzKS1SXJAzljnVYGJd/dpdv5WbGkgx1XQNvfoexJ0JnP0i38h1CZnAUax+L\r\nzUK4GPmJwRG5LOK33s0I8bJVm0fN7FOhj1AvDw0c4IJMLSkLdWf9WH3vVEgy\r\n2flunNzHuGTkDeSneqhL3R9rogH38sC5Uoxb0pEf83htunoPdfWojnkJE+dw\r\nuwHxdJFd8ed/cuOcKhcvPcc/ni+UqWiwjOd7BHJItfmOdhAXIzEGA3poM6vT\r\nPs6d3nWsdHG/oRFRtiz68jhXQcqNkVKIXDirc4YjPyu/QGHIcRXHUA49+U7t\r\ngpoLsIOlOnppvQjYd7A0vEJIRzj+iqz99TvqRpJ3AeRb+wAFUabdr7Fdi9jm\r\nbCNLlpUOKUPzPnSvDvxVin/YPeC5XJTqGLb0SlGQUTkyhIaJYZWVE68suPWz\r\nwYmfwa3f9wnnwVFN/SmSxtk1V/SWVP8obkMUp2MtpVEImt2lglWST4F2v0al\r\nywoWu2/8LFOGQUVgvqEl0uSE8oXjHX4DgGUJC35pmzr1G+YKRTOUuRcf0FCn\r\nWZ78ArcTPLt2WEFUijAmg0Kc4amQqWk9vYw=\r\n=tyuv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"artf","email":"artur.catch@hotmail.it"},"directories":{},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-tui-image-editor_1.0.1_1663408482337_0.6694435843621838"},"_hasShrinkwrap":false},"1.0.2":{"name":"grapesjs-tui-image-editor","version":"1.0.2","description":"GrapesJS TOAST UI Image Editor","main":"dist/index.js","scripts":{"build":"grapesjs-cli build","start":"grapesjs-cli serve"},"repository":{"type":"git","url":"git+https://github.com/GrapesJS/tui-image-editor.git"},"keywords":["grapesjs","plugin","image","editor"],"author":{"name":"Artur Arseniev"},"license":"BSD-3-Clause","devDependencies":{"ajv":"^8.12.0","grapesjs":"^0.21.2","grapesjs-cli":"^4.1.1","tui-image-editor":"^3.15.3"},"gitHead":"a9ad7aa8cd2015753285d6e7a058bfc3391eba1b","bugs":{"url":"https://github.com/GrapesJS/tui-image-editor/issues"},"homepage":"https://github.com/GrapesJS/tui-image-editor#readme","_id":"grapesjs-tui-image-editor@1.0.2","_nodeVersion":"16.8.0","_npmVersion":"7.21.0","dist":{"integrity":"sha512-cnKSYzzQV8m5mdvVGhhO9aO5tmtOZLR1O+12z2LqnBcYCvA1eN7ecEYqHT7qpRVH8Q84Nj2mmCn+2t4TvrkI8g==","shasum":"0e48f68b18e230558feea77a5a5c5bfcf3efe520","tarball":"https://registry.npmjs.org/grapesjs-tui-image-editor/-/grapesjs-tui-image-editor-1.0.2.tgz","fileCount":6,"unpackedSize":31101,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGdECWyIym8mLqKYreN+34jXHXSS8XdG3ISF59VGnMvDAiA+2hUMfgFwUZ2IXxnW4xEYAtP8L0AX4xDvgEj/D/tRHw=="}]},"_npmUser":{"name":"artf","email":"artur.catch@hotmail.it"},"directories":{},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-tui-image-editor_1.0.2_1686567670240_0.6381658455841677"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-19T00:14:13.866Z","0.1.2":"2019-02-19T00:14:14.159Z","modified":"2023-06-12T11:01:10.585Z","0.1.3":"2019-12-01T19:21:34.298Z","1.0.1":"2022-09-17T09:54:42.565Z","1.0.2":"2023-06-12T11:01:10.447Z"},"maintainers":[{"name":"artf","email":"artur.catch@hotmail.it"}],"description":"GrapesJS TOAST UI Image Editor","homepage":"https://github.com/GrapesJS/tui-image-editor#readme","keywords":["grapesjs","plugin","image","editor"],"repository":{"type":"git","url":"git+https://github.com/GrapesJS/tui-image-editor.git"},"author":{"name":"Artur Arseniev"},"bugs":{"url":"https://github.com/GrapesJS/tui-image-editor/issues"},"license":"BSD-3-Clause","readme":"# GrapesJS TOAST UI Image Editor\n\nAdd the [TOAST UI Image Editor](https://ui.toast.com/tui-image-editor/) on Image Components in GrapesJS\n\n[Demo](http://grapesjs.com/demo.html)\n\n![Preview](https://user-images.githubusercontent.com/11614725/52981724-c195f800-33e1-11e9-98a9-f071a2721761.png)\n\n\n## Summary\n\n* Plugin name: `grapesjs-tui-image-editor`\n* Commands\n  * `tui-image-editor` - Open the modal with the image editor.\n    Options:\n    * `target` - component from which to get and update the image\n\n\n\n\n\n## Options\n\n|Option|Description|Default|\n|-|-|-\n|`config`|TOAST UI's configuration [object](http://nhnent.github.io/tui.image-editor/latest/ImageEditor.html)|`{}`|\n|`constructor`|Pass the editor constructor. By default, the `tui.ImageEditor` will be called|``|\n|`labelImageEditor`|Label for the image editor (used in the modal)|`Image Editor`|\n|`labelApply`|Label used on the apply button|`Apply`|\n|`height`|Default editor height|`650px`|\n|`width`|Default editor width|`100%`|\n|`commandId`|Id to use to create the image editor command|`tui-image-editor`|\n|`toolbarIcon`|Icon used in the image component toolbar. Pass an empty string to avoid adding the icon.|`<svg ....`|\n|`hideHeader`|Hide the default editor header|`true`|\n|`onApply`|By default, GrapesJS takes the modified image, adds it to the Asset Manager and update the target. If you need some custom logic you can use this custom 'onApply' function. `onApply: (imageEditor, imageModel) => {...}`|`null`|\n|`addToAssets`|If no custom `onApply` is passed and this option is `true`, the result image will be added to assets|`true`|\n|`upload`|If no custom `onApply` is passed, on confirm, the edited image, will be passed to the AssetManager's uploader and the result (eg. instead of having the dataURL you'll have the URL) will be passed to the default `onApply` process (update target, etc.)|`false`|\n|`onApplyButton`|The apply button (HTMLElement) will be passed as an argument to this function, once created. This will allow you a higher customization.|`null`|\n|`script`|Scripts to load dynamically in case no TOAST UI editor constructor is found|`['...tui-code-snippet.js', '...tui-color-picker.js', '...tui-image-editor.min.js']`|\n|`style`|In case the `script` is loaded this style will be loaded too|`['...tui-color-picker.css', '...tui-image-editor.css']`|\n\n\n\n\n\n## Download\n\n* CDN\n  * `https://unpkg.com/grapesjs-tui-image-editor`\n* NPM\n  * `npm i grapesjs-tui-image-editor`\n* GIT\n  * `git clone https://github.com/GrapesJS/tui-image-editor.git`\n\n\n\n\n\n## Usage\n\nDirectly in the browser\n```html\n<link href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\" rel=\"stylesheet\"/>\n<script src=\"https://unpkg.com/grapesjs\"></script>\n<script src=\"path/to/grapesjs-tui-image-editor.min.js\"></script>\n\n<div id=\"gjs\"></div>\n\n<script type=\"text/javascript\">\n  var editor = grapesjs.init({\n      container : '#gjs',\n      // ...\n      plugins: ['grapesjs-tui-image-editor'],\n      pluginsOpts: {\n        'grapesjs-tui-image-editor': {\n          config: {\n            includeUI: {\n              initMenu: 'filter',\n            },\n          },\n        }\n      }\n  });\n</script>\n```\n\nModern javascript\n```js\nimport grapesjs from 'grapesjs';\nimport plugin from 'grapesjs-tui-image-editor';\n\nconst editor = grapesjs.init({\n  container : '#gjs',\n  // ...\n  plugins: [plugin],\n  pluginsOpts: {\n    [plugin]: { /* options */ }\n  }\n  // or\n  plugins: [\n    editor => plugin(editor, { /* options */ }),\n  ],\n});\n```\n\n\n\n\n\n## Development\n\nClone the repository\n\n```sh\n$ git clone https://github.com/GrapesJS/tui-image-editor.git\n$ cd grapesjs-tui-image-editor\n```\n\nInstall dependencies\n\n```sh\n$ npm i\n```\n\nStart the dev server\n\n```sh\n$ npm start\n```\n\n\n\n\n\n## License\n\nBSD 3-Clause\n","readmeFilename":"README.md"}