{"_id":"vue2-editor","_rev":"127-6bef0268033c3eb034748be94fb30071","name":"vue2-editor","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","dist-tags":{"latest":"2.10.3","beta":"2.0.3-beta","images":"2.0.42-images","alpha":"2.8.0-alpha.9","next":"2.10.1-next.14","ssr":"2.10.3-ssr.5"},"versions":{"1.0.0":{"name":"vue2-editor","version":"1.0.0","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"_id":"vue2-editor@1.0.0","_shasum":"0b3a27256d3efac28ae691e642f8f67f1478ef83","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"0b3a27256d3efac28ae691e642f8f67f1478ef83","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.0.tgz","integrity":"sha512-fsD5aovVjmu4OS/iFkkbTDOEdXJgQ4TZQTHYQw6fOvt+5LJRre63Fxl3B3N1PAh8qBMCMaqtt6HfZzMI0l1gIQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbjJXPfcNSvB/fS7C7doPwAc/1cxXRuffoRGcfmlRPwAiEAqrCgOKajaOdlPRkEOjKtoR1X679rPVmoqPVx6R1tk0Q="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.0.tgz_1479854587442_0.18304177466779947"},"directories":{}},"1.0.1":{"name":"vue2-editor","version":"1.0.1","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"_id":"vue2-editor@1.0.1","_shasum":"297a0e85dafeea223b3a953244251c7ea43438fd","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"297a0e85dafeea223b3a953244251c7ea43438fd","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.1.tgz","integrity":"sha512-3SE1JZwZvx+hzqzTig4dkxrRfeKgdFqVp08WGMXen/cAWixTG7D+c4+ulSaAhBXFvgLDBFiW7mT341ygwxZYYA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAN+oc+6QZTlrVfY/DYuhiZX5WgiVb7XNO1KIkLpoG3lAiB9b26dYvKcJA6iBLK7Vh2KkNLT64Ka3MtITUczQ4l3mQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.1.tgz_1479854693754_0.2863415274769068"},"directories":{}},"1.0.2":{"name":"vue2-editor","version":"1.0.2","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"_id":"vue2-editor@1.0.2","_shasum":"2082e6ad7ff89c8b05d04c30265ef88345e00127","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"2082e6ad7ff89c8b05d04c30265ef88345e00127","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.2.tgz","integrity":"sha512-/8IM3L5fyfRmi3r4Y91UqLx0vtJxsndGviuv/918pJ/TEcakKE9CqOrtc02TF0bEUaNqTsqiZsMA5osnMuqSKQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICezNsEMME6e6jBC+NqNC0CV5ucK3zYxNRTThvGSWSN+AiEA51Xqnp3uHHiQARrT4kNbquojFCIwZpa8U7c90ZNeP6I="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.2.tgz_1479860460629_0.29142926749773324"},"directories":{}},"1.0.3":{"name":"vue2-editor","version":"1.0.3","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"99405b54a1fc566773240e6666ef30d2663f8163","_id":"vue2-editor@1.0.3","_shasum":"618c3395b339c788c32a691c23893589fa97803e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"618c3395b339c788c32a691c23893589fa97803e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.3.tgz","integrity":"sha512-eeO2EcT44udaV7gyW/Y8OaY+rIWW465eT0Rx28UK4UclAaiSvt7TGaUP0n3noxEHiAQMr/QPVV+b5I4F74s4dg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC9y++hxeIbcKk2ni0VlFNZKZugj8trVMAPm0vYlPpEMAiBxdwu8sljECRBwxRN3uUhv28O5AdeMyW9FCSJPJBe4RQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.3.tgz_1480383133468_0.5176786738447845"},"directories":{}},"1.0.4":{"name":"vue2-editor","version":"1.0.4","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"ce7c5137579c4a0f332e1145c8590f79ff237dc1","_id":"vue2-editor@1.0.4","_shasum":"ddede4e4c704ae55a018a076a556820d580146e0","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"ddede4e4c704ae55a018a076a556820d580146e0","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.4.tgz","integrity":"sha512-jDi0Ag0MP09iMeLIiihJKYQ4/zUIdk+hEt4CegAVEcUnKAK5nbvjsJNLuIvb6CqsHZ3wVsXTysgkmDZUzPQJqg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdl9436EsHeE0x7zA72ufbR2iF0k0rya6k00uieiGdcwIhAJa8t+vA6pGvm1hcTCeTdpHgX3j5XcXeCWS8CSf1kDKn"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.4.tgz_1480383558610_0.9090112887788564"},"directories":{}},"1.0.5":{"name":"vue2-editor","version":"1.0.5","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"20cb178ecfff923990a918fe5310516f932bb98f","_id":"vue2-editor@1.0.5","_shasum":"459e9bc084b648eec4ba12e4d9f9eaf61dd558ef","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"459e9bc084b648eec4ba12e4d9f9eaf61dd558ef","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.5.tgz","integrity":"sha512-JiioPFVuZhQC/yIU2vZKJzFF9nXzMcWFCkG5gvB+TqaSuYpq+2WilA6vYkTRvSOyBmlcdvHZzXxSacbFom+pgA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDXB9/RuBK+5wfQy9nqybDr2ZkHS/mlSNzXZhvmNAhBgAiB+XdnSkGhHDQNXNuYkZi1NDn4c6FDPPJpWRZWAREqT+A=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.5.tgz_1480383792567_0.970530616119504"},"directories":{}},"1.0.6":{"name":"vue2-editor","version":"1.0.6","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"15c86d45d75bc2e1d509076add228d20b82d5a84","_id":"vue2-editor@1.0.6","_shasum":"b2232b01b4a52f88d9143fade157fa96624e1820","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"b2232b01b4a52f88d9143fade157fa96624e1820","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.6.tgz","integrity":"sha512-L4KajG48QKHqpuMHrr/qFPBBNIXyiEMf8rndRon4hwFT7CZEoLHnYXhD+G3RKOAFob25qzM+dLTFuJzLwLkfvA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCAHe0BJ7MO0fGB03XSroJFQqUZd7UDP2R0bw4gxEUYwIgG3sn9pP4sblvIpFtDLbveoNGsROueMzOE0MhmSzlby0="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.6.tgz_1480383998674_0.8843319972511381"},"directories":{}},"1.0.7":{"name":"vue2-editor","version":"1.0.7","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"d787a51ef8c1bbc897137fb383fe5d1e37398ff5","_id":"vue2-editor@1.0.7","_shasum":"c9bf2b237e20d465fd0f356a9c9c07316195baf9","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"c9bf2b237e20d465fd0f356a9c9c07316195baf9","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.7.tgz","integrity":"sha512-HeZgbpp0lacVUgu5AUvJ13XnwRl54/Vb0voBC0l4crf7cbum7+JSS3df3xYcnHFek+eb/rrwb/u9vwF5Y2xKvA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAtsrymvs4Q8kSz80akvEKwsQAzHZx+7fTMUEZsqLn/MAiEAnrmdSVfnhcpmOB3InRlGexomRdXyfpFLGpMbXkRA4Rs="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.7.tgz_1480384169238_0.16697848681360483"},"directories":{}},"1.0.8":{"name":"vue2-editor","version":"1.0.8","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"4e10d1c43801f872d990fd321fcdb1b863daca87","_id":"vue2-editor@1.0.8","_shasum":"aed82d55107f38f3c8ccddce0a881712cd17b1de","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"aed82d55107f38f3c8ccddce0a881712cd17b1de","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.8.tgz","integrity":"sha512-gaek8MB0pmbMih/Dw6an7Z2/a1WALX0eMzKwYr4vi/bCbdaKezk6tVySyXHf7mTmV6Kl9SU4Rghd3We2gjkvsw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDzJY3hRXQP0NAYKAf6zRSR9uAnvFcwSwYwdJFSGdRRVAiEAtC5lhwyluCCYfa569s0piQt57chbpkt4nt8aQ2Y/j2E="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.8.tgz_1480384341194_0.7786591073963791"},"directories":{}},"1.0.9":{"name":"vue2-editor","version":"1.0.9","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"8d1a4ac599a96bc894bc312aae01a3343db197b1","_id":"vue2-editor@1.0.9","_shasum":"20b02a2e4dbb403a9f2e74ed4be56bff36cd7eaa","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"20b02a2e4dbb403a9f2e74ed4be56bff36cd7eaa","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.9.tgz","integrity":"sha512-Gi/JIzE+OXlfdRcZA8mqgWc5jPqkkFkF1Aifhg/VZSqLdbGnI26XRuXshyy71dWwfdEWj8x4i9E9fCji00mT1w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDQoW7F6HYKiCj3xVp7Z5+kb0lJl6TuDB+yhm6XwpuseAiEAtPfew3x9zMBCV/Ag7OO6RfOmNGV+9f4HP4jBwUNV1CU="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.9.tgz_1480418895458_0.39728475315496325"},"directories":{}},"1.0.91":{"name":"vue2-editor","version":"1.0.91","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"7d1f76205872ddca0e9e34e62794b623d4520655","_id":"vue2-editor@1.0.91","_shasum":"ba573ad7224f7752e3ab5003824e5226ed64ce49","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"ba573ad7224f7752e3ab5003824e5226ed64ce49","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.91.tgz","integrity":"sha512-TxbyIfvG9Vj/zFnsTIM575j5l1KDZCkXXxht4zzLLtO4l/BBpBwkKDMr4gzJ9uY71RU18IWr7lviBl5LT2PDYg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCc4fnBqfKozJc0iHhkzITex9xRXrMmtw0+eJtWrDeKqgIgNhO1xyEfgGXc+nCpdxXZcAct9EMpfY0eKP9Zl78k8zM="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.91.tgz_1480423943076_0.20689679239876568"},"directories":{}},"1.0.92":{"name":"vue2-editor","version":"1.0.92","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"2215b3eab86208f6238c1d912db76ea128693975","_id":"vue2-editor@1.0.92","_shasum":"5d37ccea9de205a4286c2e75251a2d97377efc49","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"5d37ccea9de205a4286c2e75251a2d97377efc49","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.92.tgz","integrity":"sha512-4yYQ4tHQp2YRcJ71qR2ZAgIg6YJ90vTCQeqqvnBVcxscYSkyzlYNBT7hiTERhQ3EhSnWuQeL2m2oMpOT6YUItw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCIGmZ/eAcZWOOtPOt6qC7zDVVfmHUZqEbFv5mjjF0q6RSAh86IoOJfJp1P996PxQysCqvKVVvjIVAaGzlMTslKYit"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.92.tgz_1480424887835_0.19698201678693295"},"directories":{}},"1.0.93":{"name":"vue2-editor","version":"1.0.93","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"2215b3eab86208f6238c1d912db76ea128693975","_id":"vue2-editor@1.0.93","_shasum":"82db49fd47e41318437f9b69cd2b9e104a03520b","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"82db49fd47e41318437f9b69cd2b9e104a03520b","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.93.tgz","integrity":"sha512-o2atx9nBovxAlOqhagyOSSDCefDoy+Ou88T4ZvilwA4E/1GyclZbqr//tFPenyoa1fT89pXNmtrGzc1fHz54ig==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzJfGRwNw4DLuY0FHWlMsiOVHn9eURFANHP5G2UiMERgIhAK5E5+Xdlvakmds5SkuCJAFFQ1xkQtbWymVvG6Aj4vVI"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.93.tgz_1480450589604_0.2400090559385717"},"directories":{}},"1.0.95":{"name":"vue2-editor","version":"1.0.95","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/marcosmoura/vue-material.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"2fe307220c297528e521f225525669b0fa85961f","bugs":{"url":"https://github.com/marcosmoura/vue-material/issues"},"homepage":"https://github.com/marcosmoura/vue-material#readme","_id":"vue2-editor@1.0.95","_shasum":"587e779319e39a66aa33214ce53e64d1efad0f33","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"587e779319e39a66aa33214ce53e64d1efad0f33","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.95.tgz","integrity":"sha512-WxSyBqGGZ+1kDG9gdz8xNyRicsddk0vOhv60eIhrzlK+j3Zli9rlYL+mN1OyHGxEXYbfIb9cZN50OH9BtANB1w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZ3ymQNdyFUfDE01D2SMVZUHyFmLNlmBNF1KFx+gYy3wIhANqF5XC/H9nn/JmmlLxb+YO+TC0mk5EQ5mZn2LYxkgvV"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.95.tgz_1480495752439_0.017759027425199747"},"directories":{}},"1.0.96":{"name":"vue2-editor","version":"1.0.96","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"130cd9a387b6416957022c2d02fd128000036671","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.0.96","_shasum":"47a3bf04fd511109406bcac86ce0cb86c6a1cf1e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"47a3bf04fd511109406bcac86ce0cb86c6a1cf1e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.96.tgz","integrity":"sha512-p43aOe9wmVPRz+Yd9RR7XxqVC/R37+SwZbHzRJsseo415OkfGKNev7CnKPbSQZq7KfAOCr5beb+amokAyNm9gg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEQetzzK6oIuP21bfT1S8xn6cxfDqHQUG2YM1EfDc7HjAiAmsQppy7GJl7GAz7XcpHljFTjLDeLa+2iArXbuYi0cJA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.96.tgz_1480496103373_0.6867881426587701"},"directories":{}},"1.0.97":{"name":"vue2-editor","version":"1.0.97","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"84104daf1a522f617fd9ec66a2ea6fd7b21ec66c","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.0.97","_shasum":"2e7c99d7ccbfca43cba6fe81146fe402cf14afff","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"2e7c99d7ccbfca43cba6fe81146fe402cf14afff","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.97.tgz","integrity":"sha512-uCCPi/DRbxzu0tPb5gP9vLgZ+tRi+CHYKpyESEkVKxhx8MQgSXWbVDkMeMEK4EXpqhvsr2bUypNoU3mJsHrKzQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICh5X46YhhWG/AUagTMiZq7xxPx5szcGReOdw3RTeOD9AiEA8A9BYBuox7myE/eegCmEfA5M/KJJ0MiPfxEn2o8gcJQ="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.97.tgz_1480549446914_0.6605620963964611"},"directories":{}},"1.0.98":{"name":"vue2-editor","version":"1.0.98","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"4ee4dd09b8558f7a864b2554756676c778211e46","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.0.98","_shasum":"341aea9a6fd4eb3e8a7e703ce5a7aec6b1f1c4eb","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"341aea9a6fd4eb3e8a7e703ce5a7aec6b1f1c4eb","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.98.tgz","integrity":"sha512-oORzdoDi22ZAq6Ypq4wTN3+kpTIip+1gZGkdzkvXxykg5nfZCIVA740wxmuKO9PcGYQiUox/s07WFDJQm6Hwvg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALTzc17XfvT1+ToaGbkrPbwYuh9t4IXUzR145o3W0BJAiAPgqQGxY9LhdmcPYXLENpQnwFpTu1yBp3gjP6XdDILvw=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.98.tgz_1480558555006_0.8363207487855107"},"directories":{}},"1.0.99":{"name":"vue2-editor","version":"1.0.99","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"04ae6df4543339b49fb460314ab1cb312d23664f","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.0.99","_shasum":"093492b8ebaa212e7b19027ff7f5bec7c699e93d","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.2.1","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"093492b8ebaa212e7b19027ff7f5bec7c699e93d","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.0.99.tgz","integrity":"sha512-rfMEwk9cgQQqKbsGsVVL7OkhKyINNCBQkzzHvViyPZESdbpphz5vdWQdMultqnT54ueu4XdifLAzhm9cgK8W+A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICCQr+jVmYp6dUoPYsKVHR9dI6D+Q3AxcLcncmJt87hFAiEApUC8LBfi7U0GFcR4I7L+IC6AKVwFScQx3AberLKijxA="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.0.99.tgz_1480577174462_0.949774021981284"},"directories":{}},"1.1.0":{"name":"vue2-editor","version":"1.1.0","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"7cb425e1d5eac3238b14702499508b362ee3d4c0","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.1.0","_shasum":"cab63587ef6755031fd2329173d2b5309b91850c","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"cab63587ef6755031fd2329173d2b5309b91850c","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.1.0.tgz","integrity":"sha512-6q94+Tugjhr8WWkeof6GGdH8fkGKMl/VQMymuzExwttuhZ3Q++fw3uEl+4eOaNLqU+WtcUA/aF/RU5PeRniSzA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVpHpL5cVBfDANv7pWGHO/ZlZrcYjsQcSiBrUXKry+XwIgHGmbN2tTVFrl5mvHgRaJiPywE8CYaI0KbZYqrbGN1zQ="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.1.0.tgz_1486232932220_0.31242285994812846"},"directories":{}},"1.1.1":{"name":"vue2-editor","version":"1.1.1","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","quill":"^1.1.5","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"73043f92fdc9b35a39241a6ec9e9cd4c6ab2cf62","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.1.1","_shasum":"983772962e7b4eee1f973c84f40761010f739f51","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"983772962e7b4eee1f973c84f40761010f739f51","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.1.1.tgz","integrity":"sha512-n+7NJILJ9qwAa6oiR9xZdQFnl/f3Fe6qGQuYvKYYKWUvfj3jDGuGUjeiNvzbSBaZ7+k55wTT6M5t8pPII2ZeOw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSYxFvN3BwZFbQtcYQmom6Le6irBlgrIkQhC+bpY8olAIgKXKcpMZpzh2Mfk86jOjn9h4ysC3C9aTehWIeUqVG34s="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.1.1.tgz_1487953354902_0.12040588771924376"},"directories":{}},"1.1.11":{"name":"vue2-editor","version":"1.1.11","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","quill":"^1.1.5","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"9ed804ecaac7bd0c633f4eb7261ed6364ca2c91b","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.1.11","_shasum":"933fddb89d8869dd33d5e1a059f72d7446da6635","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"933fddb89d8869dd33d5e1a059f72d7446da6635","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.1.11.tgz","integrity":"sha512-C7/N7BqeTadZgZ3rG+d8IhpZ5c8pw9rJepg9R8ixV9MiUS+mMCZEd6/nXmV5goY7FQX52fuenOcw4NAGU+CTow==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEdg4QYbzvFTySU/ajVpV1G1qL5CzetfM5QN+gDpL6T/AiB7js3bWdyamjIr1363cCcBvKN0+HXezCiauCh7//00GA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-1.1.11.tgz_1487953967734_0.28450712328776717"},"directories":{}},"1.1.12":{"name":"vue2-editor","version":"1.1.12","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","quill":"^1.1.5","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"47cf79bd959c4c23d0d5f89e25fc69a76889cf69","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.1.12","_shasum":"edde00e6fb5549b1ec7e1fa564f37215bd8d386b","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"edde00e6fb5549b1ec7e1fa564f37215bd8d386b","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.1.12.tgz","integrity":"sha512-G/k8FRddddQxxrsmAiAZZ/aEvE2no4F3sWgqnVe1tTzyup2AAuqaiQmPltHnm+pm9/mSS+4FHs0rftIPnvcndQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzeWZJ2hn7xOTWtil+hm0faZUSGYo1krI2vsC1zTSs3AIgVV/L+14yKQ8Y+szEsoPJKjnY0XOu/fBdkWvog9S2+/E="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.1.12.tgz_1487954428074_0.3767260052263737"},"directories":{}},"1.1.2":{"name":"vue2-editor","version":"1.1.2","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source edtior","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"licenses":"MIT","main":"./dist/index.js","scripts":{"dev":"webpack-dev-server --config ./webpack.config.dev.js --hot --inline","build":"rm -rf ./dist && webpack --config ./webpack.config.js"},"devDependencies":{"babel-core":"^6.10.4","babel-loader":"^6.2.4","babel-plugin-transform-runtime":"^6.9.0","babel-preset-es2015":"^6.9.0","babel-preset-stage-2":"^6.11.0","babel-runtime":"^6.9.2","css-loader":"^0.23.1","html-webpack-plugin":"^2.24.0","quill":"^1.1.5","style-loader":"^0.13.1","vue":"^2.0.5","vue-html-loader":"^1.2.3","vue-loader":"^8.5.3","vue-style-loader":"^1.0.0","webpack":"^1.13.1","webpack-dev-server":"^1.16.2","webpack-merge":"^0.15.0"},"dependencies":{"quill":"^1.1.5"},"gitHead":"d7c1700bf063e3436183e9cf897aef0580443c24","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@1.1.2","_shasum":"45e423d60987322c06dee16661513dcbef5025fa","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"45e423d60987322c06dee16661513dcbef5025fa","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-1.1.2.tgz","integrity":"sha512-NpgzcHiosrzxkDcit8T2qCuXwty7WD5aI9cEKhwMzVMgirmgQ0zqO7jNBMbhg/JmuJ9I5Hdzel/p0vGJObvauw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBFHMeNUpq1QV+OF0mF0kpXkbK9IoWqDfq6uiv9bw7hAiAlofDRNEbDgHeXWJeGVf9Vn4V/J+KxKhpVg1cldsAzuQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-1.1.2.tgz_1488467820012_0.4428013658616692"},"directories":{}},"2.0.0":{"name":"vue2-editor","version":"2.0.0","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"ac683d3d7191cf5cdd9b8dd9a824da5950bb95b1","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.0","_shasum":"5b2a615920ed54793a91f7ce099d775ee4ffcb9a","_from":".","_npmVersion":"4.1.2","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"5b2a615920ed54793a91f7ce099d775ee4ffcb9a","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.0.tgz","integrity":"sha512-YHFLm0Xc5IaHvFkXeJNAoJ3XSnHJPk1FzsOTr8h08PfzjAe+2Ma7ipwoYU5syWB8s+SrvgoH1BEA8PySh+l3fA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRc6aXjS6/kKgdnhHonQWUw1V2Dfos7UHRV5Skx9vhkQIhALwqD4QWu7eD2YyiAXGbL56wtqJ8/JtxTUwhARUfCNHS"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.0.tgz_1491521383341_0.12153422739356756"},"directories":{}},"2.0.1":{"name":"vue2-editor","version":"2.0.1","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"0501d92fbf266f5ac62bc3202fadee7063e00d61","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.1","_shasum":"9f9a01c5db11305ada4be1f6576104a6db97b527","_from":".","_npmVersion":"4.2.0","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"9f9a01c5db11305ada4be1f6576104a6db97b527","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.1.tgz","integrity":"sha512-rRN4Du4q5KJ6EnGMAyZfSffJyy1f7n/pXuKgJ4dBcnXX7h8qH45iOy92bakuc4y8o7klKK40g0kMgue9HHbJWQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPX7P5/YXbtz7bI7ab61VtfHUNDr38JSaNvWfbeph9IAiAyA96Nmr+jS1YWBpz0YmdRyNiX+bTBOSHW8lDNt7fqnA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.1.tgz_1491674444150_0.6381955698598176"},"directories":{}},"2.0.2":{"name":"vue2-editor","version":"2.0.2","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"0dded6b1d1eb78dba7993ca5a0190fc4c6984fe0","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.2","_shasum":"90520b2c48f51e352d3ecd717d838145f3cb3077","_from":".","_npmVersion":"4.2.0","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"90520b2c48f51e352d3ecd717d838145f3cb3077","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.2.tgz","integrity":"sha512-rsNiSn7e9dnno/oKqDmMDvMW1+t+6yBMKZLELBwxFNCTsltbA8cjsQXekP6TxQVNlpEq6Naq13WC9nstM/L/OQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC17YdU1T/e2RBFGJ8eKHD1CzMXLt91NwehYQmgfzEM3QIgL8gbnkKwcf8kMabbh6DuJH/Bkj9+dd7V/Fv+Qvk/dpg="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.2.tgz_1492005445023_0.1365604647435248"},"directories":{}},"2.0.21":{"name":"vue2-editor","version":"2.0.21","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"deb663294c16a8f8a717fc9cf7e5bb84bbfa2b0d","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.21","_shasum":"be037f56e47038472713c33ec126de42d0b6f8fa","_from":".","_npmVersion":"4.2.0","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"be037f56e47038472713c33ec126de42d0b6f8fa","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.21.tgz","integrity":"sha512-nBuv9HvGFbP2w8QxzbdSH7URedDqscmJHuP6pFE4M7HUZkmAtExxld3vd9EyzqUSoY0Xm6b3i6WkxOR9efe77w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIENIsz0B2/Jy+tYhX31oT4kWsdOnVMdDzhhPG+mJ11cjAiEAwBwGgWiU0+mpjugdE8SukC29Jd1Rvzj/TGBwLjLXGe0="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.21.tgz_1492005944965_0.9427256037015468"},"directories":{}},"2.0.22":{"name":"vue2-editor","version":"2.0.22","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"24a63848b2ce93be51d44017430113d6152d33b4","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.22","_shasum":"c9eb036e48fcedfa6a2215ba7408d17f17fd8e82","_from":".","_npmVersion":"4.2.0","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"c9eb036e48fcedfa6a2215ba7408d17f17fd8e82","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.22.tgz","integrity":"sha512-dQDNwMXUgwVUG1NojA3/H7iphcUxpR1RFt9I4UNYx7TkkVo/tXGBgMvE2KqPTL4O1QLnBInP6ObHNXFFbD8YwQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2lYZlP7TfUr6m8PKA5wuIQvbSPZyqW0vIDW/6EFkUTgIgSzJexwX6Pj/SFg9Fd5uluPBbKQlnf5t3Tj2rmitx7kI="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.22.tgz_1492009232758_0.4862680691294372"},"directories":{}},"2.0.23":{"name":"vue2-editor","version":"2.0.23","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"c2011ff736ce0fe74452017bbfe65cf78dc81ddf","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.23","_shasum":"616cefa7d7dd2f1cb5c6ff489594c34198f11a8e","_from":".","_npmVersion":"4.2.0","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"616cefa7d7dd2f1cb5c6ff489594c34198f11a8e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.23.tgz","integrity":"sha512-3AQHw6Nkjlq+vFOW+NngPttIURhKcpdt0yhyF/ywAvvCEJhy33nY3BpCL13RCstD/V1hcslcwVK+a5laicHS2Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB8BbnF8Lx1OerwYBHGAjn2BERZYaUdiIxSVaKyrjJvHAiEAv1+p+hTjd6XMINz2lGDnbYSHug3UHM4biraz+WnNdgI="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.23.tgz_1492024224335_0.6178532270714641"},"directories":{}},"2.0.24":{"name":"vue2-editor","version":"2.0.24","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"quill":"^1.2.3"},"gitHead":"79209275462d7313c74bb7409d40e7b7949a7ed6","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.24","_shasum":"5876cfbc1c218c7d21d3f02e28de2b611e07c893","_from":".","_npmVersion":"4.2.0","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"shasum":"5876cfbc1c218c7d21d3f02e28de2b611e07c893","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.24.tgz","integrity":"sha512-5wEEUEcRG5Crr7JkWHsE3ZmiMOLir7s/00EgLzfarJ59VaZS2uWw5Ys72BS8krL6D/xxpG7QOJBYficv/iuGfg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBsfaojRUIFWart9sdapKnqWBrDuWTNy0lhoTN65WZrxAiAUqut47U0XIpA87KwoJ3LHYDbENdumIvMhF0LWFp8N7A=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/vue2-editor-2.0.24.tgz_1492055637520_0.6248934092000127"},"directories":{}},"2.0.3-beta":{"name":"vue2-editor","version":"2.0.3-beta","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"^1.2.3"},"gitHead":"feebc210085af17958a70d0ccb1d66deddf7b6c8","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.3-beta","_npmVersion":"5.0.3","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-1xh0YMVkBz4P5lSjJGcbSpgdhNPHGMZDLJ9mNR5mJuUyBAQrcynd2G+BpBC89IEuxMpr5Fr11D6oVz+UJip8vg==","shasum":"3ad9ed229fc15d96622133b333c245785160970d","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.3-beta.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDFMiRa8BaLfXtd68uLcSbtHjn9BufkS3YBrAm0HrwWRAiABLKUoFtQwnhK7O3f7oo6Nk5drPu8q+O6pdrgPCpZ1gQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.0.3-beta.tgz_1499900526031_0.9378805146552622"},"directories":{}},"2.0.41-images":{"name":"vue2-editor","version":"2.0.41-images","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"^1.2.3"},"gitHead":"feebc210085af17958a70d0ccb1d66deddf7b6c8","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.41-images","_npmVersion":"5.0.3","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-eZzEesJhaPnUbFUH/IrQFTofeDQn8hMM3nkOt7i9z9cGihgNZosM1YvGP50LH8Ww0l7CnrILhcqs1mL49hLB2w==","shasum":"52360e7e33576091ed50eb4ea45bb7ad10b9236e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.41-images.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD9k5yqSgFHyyz2YcBJ789lLBRhC/qRcW/0CaVX+zXr4AIgNxAqe/+fyCESLd+16wRtLB7jnLHoJZOE0DskDxXthjo="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.0.41-images.tgz_1500089964843_0.10328924213536084"},"directories":{}},"2.0.42-images":{"name":"vue2-editor","version":"2.0.42-images","description":"HTML editor using Vue.js 2.0 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"^1.2.3"},"gitHead":"80c59a7e85aaaf5702c5d8f93f340e10d0ed3b72","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.42-images","_npmVersion":"5.0.3","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-HCC6Hr67G54pMbeAN3sNvi+gNKMJv8N2wE8jyBhdhCdTdyqZxke3nf6fNR0b9zpJzPotghJlPu7Blx6YfIYFpA==","shasum":"726ac8ca6b789eb7c547084f82127c1a50c9762c","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.42-images.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDA6Mk/SGapRtT+8vl0MH6KWJszMz5pkrXHfLAINkkWnAiBswnlCq+cEBD/YzrDl6QrPbWqAaXL4nHrHujSBMqn4wA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.0.42-images.tgz_1500260132076_0.23175330576486886"},"directories":{}},"2.0.25":{"name":"vue2-editor","version":"2.0.25","description":"HTML editor using Vue.js 2 and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"^1.2.3"},"gitHead":"326d47fcef63c8a4d6d0f989ed6958058b45a3df","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.25","_npmVersion":"5.0.3","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-5aOOQyNTwzS8ixE+1CnfYV0znlPzm1bOOVUKMngKjw464qCkb/aZA2LZqv/K04h7qduhszgJ72bKW4B/x8uz0g==","shasum":"70b7b1c5fb4d5061fc335e80752b204ae612c11a","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.25.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH38B+VB6/B7OZ7XM3bJZoELGtnYsw6QPZ8/2fUaV3b9AiEAqCA1YGPhjiHfbSZVY3hoz4wo1QAo6tIQ9Dto8tUEPGo="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.0.25.tgz_1500261565323_0.3822361445054412"},"directories":{}},"2.0.26":{"name":"vue2-editor","version":"2.0.26","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"^1.2.3"},"gitHead":"abe4fc6a8428e7ff18974a96e53b0b59db5906fb","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.0.26","_npmVersion":"5.0.3","_nodeVersion":"6.9.4","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-cLamP2N/2iR3gHHMdrL8T6SfOmQqQGwPw8GOWenCVaO/nRb/Qlml/yQk3kzXoIWM7ycjm7LtFOzelyuP0PPGzQ==","shasum":"777e91f543f947264b112fea7483bde758e490ab","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.0.26.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJD5bPZ5wh7rlFn2K0+r+5hEesXuszh7jvQ5K/U9n7UwIgC1XvykDNPf2OSXP5AoHzAaamMst+K/wibgy6a3LZppw="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.0.26.tgz_1500261805559_0.8943744199350476"},"directories":{}},"2.3.0":{"name":"vue2-editor","version":"2.3.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"1.3.4"},"gitHead":"ef70c2f0f96a569ff5bd8e8126ef02f4e8f8f20e","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.0","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-VPkoYvKqkfWiDqYx7jTxnnNvVTiTQ2OVc9+qqxXOEmBOK/FH+uwv/R/Q1W5tleNKKbStBCH1HAusIb9NUMc7kA==","shasum":"bec94a0b4b8d99b0e6af59b7bd06a4a8243a20c6","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBBaXTIRxZrF5tnAQGrwZzgXYd81frk7Mh0tcKiI42UQIhAKitkCNrcVvFUZLgXPER5jBGijjBu0ThaEYi4A7ViJW5"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.0.tgz_1510011605934_0.2438390334136784"},"directories":{}},"2.3.1":{"name":"vue2-editor","version":"2.3.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"1.3.4"},"gitHead":"ef70c2f0f96a569ff5bd8e8126ef02f4e8f8f20e","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-2DHCXz8hzHZiuLfijqQ9iKPU8yxHObX7CARI8KqgZC43DiTGZSc+50S/hOSf/z3Gmh9szp5BCiG4p8a6CH9+YA==","shasum":"8c3ddef17a697038fde1c29b9a8b82fa6dd202b2","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHDzXsDZ9ZznnTkM2Aic228u8x0bOeKFAlgRPHHOYW2rAiAm3tpzcFD0r1caIdKBCgeCSZpFf77bTWShysA3WQ8T4g=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.1.tgz_1510031077545_0.2669719073455781"},"directories":{}},"2.3.11":{"name":"vue2-editor","version":"2.3.11","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"1.3.4"},"gitHead":"964b79868482ca50fe520f1e2a478a6b268eed77","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.11","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-ZRZDJxcG/5TdwKSPptmTaN+jPgQ5p+ArC+VJUMC/NdMv4Fkk9QR5c0JCPHGU9IfbJgLydqKbORTZq00hRd51dA==","shasum":"c2224e27926696e40d192c70018aae885489a17f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.11.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICL/TNiXT25ASAnQAUCzYm3KGuQI4lL88JrCadOyi+RlAiEAt+RB0Zt/tTc3LpQl6Y3nySfQ4ZXA1etREaHeFnJniMo="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.11.tgz_1510032630078_0.9256127220578492"},"directories":{}},"2.3.2":{"name":"vue2-editor","version":"2.3.2","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/index.js","files":["dist"],"scripts":{"test":"echo lol","lint":"vbuild -c vbuild.example.js --eslint","build":"npm run build:cjs && npm run build:umd","build:cjs":"vbuild -c vbuild.component.js --format cjs","build:umd":"vbuild -c vbuild.component.js --format umd","example":"vbuild -c vbuild.example.js -d","deploy":"vbuild -c vbuild.example.js && gh-pages -d dist-example"},"devDependencies":{"gh-pages":"^0.12.0","node-sass":"^4.5.2","sass-loader":"^6.0.3","spectre.css":"^0.2.12","vbuild":"^6.0.0"},"license":"MIT","dependencies":{"axios":"^0.16.2","quill":"1.3.4","lodash.merge":"^4.6.0"},"gitHead":"939ed7d94ba2b5e64c4ebf55afb9f1391a817c15","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.2","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-bNg8JiyN+vRh9Xin0zhNBEgIp2LDybRiLEdk3RspV10Dqifqufpgecgrm+Fi1rljc9XpbcxDwOJU1bs7/eI/WQ==","shasum":"d68a212d49b7edc79ba8b776d1079f182ccbea9c","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEX1WPQ8a/Rdtyt51NDNVfLvxRPPVRtJcqXP4b//VyyTAiAzHZV+zD76bNTZ4FXsak4WSh/eZw/cElQ0liRpxf9GBw=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.2.tgz_1516655580200_0.2112760564778"},"directories":{}},"2.3.3":{"name":"vue2-editor","version":"2.3.3","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"1b0ed56b73a93107a3b02f71987f4dd5f8b08b10","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.3","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-Dzkuw9jWThbZwco2kRmSGky4E832OIUn9KbCSvVl/pgdHhFDhThDLDoV0bQWL2o+EoTqITBpa0M+3QNNXUBMiA==","shasum":"1e4d7382e330051e17ef57769a1b1c802d994458","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.3.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfQ9A3owQEjqCuUi9QP7w2XjBXu/5QlmAJ6XvSDJkwmQIhAMM0FAam+RnXSCxgBPZ9qtarObKr7eGqDXrrUX+QcWiv"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.3.tgz_1516850125962_0.920874070841819"},"directories":{}},"2.3.31":{"name":"vue2-editor","version":"2.3.31","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"0e5efb677ecf1aa8fa54cf12d29dd55f8b8aa807","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.31","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-1SxA3I52X1tYNV4lz8S1Bb29f/jYw+qehUGV4fmp8XaABtkiWV4TwEuR4BvigD7q+zlD8N2PBzqvW8kgpnOiyA==","shasum":"e418f731e6d4ef73ea6ed16e0c722d7c11c14833","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.31.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG7zCGsyaxOTmJ8LvT4sGmooaDxeGoL1TCj7yNudfC1MAiADEl7IzVfBIRW/jt6ViQJvw+coAs0KBoYM0SdxFdocXg=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.31.tgz_1516861366792_0.5322508721146733"},"directories":{}},"2.3.32":{"name":"vue2-editor","version":"2.3.32","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"1fc1c4913e0c72cf44831ddedca0e19695226e99","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.32","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-6k1767XmkSvusxWK1U9H6OVomB2Tufdv5CpiebpO297zgMiD7qPaLCAkf7JhajyhasVGLw287/CbJVnNTg+9bQ==","shasum":"2a8017ac0e8b61d3c06d36ce6fb5b9484499fa45","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.32.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDl2o8u+Hd3XFxMTL66AU00elmzr+cQkC7WocW9bEaeugIhAPOEpdLLgiUKlA95idYuR68J/l7BkGmpsskXCTHlRriy"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.32.tgz_1516921044262_0.7049108005594462"},"directories":{}},"2.3.33":{"name":"vue2-editor","version":"2.3.33","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"50b582b480082a2cf7287e46bcb64f4538ada51c","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.33","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-ZqVjeA6MvBM60/D0tiFHamTSBkg1Ku/5CrjsO9pMypE8RqnGLOhHlitBN05xYSQYPm1TiCrtIO8D9JsU8ioXgA==","shasum":"a011074c0a00180b6bf13ae122a75aca8f01503a","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.33.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKQ00pyBe6x/ndMmbBBPfrrs+s100V5VC/hJqmEkGzAAIgcvDWh6KpOSxRupkkk5sndgtfVkFi7kMUYBWJMJLk+UY="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.33.tgz_1516945033360_0.9586923161987215"},"directories":{}},"2.3.34":{"name":"vue2-editor","version":"2.3.34","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"a678dde4cf23316ac8d92660c007dca79b295135","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.3.34","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-lLCsrsxlTBjr8EfO8D254c/acXsyx8q0LFZkKtBtiP9DXghsEeDAXR9oXXhXpoMzw7d2k9Lsl9K5yvHR+IK/CQ==","shasum":"9cb9cf1800adb42967447a29569cf25bde76d0e0","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.3.34.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/QsfC9rB1N8w0QmsNhPjw0TtwjlMa2AZXRy/o6Y2HFAIgWwjx98gAjIkJtONKn5ES5NOmGwAGttzjX2MzTNA6glE="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.3.34.tgz_1517039333726_0.4650626378133893"},"directories":{}},"2.4.1":{"name":"vue2-editor","version":"2.4.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"b793e99e36fbf9ec8b13eb65f2ef3be125b917c4","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.4.1","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-zIV2WnM4HN5fA9amoGdaIKidD5KhLhYm+m06puN4gnVYRsHzeLLOI080HTwiggxt5IG+g9CD2JhpnqeN/UnBQA==","shasum":"aa068ea769c52e611d518b1ad0359413b1b469d3","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.4.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEYKcI/AOhoVqIHp3hFzs6Wkw6t4dcEJblWwx1fYU8T6AiAWDp4v9n/xKQuzQmQ3CoZuXEjKTuVmYVRJPyAmcb2Pxg=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.4.1.tgz_1517712106808_0.22518310858868062"},"directories":{}},"2.4.2":{"name":"vue2-editor","version":"2.4.2","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"04e2c6a57747b94b8d17614783202d53a9b6ff79","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.4.2","_npmVersion":"5.4.2","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-DLm0LifaxSzV3gUfyobk2hJvotaUqMDtvvPLR5IvUrqaC25hicm+pYWaQNXvJ4AuQ/EOxPgCFHei8H6unBjF/A==","shasum":"2b5e134e80760d9aef01d0023588ad21506aaa73","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.4.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBitCTkjlChWtu47gs3Ty+xmbBoLLjfnGgZhoWYasmGQIgJEKopojqcOGQ7m+UsKKjIFFtUy5JeTw7eCWb0DcKfwM="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor-2.4.2.tgz_1517712371238_0.9195720502175391"},"directories":{}},"2.4.3":{"name":"vue2-editor","version":"2.4.3","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.5","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"18af3abba46bf8afb33c4ddd0dead6579a9bc3f7","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.4.3","_npmVersion":"5.8.0","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-dMUDtOJYA9wFeslYVfmt2l7hHoegzYmqAuaXMfyu7sZVTe1NGXN0qDOQDET8OqVlLpHlvRZ2FbHP4y8GoJhyIQ==","shasum":"4791db76637681da1111295299c0bc3f499f0d60","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.4.3.tgz","fileCount":4,"unpackedSize":297363,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa1tL5CRA9TVsSAnZWagAA/gQP/2YoXWCISyj1osYJtkMy\nNY+C9wR0mzUvCelDD3x4JvRXaAxeYYP3oMVb0QhbLRnMFHFlJURunyh7Y+ed\nU1X57jvEPOvEnoNEeS+nncvTdcaFGg0yjSaYxygx+viNjDS9ZvDOr264q9he\nFs+MsL189kcwW0P46sxi/v8WW22Q7xnqiGbRAnE8EWTiJ57u+XalJnM8CI7L\nlbBL6yWe2LbNhsqBhRl0/I9UusNUSlLmPPEwts1WObsRTnQBQq9I9qcYQRLT\n7Kz8TXhP5OT9inwriXiS3UULUUqOlmDrOkwrD8Oks3Iivb+WlUbRErAwUeRl\nRyKLoSfhuWJsKqgO9WgBAkOe7mogftvv6Tz1V4qR7QdlWuslhgmV+4xggP1d\nkE3TH8EbfMtGUF6iNLsmUa8d79jCbNBIlFn8PHidLzDsdQZPKbNRzpGoc2fT\nibW9gvxI0l7fHUfjZqmtd6lNvXyOG9oIW5TuGrNY6g2f590hRcSGU0pTN1vx\nJOHzg4hkD1/hvErbutr8eEQ0qqgyhkTisH6jvdPNFTJK7UgHi8YZmruXCgEq\n/wrmYLGuuPvZXlRklR8E/ILab4eOFVwI2tJ/8ZeK59K34pNAw+Dy6/YDeC39\nTOg+nPffFPtu2pr0UOgkhCbZnjipPclGEQKWKBc18G0cVOgKVa3D+4uGHz4n\nHWNk\r\n=kbmi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA+OL2LGWYIWIob4Rh8rGI2DrDonBJQ+PsmV6z010MffAiA0FqOPrgSYfkVmbqww0+BBFlWYg16sWL6tn9aagGffhQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.4.3_1524028151983_0.16241201040174658"},"_hasShrinkwrap":false},"2.4.4":{"name":"vue2-editor","version":"2.4.4","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","build2":"poi build ./src/index.js --library Vue2Editor --filename.js vue2-editor.js --filename.css vue2-editor.css"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"3dd2f88c32ce58d13746c5ed4a7a6d3dc175d5c3","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.4.4","_npmVersion":"5.8.0","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-6xcME1UHqNO494MXXzUOxbniHrlDWP9AoFsfZeJ8ISs/O4HvSoPyBuBZ6ZH8eUUy6+KniGiQhKQuAnBBmocTfQ==","shasum":"d3c0c39bac417dcd5f1094f1646ea952690fff99","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.4.4.tgz","fileCount":4,"unpackedSize":298469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa83AcCRA9TVsSAnZWagAA9LIP/2wMviz6C7skxrPNXdzU\nCylfAjcIBgOOcxz8VKZ+BlXqrgHXMLSU1n9XacYrNjQGD3kGqSZeKwLaU2uy\n6OI9SStmn7Iw/JuTUpNJ2hmneUo9ZEKLlw/PTUwMWyjUzsOCIhI5o8dRvldm\nojxN7s76J16RlQP2J/uCOLK5fkQTNTzNtyM9Y4LHQjvB9Lh/yOfZ+SiMuKq7\np62hFIuvHsx8nA3VjsoK8VfoNSRmBdrDWkm3RLEEFjI4pw8fbflm3LiDPujf\nlYx32zJ9ZuJcNyKLmRgbFyzpI1XgOPZmoDni31HeOwBZ9tcUMojIoR9fPjNs\nibX+qSBQLwtXbmxlJeOdOQQ0td8tYHWYZSHu9IntY+ekNYDJAGIW0Ux5NPgg\ny5QuFsYD5P/+wx4DVaxxZiRp1hEV3pWkFlLIYmZwFOSMhpjCe7MgJZBqMTtt\n/BzLP9j+9qxvhrZJhHGeSFKue6wOwSwJWqw2Nf8fiD5X+h0iRpPN1pl1E5cS\na3h7+rvYhWGzYoWmErfdpFd4TphHTV7rHhBT+qoszUSsMsTSgIKm2ll71Ylt\nLA7QrqkJnWyxEZu0Z4FA9xU8OITTkqmJV/mGbPeWOatAQUrkV5gvLDNnSjvR\nRdDiw5vkp66sLcGgCSM1YgO13OG87FFLc2XyjfT+eYkHaQgsyBfkdr34e4Fw\n4+9e\r\n=Lfv3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqJZC9j3FqTtJF1YO+Z38BZ83jc+bfhPvbqBYeLZv2BQIgY7MoZwQibb1gQPZY78oY6uUFCf4WaJGXh5PVi8A7ZQc="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.4.4_1525903387440_0.10029508705396628"},"_hasShrinkwrap":false},"2.5.0":{"name":"vue2-editor","version":"2.5.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","poi":"^9.6.13","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0"},"gitHead":"3d129e918aac62bd99d5c6aa038afc54ce5a6169","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.5.0","_npmVersion":"5.8.0","_nodeVersion":"8.7.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-6VR00/LFNJdXniyDo2OYUTJOsdRxLVj3SJVjUA0uVLL8IX68r3VtceHWoZq5jgmSpHP5YAE4HEeugdXITgeGpA==","shasum":"e35f44ce987dd737fc480aab086e4f5de3ef0788","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.5.0.tgz","fileCount":4,"unpackedSize":297344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbHIfHCRA9TVsSAnZWagAArQ8P/R+cHyZfB+/I+NyYddRZ\nyqxfsZFsmp0WQTviuniK64xx2Ucb5LF8gTzgLR6fx+e+5XIXbQxLaVJ8GdBB\nP1GBo02D0mdj6/WbhFgCsgTh8RtysHbh7laSh8FgTSAQ4vm9wklYZuxUNjDb\ncuWPXvN9zZIwTEd0Qk+Dxf5IYx8GSLj6H25Gm7TmFuuF5zpaoG40+d9cCf8Q\nPMfUod5xxBWT8/HuB9s3X/hlUuU502VOFsnY2YF+oP9kaCUuDZ6M8DgvZyIU\neDrUQ8UkyuAhgWQ5VqObXU751TOLmPJaNvCWviAHtMn4NPe/4L0phg5NMQIh\nx7gEy0Z/ZdltrdEcz5FM1hudxA06SFLPnY2ohwZ2ImETkqey8E0eyNeAqEU1\nIKDvuY5Wy+mQYexZ9sQpMxOh4Qy2KCE50LLxcr7JCDLDj0ZHnlqBwL9YsvKl\nLPMCorE2JTHH017Iwit4BmrKx96ZwoRVbu/FFu2AYNWzY9NO5rBV/frghHii\n5wm9EPlcRI4eV3vKNUhgORCFZEwrGWwcNZaCscPPAqWIZEGio5VxgnLTI7Z9\n6gRDLE83empucMSQRHkl3rHBTXnPcL6oUHhCvXlBK00OjnDSqmm40EbXY9EF\nVUtlxiSOl/zRCZ0dyBx5vmH+tM54u6v6KPU/+ZxBFvPKGJH03FFQpv7Pg8YM\n2WFt\r\n=bF+T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAIfUvfn2s/wKl0HuR/8dGZxM7XxRUSnP2G1EXNxbTBGAiALYImqMal029+CSGFzh6r0mxxoUBteGxj+Wblr61wTAg=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.5.0_1528596421661_0.013721755123168755"},"_hasShrinkwrap":false},"2.6.0":{"name":"vue2-editor","version":"2.6.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","poi":"^9.6.13","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.6"},"gitHead":"b83ed1adea1e48876e3a26c62b6d8899d2f2310a","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.6.0","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-CK2t4yx5FZUCGakJtaczikXsbFdmQQXvF9yHCFyFSQwi7pDRcJsn9OOlyiySdh8n+K081qiZb6X/EwT7yukBpg==","shasum":"92b95e828c22f810c2fe4b1e89b25bb52ad4852b","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.6.0.tgz","fileCount":4,"unpackedSize":298685,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbXtt3CRA9TVsSAnZWagAA5tUQAKSJ0WViGEDe5ZO/NGA5\nCdM4kVmgRFZsNAF7E1hQ4uEv3jB+qsKDobf/Kt1vt2MvAqRgQbHOwviPkqUq\nRl8gf1DMsVHLSz++BgOwLY/nUGTMYo2Psornhjk0fIHd1WVcwvlCi/9PLalR\nRPsttonKtjS17xujr64MIa2ijEHUNkyzqhVW2SSyOG2iGx7YnjC8SWClheeS\nQu3s+yv4y6ZX+8AG/N+dCEiUcGOCpeVlm2kTqXgN9uUIq00mC+RMTZZe2duA\n8fqD6C+f9bxR2F6YcbutMcM2BoJO2VWTcHXT0gQBBAcmQU8KMBAfOyMVzNNT\njP2Nazb29y5TflfeT+DhvDH+DEhMudEBZsVchWK774LJNjBAXN9zdv9PVT+Y\nyghKCJEOV+LWad4gUMYZomU5PLdFoHiv5dV/PEKNJyCVUUuQ1eVkAGiZqlsR\nii/d3JJ/zpaAZTKhXGwdbbDcftWFfL94rICAhL+QZu+2YUiMqMW/RbR6TjN4\nYUDvWLjem+pBV4hAikiAIoEg7V5cCx7DlTfq2syvuSYcBg4mNJxtD2AtLFi6\nm60idA05bEE2clnEwFq+Wb9Jo3D85IVHjjnnrYe51T1Hi9ylkChy5yY6z32x\nDDiGmnBEBsYe12kO1zFAcXlu1AAAq6q7pU2EEKuLMQhih3u/9C4bcpI9qxVW\nh1vZ\r\n=L3XG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHfb9/vBLbwyTrN3lnLSPbvGjfuB0/6BxWfmCCB8KUurAiEAzFYLj/iVhLJv24Jn5sAtwKdLefk2829WgGh6tnTBdEM="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.6.0_1532943223613_0.9140702656525244"},"_hasShrinkwrap":false},"2.6.1":{"name":"vue2-editor","version":"2.6.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"dev":"poi dev/index.js","docs":"docsify serve ./docs","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor"},"devDependencies":{"axios":"^0.16.2","gh-pages":"^0.12.0","node-sass":"^4.7.2","poi":"^9.6.13","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.6"},"gitHead":"38399c3c3993e48547b7823151611c0cd3c7fbda","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.6.1","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-4Wgd9Bqy8OsW6Ia6/jhRKokuXKvCeMCaPbsgejthZQjeNhSEH8q5yFbPzzg3aT7t4DZCZ7Quto8R3Ux1OJlbUA==","shasum":"da5c13997045faab0788b29fa46f48dd1020e345","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.6.1.tgz","fileCount":4,"unpackedSize":298649,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbXuJVCRA9TVsSAnZWagAAtv4P/AsTW5mMReClhK1Ic2/F\ncHpo+gxpYBPkBXX3LwDXIoj7umknNxBvPWlC+1/t69VVZW0qVb958rq5XRIj\npgq9xcp06yIEYWFVlk5RtLtlBpjbJ8F6TDjiS87hXSqipjasI+zkaEo7Tglz\nRcQwp8bKOU5E6YnTS2mzQeuaslKqLyZw7KZN1gcgjzz9A9tC3Cl/8cw5N4ld\nyHQqEaycKrhBuY4UFuuxGOQ41yNVNQWuYagTWj8S8tY9zpDvWTFk2VgiU7fv\nT8llBrmbPdGJPf2Pk8pIuqvlFJEMtElo2t9JLI6uXo+PrSiLwzs6Tg8m7WVE\nYNQXVOuKmkId5DsPrwN2YFp2EUuc/GtFJClgLLzoiIpDnlEKhkG8Sl9IzsUq\nJDVtizU2X3F0hFmR1CmfXl6neBLmfRIm+w5vdTUswD5I6PNk3Urmn3GbQSKa\ncwJeYNGevJSlGPMSejQYkar3/k+yErPimpn1SCn80393QWSoy3t3vL5R5VZg\n2/JSwQGLk+y/+aOLBObMVkuLR+CeVYJjtueDNmAcLT3TSavJvMXvRrB4vRLA\nDz4kLt5LZCmDKKZ+MZQMgIxHIb/bbu4dQB3ycypwH/6p6LV2WGAg3B8waA7C\n11X3l3378D1xMxWQroqP5V6GgXUlNHLbwrRN/EMfh69EU2K/gKnOdbZyDpUY\n4ooq\r\n=t53W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDG8uCxngJLVfyKbLB1FKUgVn+6KGMF1g9blX7p+xt40AiEAlL8wt4e1wj/W/eKsysPojTaP3QOpL/bX570VHEL5iPA="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.6.1_1532944981156_0.7419890894849515"},"_hasShrinkwrap":false},"2.6.6":{"name":"vue2-editor","version":"2.6.6","private":false,"author":{"name":"David Royer","email":"droyer01@gmail.com"},"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.js","files":["dist"],"scripts":{"commit":"git-cz","commit:add":"git add . && git-cz","dev":"poi dev/index.js","docs":"docsify serve ./docs","docs:build":"npx vuedoc.md ./src/components/*.vue --output docs/components/","doc:comp":"npx vuedoc.md --section API --output ./README.md ./src/VueEditor.vue","test":"echo lol","lint":"poi --eslint","build":"poi build ./src/index.js --library Vue2Editor","release":"release-it"},"devDependencies":{"axios":"^0.16.2","commitizen":"^2.10.1","conventional-changelog-cli":"^2.0.1","cz-conventional-changelog":"^2.1.0","gh-pages":"^0.12.0","node-sass":"^4.7.2","poi":"^9.6.13","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","release-it":"^7.4.8","sass-loader":"^6.0.6","spectre.css":"^0.2.12"},"license":"MIT","dependencies":{"lodash.merge":"^4.6.0","quill":"^1.3.6"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"publishConfig":{"registry":"https://registry.npmjs.org/"},"gitHead":"01d4d3ed1f525e2cedbf28dca7da04ba073f9f91","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.6.6","_npmVersion":"5.6.0","_nodeVersion":"8.10.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-jrJE7Wmwg6Vw9YXlVBJZLsS/3s5IKPQMZ/aGKJwVLP/xC+4DCAydorw1jUzYtvZofZhYLPS/VoMIOb0ZvOanLQ==","shasum":"567f7c2aabdd10d465756da7aebf568ee34ebbc5","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.6.6.tgz","fileCount":5,"unpackedSize":300467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbZjijCRA9TVsSAnZWagAAjVkP/2aIe3GOAFws7qK9a2Ci\n+OOLnVnJzATffFM8NRZw8JCL6lt2XKN2rhLqsk9+uFOu34v70UoJY8n+dTIV\nnbJ1BvR8Be2yy/8LdS2WP62EM0ZHxt5/k8k+bqi3pV2rbEyi+ejZqtTa/1Ux\n1ja4qM/bEGcv5gQ423+piNef62VKOL1wqvVBw6SJEHAfOWVROVFY28sZN/ZI\nVVTDNR7+6TT3OCSPUHEYbXcLjMtW3GglPfbFvz5tP2iZUiNF182jwktRBPdC\nQP8R777iVE+57gwRXFPxVoBqq/YCG4aBlTHDX2HjI669lwFclxB6ldo7SIPW\n+vHAxk7Fwa771W9Y3QLDbVi72ZC0NSJs1hkbSy6XOupODrIxSoj1Lh/S3CtK\nLUQhtPx9rXNfaE7wIE7m4+NnN/QWmbNf8/kVfK9YUcXzmdIeDF5l6xJR4JBX\n9yiRlmup0SvjKIxY+j/KBmp4iYeT88Vd+RcBPRWJpD0TB1OpdCgr9ZTjk7uH\npObG7IM3DX/ZVAf0ljes7QthgHT7Ialk/uhUFKuYb3AgPNnTNlv8YxCjiQ+G\n6+lPNXpSN+7xkaUkawVsp4CLbZvX0MYF7P5eI4CiNM2ZKHpZGWQDAFLGED64\ntH5t0w2963lg0iAbHz/mJwOJCJ5+KiZxJecyK2gXoOQ54Jon/1bx1B8fRcNi\naNG1\r\n=WfJy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqkNaiD9Qwy1wn3xFwcSbfLduVvDvaSgr+E510AasVEgIhALxczFkh+bNykPPT/SNQQdPh9/RyO+4syHiwvKFQy9//"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.6.6_1533425826852_0.7304322439027973"},"_hasShrinkwrap":false},"2.7.0-alpha.0":{"name":"vue2-editor","productName":"Vue2Editor","version":"2.7.0-alpha.0","private":false,"author":{"name":"David Royer","email":"droyer01@gmail.com"},"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.cjs.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"scripts":{"dev":"vue-cli-service serve ./dev","build":"yarn bili","lint":"vue-cli-service lint","release":"standard-version && git push --follow-tags"},"dependencies":{"lodash":"^4.17.11","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","quill":"^1.3.6","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-template-compiler":"^2.5.21"},"peerDependencies":{"quill":"^1.3.6"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"readme":"# Vue2Editor\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\"><h2>View Documenation for Vue2Editor</h2></a>\n</p>\n<br></br>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1) HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/)\n\n<!-- ## Demo --> <!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"3c6606d0d94a231be058ba07bce383eee51dc9fb","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.0","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-OD6yGrAcuOsfpaSysIR/A0NNLeK3RAUz8PfFIyjVtyrj33++QofjdEK1COoBP8TiV5XrRsuFW7GpGy6FBhuUFQ==","shasum":"6a33d430765cd2442450985bae0da40a0580d752","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.0.tgz","fileCount":26,"unpackedSize":1109639,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc2zHWCRA9TVsSAnZWagAAM48QAJniCSdAgKgZ9hjkO+4e\nTmautkIk6mpB+TEu5JItqvp9rZgoVzy6xpqD8mRY4JoXUWLHKeEXtJF9p/Dl\n+/QwuhhccASkHeAGJTIjaXp7SRFUG0/r5qwFU5kzeeV7hQOY4sSopHn2sRDS\npAWmVdTKNrqX2kmu+EiICLXefS+syJU7kG0Ggdd1dXfRgyv9beeFzA6lvRY7\naCTeDelEKv1s9GJNiXNUciz5n6sewJgKLT6z13cS8LKf5CcDi1XQa5MrBFGU\nb4uBk87kTMgR+tIEPSABKHTCenpNPnaEMJ1iR6epPXhJ/y3u8vIvnEFKnxwk\njgRtCUeztn2rASwflhC+P0XoJF14IceN+fcprWtWYUu1QcLv3/ekDq/r8Oxs\nUlhA/xQ7I2cgs42NHjLH6T7VGhKy1A0BkWsVPdoySitsoXsl9ULLI21sncuU\nsLj4Fb8/lydilIizJJEQVFIgFHDNiZdJ2PD1Osy6CQVWNYRzJWbvC5RDQYY8\nPLOlij0arXm7els70CWsGrvcOUIxXMT20DxSRt98OcnygBgV1YSqMgtUHisb\nWZ9YPftGx+/ymfP5s1kUDGIBjo9mCNoW9bj9HOqiuXJZcVuMIDdhaC7svX/o\nM0sOiC1MR9lFN1V9mBBoYVGj5WthjMHtMiBdcgtACSW6QgnMyCbk9r30QzGG\ndDe5\r\n=nkjG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKNB17JiOJ0gnQ/6vWPwjkNLrehMnmnHNKeT5J9Mao9QIgSwHWekBivBguSsf6aySiXlHAstjsy6z1XuaE3Z+E5T8="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.0_1557869013243_0.6636606409463099"},"_hasShrinkwrap":false},"2.7.0-alpha.1":{"name":"vue2-editor","productName":"Vue2Editor","version":"2.7.0-alpha.1","private":false,"author":{"name":"David Royer","email":"droyer01@gmail.com"},"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","keywords":["vue","vue-component","quill","html editor","text editor"],"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"scripts":{"dev":"vue-cli-service serve ./dev","build":"yarn bili","lint":"vue-cli-service lint","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"dependencies":{"lodash":"^4.17.11","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","quill":"^1.3.6","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-template-compiler":"^2.5.21"},"peerDependencies":{"quill":"^1.3.6"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"eslintIgnore":["/dist","/node_modules"],"readme":"# Vue2Editor\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\"><h2>View Documenation for Vue2Editor</h2></a>\n</p>\n<br></br>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1) HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/)\n\n<!-- ## Demo --> <!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"6d5ce87d78010d864090207397a84c8747e3b613","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.1","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-yBs/9SINZwpIsQbwwIbz+w2NYU9JM6Yl57ak5VFAlUsPDos7+/DlBEeWQcQf1a9CJQxrHCVYSCsFfkDglmPGWQ==","shasum":"910efde241b170a7cbdfb240e0850bb6abd93fde","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.1.tgz","fileCount":23,"unpackedSize":682518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc21ynCRA9TVsSAnZWagAA50YP/3CUVsDa/4Lh1IzPcoJK\ng7AEEKp2UXcHmx9+EZr6VXGZjwE4EqxlJKt8E5wuCxz55COmMZnP9e3pManP\nrXmR0itTujlfX25M+fa9HGoLMG3am91hn2ILXdHb7RaSLamIjx20X5x28z6n\noBHo/5ICJPWsaK4MHC48U05DRxuOFROe7VlPX4HsuAsNOHb3hAw51P0yhDZ1\nMDQdptuWpLeQQyNn+0K1O3W9x3pNk32RfT8uvL+J+0GvXNghwsu654Kyu4sf\nuHYvTgrwH+DQiSCpVXbzxDRkjCVpTyaZsFbyHcv6SMdFPHZ83cTgjqGD+oD8\nWpdJ5KlM02e7dW9mjveSaIIJ4azaoW3P8MexJrOLu91siONP3oFAXZZl9T4Y\nXAzcHH13yXnpIBh2gVLvzAeWX8N2xuIaO0CRiPHycMfwivujqx+h5VYp4xdM\n/6R9EUWOOn9muV8DUKmqZDbqNlGj1VW4FvxBTyQdc7+9vp2gNKcF8b15orEJ\n5pJ6s5Mth/xEV0V20fQF0mcaHik2vhSOSJbOY3vROWIEANoFD257SHKGbWJZ\nmF0Pd2lHJtfooiLACyRxOm9OxKoMhpXFMNosgQHDg5f9u8wkeHHMTTjsFsv7\nijpvNenRgMEZ2T6qWRx7BUCODrGdTn1rRReyMVNBw6eb0Xi3aH9t4vZQD8zN\n1Dwt\r\n=y+Su\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC5QK0/wp5pWgBvHt1RCOeIPr3FRZ1HVQJhOpsqU3io5AiBUPiboEtLaxp3qkouqObjU1T2VXZohEuknpwHaIinvlA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.1_1557879974584_0.3328634578070677"},"_hasShrinkwrap":false},"2.7.0-alpha.2":{"name":"vue2-editor","version":"2.7.0-alpha.2","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"6c41a0cf6b510da20069ba6330f61b9a7859fd89","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.2","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zMpRZO5j6sfA/UU6PjNQSmYo0vbvWiDf2EkC1srM1Rm4PF6u030Usv1nTTw3jS1TgjLZArUlkni7EBTOY7bk1g==","shasum":"2448d37488605c47bae0beb3a0a04e9eda046f8b","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.2.tgz","fileCount":27,"unpackedSize":688047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc2396CRA9TVsSAnZWagAARJAP/j3O1ycofnXKIjLdu7aP\nE/cKLUkZrMECqmAWqSrOSCQOEj4CEAA9bQ/nyN/ppE1uIP41FfVxpw3BvHvw\nllxXSzHAqS2SfmPvcP5ahsDhaVt6Ye2TgsmIrMnY1YrzxTf95TkJPNm1t9Hx\nNutfHvq/teavFn904rmyf4NvK1VxMvQvOOBRFvh6ocdt4qa9XKe2D7+nQ+0u\n753rMs/ygNBDBuQy5EXcHX1bwAgfd9xv5B2FyudSzXgbgGOzlsjGb/x9Borm\nb8dFLdL+aNlTtSMhpVkrY/oFR9PzJJipYayp3q/8SjLoxr6NfJGdAGLX4VR/\nOlqD81GC3+Qfw2PvAugXn7NBChYo5clJoVzsmPDe445SnOLWf8UNtWFbDI+/\nIXpjssiFWVyzfxJbBp9WDqre6Qe3qELEc82cSwrZwqsi646XGHU64XnpT6pJ\ngRGSDf+VS7CtUcJJxDYAblF216XGGTMRD6nX+71CBNGpSJ/Z0MNdhhfJyxRp\n998nRHTtPok+EeC73ot0WxNeBTS9hJHOxDDl+vURWO/E5BPUJEouHZcOjLXL\nwKMIUnk+glFsTOZ51JLA0OAwTDTfDtq9AwlKtiyNZGzLJpboGeI577wvp4Ib\nRMiyCML/GdekoEYIqnvKHYiF1zU1YIet6rTOlfeAusxxlJiVE1ytIvbsNFBB\nR13l\r\n=EutM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3MmW8euqJ3hfo+VUWzKyf+RRMJMKlAcIh1loYXRJY7AiEA6Pk9YkqAcJ6J+xWwTS17UeC8NwIEVn/+htyqZpYWEv4="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.2_1557888890073_0.4861902364101982"},"_hasShrinkwrap":false},"2.7.0-alpha.3":{"name":"vue2-editor","version":"2.7.0-alpha.3","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"f6780835f30a84aad6396850461bd9936df5fcb8","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.3","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-b+j1fCoMaSrEWuq8/G2XCDoTT14ETQmTUVRVuG+sSysAc/dg2IUpI0pLeu6uAISM+fPsRn0YQLa/yWfd8f8PIg==","shasum":"40e5c2618a53f1e872b78a5a23bf43013c61b701","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.3.tgz","fileCount":28,"unpackedSize":688694,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc24L+CRA9TVsSAnZWagAAAhsQAJLqIb7sgUIrQoOw0QdX\n0r4T1xq+Ks/dxXfIX2mWBHyxDXVrb5T+/mXZySUYUHJi5sUCO6cSfBCWCYHw\nbR/llxgzGfpHqUwOZ1gWbZFzLTuk3ftHl5wVbACdJgSZBmo7vf3VsgYR0fdb\nGL7Va2p2+sNw3cHnpKGcPrDVSa+JmVO7g0RHhqwwUzMii0/KCa7Z2gvc1iRi\nkdEdOEJDEOHObB8N3gH/mxgJCozm4vq60Q6ZjBfvCfR0Cg36S6wUMayQxyod\n4fBMxZ8NPPy83oJYiDo+apdHoAulnf6xC4AzyjABdyUVfPZLZBCDmRTkpPSa\nIStcbV/vhTDx5BKLBdOMmFb60k8rbMEPfguMCnKTFlgWRxjTWHasogdNaJHT\nvCV6LsNppUEcw2zBwpzBpVBivGaBuqtVWCcKuICszXur9V1oIgnwmBgkwci7\nD+qBGJxlrScT9//HJQFEIVTDoRbsryy/CpnNG6HZ6KGXE7SLefILgFnL8Z9i\n4ONhqa8UL7/6yljEtHqlkxvHXsRkOCXfopClQR1JTj0l/JIsoLxBKWs9tRc+\nW1JUMG1urY8vNPYRiQzBtARXNceGbhqfaP8ZwGZfpaLIoftgHlXSI0egxssE\nPDORA15Yx/WPyEQxehN0+N31JbclwBBJQmvtUuod6NxDA25LPgp025WpIxgc\nkAn6\r\n=1u3y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRsl5CDBTGkbm+lxtEAo3eZ4gYTbUXc0Tg7t5D/CSxlgIgWlnjf+C7q6CZtMhRhSxI+1acVEsMUFHE5ONVaxjsGWc="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.3_1557889789717_0.10370739534546636"},"_hasShrinkwrap":false},"2.7.0-alpha.4":{"name":"vue2-editor","version":"2.7.0-alpha.4","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"dc75246cd51df5ed89c71bbe3f687411bf9031a2","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.4","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-I3IVs6wHBWXnMgbOfeYFH6eccBTGONmDGugPPhRkhs2+rHRpuXDbneBhZJ11vTOKhQw/r44u7ULfBRe/KbmVng==","shasum":"a5360bdcbd685e47ce3c7a9f6e4e10d15f3e2226","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.4.tgz","fileCount":28,"unpackedSize":688698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc24+fCRA9TVsSAnZWagAA/FAP/3HHVdQ9Z4aHd1npa/05\nDck7xxlIznfIfcCiTcxnwOo2kHR5NRaOVeauOEeOwJGZJG8lSDfD0OO02jh+\nMObFiecvs8CmIz2H/TQWsgkVK7/hz4+GOEu5QG1LqJnCgn4iZGhADwFgOT5N\nzFOa0jJtINYQbkI+TtaUM4uJVDLDoA1xpvmRQmBaRiknzd0n2cyChHq3sl6E\n0RMN/NbVRthPjCE8D/9UgtXUyEZpXUFuVVO4rk3ItEEQdQlZsrWZZ4wEgElB\n5k/HNrmVghXCOThTPno9s6axm1EG312qG7oseIRsw4w/8xiouIt9t8SY+m/c\nYMz4/Zx1tmCFRo8eC+lWGH96ZVihn8ebMZ4PNeBja3UCkK/evNfpqL7w+zTi\nln5pmlHi+LbhrcezUaEn7h3zfujHOyRzWb+Bjbz+7UTD+7LKPBymcSzyyQ70\n9iO1M2+4dCGB15GAiofGsRIN0Or5F5v9etNtCFQf+UH5TIK0AT8boN9fX2mn\nF8ZQJfriVH6PlKNY0SWhlgtswN2d7YpUR+8pAASp10v36LUHf/Umu0ln0gW1\n26hAiorID5fuBKaik8Yq0HBC4Pckqz/zMhXkTd9Bt3rKg1l03z8irzNA5ets\n4R840gBsVHoQJNY2z0+4L73ti91stEljkX0gfD3khYGQ++jVOp7gLnKxMOHb\njUxB\r\n=Z3E+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmuZMvsF1t1yH29e+YRzbrHL6sZxvJ/MbZMTG/ILWFWgIgLBKZ7bj7SOjEWzPc/EO4nv7I+da6tXvyaLl9FFni6l4="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.4_1557893022516_0.7045809079879177"},"_hasShrinkwrap":false},"2.7.0-alpha.5":{"name":"vue2-editor","version":"2.7.0-alpha.5","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{"quill":"^1.3.6"},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"46eefb54ca6b6d6f23a3070b33c50a394224da0c","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.5","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-B32COk0wWK9A9FEQ8vUKs+OAJ5Xx/CkCUE4Y3STbQJly5I1Q1Susl10fmP6J7Dtl4POjmsz9K1+LuzkP+9MAHg==","shasum":"022b4621525d00545cb5993e0ab08c268dbb842c","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.5.tgz","fileCount":24,"unpackedSize":44541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc26RpCRA9TVsSAnZWagAAtl0P/il0NTl2GSHWJeTKgD/F\naXtEKCz3jwCjjVW+j9LNNH+a1Bjy/vV6V1Z+BvM7Fx6V24uAOiD0sGNWnqPk\nViNBL1PB0vade6IMo5tYsMs8rxUWvr+aphfHgOe7vfjDTOWFJZM/oF3Crhk1\nobuMeBBz2PPaqW+oIDod5uGoHAqBlBalpyy9iTdA6bQhmB9uyjjnDikt4+vH\nF+RgBdnE4OYiEcIQuuVzKaO7cQkmkgr4TBf4nqscx3O+ljqFpMtjp6RuXHZU\nKVgmVc8vUUVbQAgnmp61ZagbYsLLlljROf74KtKctlmnDXd3yvNUZLYGzELL\n4vBvU1CNYTbDTkImIdez2U+7ggSOgav/WXWTVmrLpOvx7BIsVXVKMrHkD3bZ\ndOD0eFdyo3Z1HkW7iqFWJaek52ykou0e0f4WK+plMpog0lYJwRGG0CacUnYo\n6/F2gDe27eiZuJ6dauiskF2PN9qkntWNeCwqgNSy0iWYPmXc/uAIL4Xzxdzo\numYwGhX4VaH/5IG8X6ykIjDA8qAO+w9ICEltntbFFWA97KK3j7clMXvzqHNW\nz4kdosAmf/GkAxfOUExuBXA6DSij/O1jUy/no30AAHEYlfILxO8vxC9fvXR4\nYMdovKwY8IBfaPJjc82EmTtRWvRulyrFiUuvJZ/eOQRTTQUMdm4lbfCTgH0T\ncems\r\n=FtgK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh2ecW/CDNZpS+DSerHlyi4wLXHg8qjNHnwoPM5ScGdQIgUjjJ8/6vSbvxgq/P29SE9Y7cW/vd/KLdz7FyqvbUItY="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.5_1557898344613_0.6200846351834961"},"_hasShrinkwrap":false},"2.7.0-alpha.6":{"name":"vue2-editor","version":"2.7.0-alpha.6","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{"quill":"^1.3.6"},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"e8b3fd1c7d856eda314cc750df8789a11beec3ab","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.6","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zOqRJipdFHXwlGyuDxiTkOUs4iHTPdn1UiTzodhIgmsXMLaTI96QiN/oWJicFeKsY5+np4iGhMKZz0rLXcbO4w==","shasum":"79ff0ad5074522258eda78febb50356af7855341","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.6.tgz","fileCount":14,"unpackedSize":86233,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc26a3CRA9TVsSAnZWagAAFx0P/RgYLEF+zAMVaBxp9Ukc\nGEoQDhDdOauRj9X+dJzIgWZ+Bd6TWv71eqJfi4ojsfbEmoWdnQ65Sri1NgKg\nOCRqkf6a96WHgMTTFooDoyK2ikCcm548Wk88waOTVGkXPrR6IitVbYNHfk0+\nyXMC6SCIGQPxMZYYGQB6FOfhuSx9XKbvGPPWM3jJ1Q216uOSQFv0n5kXHmwR\ngMVWFkhaKZ006Hyn5QSKdaSzKRpBxAeotqhSi2+HvXY5IUmkAAJGV61g7UyC\nCZVR1bGydywu1rrfab23b8niH4c5P8A620o4sl8KuSkiXEK8n0kjlyW35WdR\ngkCxYrZYE18INyG/V54Mt7sLyX1CCHTcIA2fOn0XTDCL3gjM3kpm10PiinCh\nMYXaSzoKTH8HL4uYGvbv3e/uIvzUV+gjbkfebD+Dzk6kgKgX40aKwmC/ZlEK\n2P3djmaouoEpMfXz9ydCzErNeZQZPI1tux9r09xCk5ET4V/BPdnOlQCV8KTb\nXNPgQHz9OSXYYyoRhsDki0Ir/LEBdBDfVn/oyh5aNKnNvSlXjsviph16PWF+\nq7AYz30JmQBNCIbJXZyjKxQ5HRu8MPU7nFAdMucKmOPTBC/6I62CqfMDGkS3\norA5TxcIxdHDYWYZDaQrPnYV2Ubpxnda0jW6I3iotFnqfOKQ/Mxgx7NQQTI5\nak+P\r\n=q42F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcf1D1uNaL2OrGzK8RT8IoWN2yPt3x1BRA7GHB74P9mwIhAIcw9PQtyGxxWXfDte6aRRAdbY5h4xcEqPzAA7nhqnLa"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.6_1557898934959_0.43295981008473605"},"_hasShrinkwrap":false},"2.7.0-alpha.7":{"name":"vue2-editor","version":"2.7.0-alpha.7","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/Vue2Editor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"b3d71ba6113d41a1f7c4837fc706c119e4510e0f","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.7","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mSxAuO6w5eAl275HWAQz6NsEQfYEE6Y/e/oHWsIIP6oCiz6MhAiSOJUqR6HgCYSkCij6jz4sM73IqIT9HxP72Q==","shasum":"140cbe3312fd37000e2aabeffd865ee581a24bf1","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.7.tgz","fileCount":14,"unpackedSize":86349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc26lZCRA9TVsSAnZWagAAeSgQAJqbnV2xjzvnjMqeotwr\nXM9TpN1VieIqDkbVq/V4OaW6+opWM04zo/1ue52fsDOYs91PcJhqmeL/K0/l\nVDVA4sZdYp8uh0GlMZHtm/tzFShAT6Ji/u16cbJrbXbJomh3K5Dad19JyGG7\nU+w2wLhgc6FNjNBCkL/qktvqMlfJnjg1e1iWRd2XPcqJ3JeLhQG+/udtuol7\nBS8CQsIqI5jiLTerphphpALT8Ivw+T55SZ/zTRmSTHxHb8JsJP3TOFYZwzdb\nTWYVoMyZLDO5a7SZXoSQevPnkezZaloGirogtj6FgBQIr0Apv+laTe2AIBt1\nmljPlakg9hvPGy6025bD2wSx0LSo210as7qhlVYaB0e/OtuLsu2osIu22d2P\noS2hsyF4zpLaNhRD+ebeMP1MrIsGnI8IG1syFr1bI0D1hmsvP6GE+HPv4GLc\np2QCayDLxDWetHfNgG1Cjai6/hDRNIO7LZ/W6ZIyC0rpLqzmqiYrqmM/kKWn\n3SaPRhQofvzkC/6UQJg6hzpZ6UGPt3aI8mpcGsaxLaOVaYE3zE53pBXCrxY7\nF+ZmT/bZ9Jdf3DiST+58kof6OjaWnZc7s8WE5lFXyxDNGCRy5ep4KQBZ1NBv\nbXnOUVASUGfuxA51C3M1Ux9a5gtW/U2y5TOueeJWiDXQDYa47uLAN+WFpgao\n9P1H\r\n=vl/q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCSMk5soLybNWX+i3sguv73k/fG/+YlnGeaL/f2xF1lSwIhAIkS5jgRtuMcXKjY0D92m+WZmVX/kvdXzvAB6xOT+mTy"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.7_1557899608385_0.3071985747518289"},"_hasShrinkwrap":false},"2.7.0-alpha.8":{"name":"vue2-editor","version":"2.7.0-alpha.8","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","vbuild:lib":"vue-cli-service build --target lib --name Vue2Editor ./src/lib.js"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","browser":{"./sfc":"src/components/VueEditor.vue"},"unpkg":"dist/vue2-editor.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"95ff9f1348d9ab58a69dbf125f870b8e97e900d8","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.8","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-xiRYhfoQrTKVtzAlOWygF0MMYBeS9Dp7j7OElLsO1Wy8FviceuKkaf0rnyBgBfH30ZaKdpSk0gEp/7rZD79Xgw==","shasum":"5a95d2e9613dae9fea84184284b85d137163939e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.8.tgz","fileCount":12,"unpackedSize":38285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3a4wCRA9TVsSAnZWagAAUJsP/3v8QDrDA0dB351MjRU4\ntuRE17KY7M/34zht0F+fxhBIZfE5Ab8cwxdbSoYvRjnw/4MQnHO51/W/8xdj\ndkFrWkIN+5lpi3GxEYSbyWLmDndf+LiqtRDk1aKGG2H1eNYnOxuqpw26CO9S\nhDaJ8aQo5RECRxI20neZ2kLgA7bVyV2iAYNy0AaLJ5EV2yqe8U01KU9gUTIw\nkFisoVzWS+SxncMlqV570JnUpkM4CZQn4MgwOhtHB/ZuG2NpkRQkD3XsyZK8\ntktqDOcUAkwWjmaYpR4NfVDpvFDCUNEamsyi16fMZDvW4TiRtOfqSGUhRoJu\np1OcmSVFkxFYD2QIFCvWtMH1pV13+6HnVU65Kd9YA9ucj2quwhpomSMGWdle\nMbKiQ/Ybv3JFXGEkopmNfh58ZmxNzo/i0F7GyzRSTsMOfG8YIM0W86Ps3pYf\nPHqbjc1SxwKgKrM9CxnEzCrEaB7pGbEmNbXpxKK/KuodMpN1LAuhpDnMhqe9\noWIPD80f9x1l27GvFgzDyq+fbmiue2jilJyj1nzTvcmgD55xfqhxdLgJyzUZ\nMbS7ProW1pByOMP4o9XwYFlDuQGOU9V21QwgOZSYV1QaTVMRW31FQ5vcjiJ+\n9VcWzTCQRIwe/B3VwF1WqoGoxOf0U3+XZN/x4sS5cN4sj6l3Q3qrIEOhAEtw\nKFwT\r\n=rgXP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBDKV58SpdV/c63SvUI2ffDaZSdb1Am6Of5TvgNfxUtrAiEAk8O8POHCvTzeve0OqwVOSWexiqw4CBqgCLsmbwisLnM="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.8_1558031919462_0.8337045279994355"},"_hasShrinkwrap":false},"2.7.0-alpha.9":{"name":"vue2-editor","version":"2.7.0-alpha.9","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","vbuild:lib":"vue-cli-service build --target lib --name Vue2Editor ./src/lib.js"},"main":"dist/Vue2Editor.common.js","unpkg":"dist/Vue2Editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"0dc50f81b93eff870449b0f5a428a1690c4c6f4d","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.9","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-UXP89gWu3M7A3/gWGrzKeZxoOf0t3QOKOAyy3G1Do5OuLwBudlcOSqbdAtiF1W1+8Bp8UHWORV+WCQSOTOYIFA==","shasum":"625cd2332a900d0c45a6455f00e34371c746bd5d","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.9.tgz","fileCount":13,"unpackedSize":678190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3a7ICRA9TVsSAnZWagAA04IP/2+S7KE1f+rHz96+g2He\nCkvG4NgInGpMaF54kKyQEfNOPgra761L81Cnstukrv4zIQ4Txx4Lh6tF51n2\n52tz+GbyLvjgRjTgijyoKAjBQlXrof1qgxOJK2CtTGrvV595SIaCGVWewPHo\nrzE3ttFN3mMxfGqanHBXj6H0yzDJzvl7zzuKgaSzLc8qjtxr9dx9Y3kWacF2\neHeGppW8ZX3fuTGGK4ovGIEuqFz6GIzjfdOU76Qhr2t2CeX1IMh5OcKHMn1x\nUOicPhU5ei6CrSrPK5cmxs2HxAyknTyFMHn2zMR0bLkEqljMf+3TeLiCB20E\n83DPYa471k4jp1mp85WQ1rI4qCSSwfcaPzIIPjlWog8Ghktq7KUr7wcZ5Ibi\nM1PLDYqCIw6/lb8bIdpOJw+VKnPKgCk9xuFOIoEI3HteYoxq8aUq842/Qv/k\nR13V2koVGia+G0uiL3Nno9SUYwXdagDVGDCMxBLiWgc851gdSggUiOpHQA4k\nhUrmMzfdUbl0Gx3YGGdUzLfoKqWnjL99qNQt9QDpMsgEtThVEeFS8Hum4nwg\n+YH5fc08w4dLRiu6eIAp52i0eLG9NucB1k5gTJb0pekaXmFjmy6XIVwuoIet\nDy6153vRM50hayEgnFIvKUz6Q1CbsMALF4cYem+Txy/C9NdnbIRBwmaXnk4d\nQnLc\r\n=Fzn3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGINc8ASqzMEZpb3jCgf/fIMF3PD3vRBIJrKb6YHjymbAiEAnthtgQeuyPAIpwgBUWj1pojoxvyturPOl1ZnOKiMONw="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.9_1558032071784_0.2021744155554861"},"_hasShrinkwrap":false},"2.7.0-alpha.10":{"name":"vue2-editor","version":"2.7.0-alpha.10","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","vbuild:lib":"vue-cli-service build --target lib --name vue2-editor ./src/lib.js"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"e36f754519ee86c47718003797409d9ffa9ffbd7","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.10","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-Fhm0Ngs5Gqn7Yd1/9zBH8gYHk5jjo9QRJp4SPRkfpZHoSZBydAXbJoEaiCqZZXlLsWpUD60nMO0YunbP78miYA==","shasum":"6e4621a77a7c1cd4d068ea377d9af27a6e09874e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.10.tgz","fileCount":18,"unpackedSize":4143186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6GXHCRA9TVsSAnZWagAAkl8P/2Vjje37U72TIzmpWBBJ\ndqXOyHBQhO9fu1YNnBgO/NokPLcT1bk0XGi+qT+7vz5xuaM4AfSzSzKV15p1\nwyM2SJs1eYvtV2VaDPjlPlIRAn2ENNNuVt9jmN8di+J7c3ORaNAd3Xgvxgcj\nV2L6TKiGQ4ZiIgjDm5PjacLUhjjLVr8ca8lM9VnT0KdXYT4Lm5O0QAJKMC2a\n/8zLHt6kRHW1iZ8f9bliMyD/uHZHSXgOPjXYdVqKkfRBe4B2x1K3GwwUPKPU\nZMzSkbWL3SCrFedqEz42egyUY/KlItxqHM773/gxX6nsDKR1FgL67g6JsBWt\nbZW82Es8V7QO8pf6lkST/hBo58/RAnODOmdTuY7o++HGhx44fbapKgpJ1haG\nH8RiVBc9xg1yvpSPOBpxj0yASEYHPI8etRo74BhI587/4AdD/xeR1w3qpzD8\nnGzo66vviPEhW+wbAaojh9lnb6W+pbLin8+BuGAVDUELBCLSdjT0U3xayzAZ\n7105zQHuBTPPLuHTik+EQE7dYLD2V0H1Jk2RSlwJPgl3ETpzKVgSEzqq4nD1\nZcGsvPOXdHuIscW8BGoIO1JSmm1E/ZC1eKpFrPcg5j2tszLrSpFrnUdheRD+\nK7iB6NWMhstYTdnOCndrbAJ/6INDdOJiW65sqq/8Ek/47VK+LD7K+sIyCzTE\n6PIe\r\n=Q88Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnXG7NUiOS/ulBygAiOfmmAFvEq706N0EWB/YhAnuitAIgZWWQfJSb/MyFXZBNQcb3sJBbqZuOc18XFZnp6yyA1YY="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.10_1558734279165_0.9019122954810912"},"_hasShrinkwrap":false},"2.7.0-alpha.11":{"name":"vue2-editor","version":"2.7.0-alpha.11","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","vbuild:lib":"vue-cli-service build --target lib --name vue2-editor ./src/lib.js"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"76d877736be7dce69924a24cb26bf5c35ab2b3ba","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.11","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-QZAmkmN5/xS5APJPv+tmK7JaM7pvlYHafaGdTL4d7ZZ/Jsb2tSFoObPI1KuH5NzoYWUqJuRGMi87piwAc7vmjA==","shasum":"e1f7b3cd5cfeddf0901ef47d0a8a05db1831865f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.11.tgz","fileCount":18,"unpackedSize":4143307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6GYWCRA9TVsSAnZWagAAtEQP/0I4sAB044iQIMXFKayP\nMu4p5Q5zIlAU8slyE7pxE0N20Wc5sSOTZgeKZ1iCcLPCbVptpXAdgPNthYJG\nr74t4VsgrUbowSswTs+Md28iLPOxaKBC7oI4yZrVkEziCy3TX8S88NYzU7Tc\nBLzAm3v3iD3meaK1049gyTUR/atgciht9XqeQAoMlY9rOdBFee+h/hFyunKG\nGVGk8/0gUjO0SfdfPkhDRNR2B7Og5vowrW++lQDA9Q4o+QqCuTr6eo0BHm8a\nTG1hn9tlOAyc2VXcGOGI0g+f+qOwMYfpu6z73hzPu/Zkx8s/+eCn44pvWj31\nLy0kLmA9AKQ9trWnKWz+hC9oHOB9uRoXxXDSQmPDkl5D2Lxc9xWxAqLDOMrr\nk9oaqhc1tlDysc644dAwC017l+eZcArrTJ0bw4sXck3IP9caX//Ismn9UkWs\nfc07CYHt72dLl9grRMoPoi0o+bSdBFNcNV4jN7Cz0A5qu7Q+xUbyltf0pZp2\nmWKGmvYA8Hj1fKdJqlzW8N9pTbjJtxuVGDN7BwMVWwY4+ClcRFPqIi+VXJlq\nGDZQWBesGag4VY0mM2WuxVlW4x7vmo/kqUYgD6VvSxjM5Nal94tf/4TtqtMW\nhip3uIRCJn/Rtbol62Yo+w8fXRKkPRdvL7MG0BkNc6KhjYbEP0ot1wjbYBsl\n9Q41\r\n=kX2d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC49H+n7KOacwqgF488g9ZaUU8WIPIGxgTrTEwxIZYq3AiEAsbuValJ1vdnHpIV28cE5Cuobb+b5MJzb5netsMS+bSk="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.11_1558734357559_0.658926264592038"},"_hasShrinkwrap":false},"2.7.0-alpha.12":{"name":"vue2-editor","version":"2.7.0-alpha.12","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","vbuild:config":"vue-cli-service build --target lib ./src/lib.js","vbuild":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor --no-genHTML ./src/lib.js","postvbuild":"rm dist/demo.html","postvbuild:config":"rm dist/demo.html"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"19719239af89675cc4c238107d10d03cbee4bc85","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.12","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0l0wGfe7Na5sj0RidflPKy8hTWmMLsq92IMzT3DZukvIyLdNBUOvDvfbOU1c/kLXC0kwI4xfxg5V+gQmx1fLSA==","shasum":"be23c2ac82b4699047086ac17260562eed942bdc","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.12.tgz","fileCount":18,"unpackedSize":4143278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6HlVCRA9TVsSAnZWagAAcUYQAJR3bgU2LAgq6/MHq5Aj\nYMBR2m4hX2xGMXN3GN09zXftGpClMSFbsDwmY77mYwPfUUI+0AiGIhkXzlF8\n+E+/Z3MDlCanagAoYPnxtmHYPvlfXROwAJTcHotCiOpwU8GiDDiEJ9/QwGgd\nBleXBVwrB5VmSxYqE/Fncbu+DaqIIVv0HsMtgZMF/CABT+HeOnkKq+qgL5qH\n4ywjpiLGXJKElNY2apZnSXn5CnOIV7J4OUw70GZdOCMO2yZ7dVQuvXVm2dhq\nu8Q8ghXM1+vKKzFKR3d5IP/GTdqfJjpd9yomi8rTidaLnA0bNuRWrpr3Kg3A\nG7hs1q9jF9IrHLW2LSF53ZNUzFJMrMYmRC31Xj+7W6EURlYf9aBYJeuLry7J\nNv8t36aZov53PV7zSgc90bTP9iXfF52EE52qwaYOepaLUxlugu6N8kkFvH3F\nywoP+BRASo55/CovTO678+8C7Gniis8RiVcPF+YfhoBDUP8iR1T3e3MwMHB/\n96HYdXc15FeQ/BSTqRDdkIteHOB6v62pCsBymIPzjrz+ugEPZVLOHqW1iDNQ\nkb+opQSLu0h9N8yPXQM2+yeKN5l5A87FNl31Fg7KYTF3Kw5Wv8qdFwmJMWH3\n3BrU0Gvi5F9eFL+BoX0gSPt3UAF0HTqjar/oGk1NAmPDJsAxF8kimYGnQtJD\n1574\r\n=TcJ8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEt0UoySjj7swrLmwJKMxRi6vNIMk5ya3KMVvXwEZofQAiA2xOos7Go1ofrfeSAsN+L/w8pr0VL5wJEOfByYh9qyzA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.12_1558739284413_0.11515955343560802"},"_hasShrinkwrap":false},"2.7.0-alpha.13":{"name":"vue2-editor","version":"2.7.0-alpha.13","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build":"yarn bili","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","vbuild:config":"vue-cli-service build --target lib ./src/lib.js","vbuild":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/lib.js","postvbuild":"rm dist/demo.html","postvbuild:config":"rm dist/demo.html"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"362f106f556414e3203d64d82a2fd5473d9291c9","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.13","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hSWBe+qPVIOAJf1eedjAOjJcRk5VZa5oDYZ0TsWG2A7DC4HqZ98+ZFMwds3m6YVjTLrEGf+yM1STD+YjO4c9fw==","shasum":"8acef50818b4b9ef7f063cff58c6a7f56f4afa7f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.13.tgz","fileCount":18,"unpackedSize":4143484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6IIvCRA9TVsSAnZWagAAoowP/1V553jFpCWzXZ8SA5gu\n4/O+pLEF1Wg86+rd+vtlFN4mzx+UL+EE9SMlwiIApZTq8KP36GllTjTMEnwx\n9osh4ufuZAnexe8EvQTnVjafASwxItPMp+kOofqpGspjIkLIsGpIhJG5cMsR\n4oBolgcNUvOl+INl4X2qRVyDQuLteegkneMGJsOiDASSEstIzBIDbz6j6v3S\neadLQCYJeqYWFxsRKR2tyTnfZlwyI4atp5gFoYnrnbHQq6uO7pWZM6O+u+ah\n0klBMuHzqISVu569JOp4mmjvyvVXPCgMdu6ifHpkk3OHUQY3VwhQEaV35epu\nIlTXfsVhG3zZMfmx/7CdTHBNeurWvcXO2zMoiJKWa1abgIALdhccZ3e0SjBL\n1WYg5hieut0zzWx8sC5mKaqyyRYPsCIg2EIz/Uzds9tckr7BevHhA9xURqL7\nHwu6CjUt4tabt27/9G8BJnw20pwUKWEBo5Gnf6tzQ5ilwzxG/WWDwfG8npz7\nqTfBNo0LXmOeApQSJx6hEkaVVl5x4wzD42QlNT4s7O0d7MznhsgWQAZBkUgF\n1s+ofJL7WrcsBuX4GF2ejvZMlBfx2AyA7Z41BPP5zm1Mz24jOfeHlCEDtnT/\ndT1UPjZ/p8+GE3HNl6r2uqCZpziMBY1X6apzAaaK8cgzLKMd1HTzKJiY1J30\nJX3t\r\n=3IO4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKYqnf9kQYm5uUnGPKIYle59eIfoDMkuD0xyN+WC2HDAIgOBmA9AySAHquV5BXSJKehdYglujupQAWcCbiX2kPdQw="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.13_1558741550662_0.4465850115596153"},"_hasShrinkwrap":false},"2.7.0-alpha.14":{"name":"vue2-editor","version":"2.7.0-alpha.14","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.7.4","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"gitHead":"9d11e47ac341518077854598bcbc3a72107ad27b","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.14","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-B1MmLNUNCJs4nYzytdm1KcCMvy2fhWMEa/pGDKsRs2UiPlQZZ9TVHP04vP/bVURmLv0IhxTNzrw+kQoLb8cy4g==","shasum":"5faa66e3a5f660b1f90e58c0810a1add4610996e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.14.tgz","fileCount":18,"unpackedSize":4143743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6d5HCRA9TVsSAnZWagAALEAP/R/qHPabNkB7Z/Emmnp5\nh6e+zgsqXLGfMKShh+Qgt0g2YLxxRKRPhz7xEtD52GQqSi/sDWZp5vtfAsNx\nKoG6pCWOOw0Ft+2UUrRE6e555dvM2F6b7kzU0GSCK+nMd7IKgj0qyPCKE07v\nz7QLq31k8W93n+LPgjUlyauVmSM22+EegPSpQYPmjcKqaiLFGXozXjo8IEWx\nFgfL01JBUGTs4Iwd5pvBaqARHTJAdiOi+x+uDAdaKjJxeRzmyU2iQK3blCcG\nhAk9hWSJX+O0ebWU4Kd1L3bIh9dEjdkbHyPzuAw+650KUoI0TxctWDzXVqC/\nGz9FcI4nkuLdbO+30Tshhrw7KCVDLvofX+2xPvYDeAT74QjPTiG19ek81mGu\nXYqcstNqZh3PC+fpz9DFenerN0syyL76z/KkPaGd3KCHy/Ze1E8db1Mv8j4Y\nZLeeTiIFiEu9VfNebHBhqBpVs2nUUnbp9HXL0BDYvR+gEN2hIui+dtfcgpNk\n2/JpH20qzARbU1XqjDEiHRluxxVdTBsf6Va5ekD4opRFPUKOiYHe6Fwt572p\n8u+nCFJhWfiJCKgjPmy+h5wWOkXQ1H6zqr/zVefAVdWYocIJ6jmtbnxRGO61\n3QrSYN67Oxi+KknAXpQLG6UvaFPQid5cwCRpnnUtL0mQc78+AMVIOsEdGL2v\nca9E\r\n=Todt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDELe92pPE7ZI23fvWL1la8AXmvD9GFlCBYBD9MR5S/2AiAU6Sj83A0P4NrCZxkI31NFgZJ1NF652oOB7BmsrC8+BQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.14_1558830662423_0.03497300368728573"},"_hasShrinkwrap":false},"2.7.0-alpha.15":{"name":"vue2-editor","version":"2.7.0-alpha.15","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.umd.min.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.8.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","rollup-plugin-alias":"^1.5.1","rollup-plugin-vue":"^5.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"1b447f5dd2ce3e2cb5d05e791c87d0fc8ff041ab","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.15","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-p+L+fXZy1W4f0gnrHnlVsZi20b1kN2XYarOukdTZgTVOD1hahF3uZi40a4ctR20Y/DMBocoEiBc80HmP+FZtLg==","shasum":"2631377b93296114b5b3907618ebf64ba55544aa","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.15.tgz","fileCount":10,"unpackedSize":4123707,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6eg9CRA9TVsSAnZWagAASO4P/3jduxMoiit+ODSA6SQa\nEamFaXvbUeT8MdXgm4e3fNgh3efieW/Lw8+TDvLaEBb73WotvM5y7CT23d/O\nl8qelmU1fXrwPNuAerEC49ZzovfhRG2ZZyW2hvEJfX3zNr4eVE/KT0NwzQRr\nI2p0FkdLb+fSqiTyphYqNedXqpoBZGmIkCR8ZfvOaERIHLi8Jyd1e2//h5I4\nEmKUfT1Jr4fg7DJuIdy+cL45tyPzVSpfVYjKMWeheS76W/oxj9X9Qe+tKEOK\ndoDeajG9XWYWOV+G48W5e6fOriXwUSFajWyn107lNV6yoHV5wEUySnmZ9ldH\neqXnAm27s+99QUR3UmzxxrVnmhDAmYNEM8hxl45pOMF/aqfKtSZZXRZUdasK\nF5roEsEQa6zMcedJdYSBh/gAUuKG/txoOVzbjv5MqEBSGlaOMx4jGTRHG3c9\n/hXtVnr5NepAAiUqMpXf5UKAuIYE0Oozf1p2wluCHK58gzvlox3CMgArn+y0\n7OksnNC48RO1A2X3J8pDjyRgFkBvaeBzXivZUATDfhiuXokiXBjCRRYncIpK\n4Ni4yoOb7uhY9HPpm2AHUpE7r/EE9mHWuAEY3dRfj8WVnJ3cDOiPhkpZutuQ\nBmXnnmGGUQgziZVcXLCOjxHUKONDo9Ps1yCFhMPR/NvXw8YZvSx+hlmhHvQ1\nvWnF\r\n=voTy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6RFDd3F6td74NfEjIDw+D7SaZ1u1zlwNmgxXsongtFAIgFTJKMLv4zisuf0gX7L7HBFviiGaQ/BcRI+gUOBHLWds="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.15_1558833212659_0.09731309760821327"},"_hasShrinkwrap":false},"2.7.0-alpha.16":{"name":"vue2-editor","version":"2.7.0-alpha.16","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"bc4a4689fbc3de77cc3894a9fbe7bcafb63d3380","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.16","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-YhVZ+zYyG5i3Dj6wdeyZ7lOcXynFDP7B8l15fWnpH9Q6T2GbzYdtywtygr4L4OlnttgpnIRKKwB90F503nZfFQ==","shasum":"9dd171afcec2b0339a0fc835a8343bcede5d362b","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.16.tgz","fileCount":10,"unpackedSize":4123542,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6fJ2CRA9TVsSAnZWagAAibAP/2tx8cIFIoX0Xmx59Nq1\n1qq+IFTYOt+6NEmQmpKOqMyFTe0s3YHA1Mw8xYQbw+wDTxOIS19veu4HRy6Z\nKMQoCzVMUR87Xmpjbtr2u+K84mtZ3Ji+cX2jSsQlyYzkkuhoHLtUV/u94rPN\nkTglt+2hf0Y8jvgNMyhKq7bMF8V6kIU/fW+3id8mdq1TxhLiMPKyAtq5i/Pl\neT3U7T8vw74DQGB+nY6L+yI34JL8qGWpvtkzb512VyWcSszdaBRbKkwqPRc4\n2BzGo6zkypOu5cP/KqBZSsUYABQ1lNkXV3gkQMnjUuV9/SyLaSbkVE1vRwVS\nOhOY/vaP2PnnMmDvWjPeraTJxLrZ6x6o7pWCHlH+kJi22x6NFccxFU7ilguo\n3+cJ9La3qRnkVRQMQQ1iFIPgLKAZo2Ku1vLQwdE+dsl5V2ShDo9Mrz8raSec\nH3VORQtmCX6bwOaXBsR0stK2rcCPpabKqtxJZrq5/aY7cdZHNkjOMvPjENW3\nsTU+9NIYuUAVEmDaBVwYqmwVpNc0AovvR8Oxvywfq0GWRPL4uwO0Dj/isDMX\nDSYpcLHvLhxdcZycugJSXW/uKesPoTadR51lNpwmDgXFhbXWTWrEpiYHHb6J\nIzvVN0SrOfJXczE8OHxybqY1+a2+TNFWQLHfgdWC4xs393u6Z+mnodCRZ5AQ\nVGrw\r\n=pHw+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDOjspd8EbOtpCIaGil4TDUKNOyupu+GE1LzRTG/mnnwIgCQcUWBw9FFruRKVxnZro6ObUxdPpQZeE95SjUqUkwsc="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.16_1558835829975_0.4505306020587212"},"_hasShrinkwrap":false},"2.7.0-alpha.17":{"name":"vue2-editor","version":"2.7.0-alpha.17","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.8.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"f9a04e9a89629b5e6148e1c2d7e973a3ab0cf64b","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.17","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-8JEKxqhwQ7tVE6ShIdwoc0maXuGRb3S5bX6dMlI+s9uB9xApXW17OhYaXUBHKakdY8H01jB9hTJw+MXJGmonqQ==","shasum":"f7b6666c7664fe4f12e4f51928a2bddf052963c0","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.17.tgz","fileCount":10,"unpackedSize":918357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6f3ACRA9TVsSAnZWagAA4UkP/jIeXR4ETogwo/UyKEXS\nvP8YRQlaVZ4OcD8aueIQ7jDbiw/oaha/L8X4eQ0gYkRwj0A1V3OUOvzerJOh\nfhLGtldwsf3L0+AZj5qnRk/yRAianfQuM24Zwp2XR78Yn0cDlV8quXRZPZdT\na5CDSUcm5mCdFcE2nxH0EoX9K+B2heRKEBGD78zprwycTIEX7T1AVDPI0+tj\nzZHfSkWlQYep11jC5XXhPC2KQ3gDRaTynwfcE7daPgZEWHeY9k8/idNFEFab\nqkXrtnA3phU0/RlWAvEP/grzbRKIE0PTMP2YptzrJ7zkh6TEc17VnIaERwnr\nxL2iVaQ90QYtr8bvF2f/AgR48aLdyWuTWd5+q9Ln8FtWdL4hIerRKqEaL4gc\nuoRMaT4Y6JTe9tw4TEP8V/ghncZ+T5WuDk+ojU+i4w+jbPtTzXzICXfhzjXz\nAr1dosEm9B3qku+0+0oc/+9BbQdFLUUDOc9id15sLQiWY4QW9RDbCJLUIJkI\ngeisV7rqAGH10wI2oLiPvlCYdrZB9BPVMtFvJ6d4GZLq2SXgbVpkrm5X8a6F\nkW8mfu7BnxUKbY3igzLDNCSu9CMGVKek/OEdQdW2amxiRDM4Ei5Ah4E7gwTC\nY6Ljd7Af8nD7nIv+TcSVm5LedZvUqy11dA1DLRcIF2yWz84a19H/yUvSxW1H\nuHhu\r\n=Vyzt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCah6+DzGG6o4bmzhF9vZCqbMJkt9T54dyEWMCZDTpcfAIgIpiF1swJ5SKLhDfIDryBEq1e5u6Htop0TxRJ2bXNKpA="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.17_1558838720113_0.4092158582020493"},"_hasShrinkwrap":false},"2.7.0-alpha.18":{"name":"vue2-editor","version":"2.7.0-alpha.18","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.8.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"31bf7b014236707afa706a1056ba2f4bf09e3c70","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.18","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iRvHyG5c9+5jJTXqNrXRgIIDhKTRH/PWQBe/QgAgAGjYEagrnA4S8zM+x57quONWsCmczVg9n8h5wfl8HQrf3A==","shasum":"c01c2c4fd1459f26ebcca100036c8a4514fd2166","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.18.tgz","fileCount":10,"unpackedSize":918478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6gGOCRA9TVsSAnZWagAA6o0P/A86VFe2SkhKO2JyyAvP\noOfOxOZD/EG37sVWztbGZ4tL7OCPE6taVo8xFgvz7BRaD1eHMA+bhhTqDReT\nvBDinyKcbe6ZuGaFloSEgG5R7cYyC4W+qEeOuvUfdkraggGoLANKs9fcFw6y\nSWKPOQvnOEcYi7YCntPStl6HOD4TOpNK8WgIias1SbarJV/03aJov3UUThEh\n45qvzNON7z28KZG35lSXVvxAZPzNb+Cq3iROO6sVND8pP5DY99mP3QcNx1Hq\n3itaEPNbd5wEzZktePhrYg9xfOibw/Hz37dMAHZ+sKNCcmQ67IEMnmaTPWAr\nkwfrBOHCUaZZ5jPj1jiN8XquQNvgTYPRY8aDQkEc+K/xp3GvgzcTDwTfyQ+1\nKDV66K1mtTq/ghTFVzyHEAAG54Ew/gmVjfXWtdXl5Goij6wBU1ohDTVzsgDv\nlg6/iTpozVnuGKa2orvm1coO+l7mIAC2RtBFhp0jfGan42GkPyrG4sIFwNwU\nTLzRcfWWoQvboeukydkWmIjUR/hN3wzZBLkNSVRyTmgYbA1ku/KnSKhPKTMD\ngtFvhAZyRYt1Jgafw0ZoUVZZfvfyNX26X2aesZgtb3X1h9s6bYYt3ydF2Fcx\nf31h33tyLVfuikK6ZPe5v3yhMnZ68QOEtM+2M3BJnr36bevRM4mHpwR+nRTv\n4fXF\r\n=XTo3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAnL/wevmHyN6Q7on2w3wXVkLmY2kUk15fTceWQpex0xAiAzGcVmbIcRNZWRHy/jjym2UQ/0rCxfvwiLMbFTVoUUKA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.18_1558839694120_0.6361865115289402"},"_hasShrinkwrap":false},"2.7.0-alpha.19":{"name":"vue2-editor","version":"2.7.0-alpha.19","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.8.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"bd4251092941f7a7ebebb6c4d3971a51139b8415","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.19","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ZjZjjhQbsVqzsh/9raU63AwSQWKQVTQGeMw1W/DzHs07fP690bltQ3YQfRPX7aCQDLfVMfXVKpEzla17T0kB+A==","shasum":"4f2ec0ebfd0e1548099231acd4f90aa80a4bd398","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.19.tgz","fileCount":10,"unpackedSize":819370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6gl3CRA9TVsSAnZWagAAal0P/3MFtq44v4G76nf8LJR0\n2gtJOJApjNWX20BvbyEaR0Ju268kRI3oaUHjMF1bPvrMhjm80r9jtotZq7SC\ntg2ClCfLSTtSTbiMmtkIysmG0QYKdYFq4Wlq5p55ZRK8QJotx+KPO19Kumk1\nv5uX7EwZvz1ztRMA0zjdtvSDO8MBdSdDCUuZrxkd0W20H9a2hdZ2VbgImN4m\n2Hj/6wiEZR8X9gWiWajGxVXYtIkXUC5Bq9t+RV151e+iMI+bDSoeBwuENE+0\nxDjFAPAJKmJFf5Usu06B3MFivIQ+4AApbcFVWQDXFhLXnzChAaCHtZKzkhrJ\nPWHZLHhrgvO58cT6b0FbjtUcgnh2Rm+RubYqAxtTk38B58AFGMtLscvYKRUS\n+0eZo/XBLsvrL3EJTdVS2DufjFvz/C0b3d7e4vRa6hjck85MCNKunC2X1kAs\ntagJb4AMU7Mu2aBqzn/4bL7/8ihM6mDc297wkerZ6U4038VChWREolxTumy8\nmh4PkF5z7kp5nGHRe81DsnVDBOIEHmN6hH9MA/BLwyATDbFKjRmnYtQQDj4+\nU30U6BA3gcUlOsQCjgXJIwJH8rhLHFzO1OjHlm+rM5yI6vfrMt32RZMGZmGE\nYcLCl45Bivpfgmqa/4dfL40z3Bx+WTB/AAQ3t87yEDaE5YGMhlXn7ZULUpCe\nU5x7\r\n=7JU7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAXh+G6snBEd+OjuoXHXKW4Ef5gp0icy9vVW13XwaTlGAiEAjDC31J8cDMomTSg/m+7JAPf5yijIOoTn1nGbmbFJY2s="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.19_1558841719157_0.15427491013470762"},"_hasShrinkwrap":false},"2.7.0-alpha.20":{"name":"vue2-editor","version":"2.7.0-alpha.20","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean --outputDir v2e-demos","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","bili":"^4.8.0","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"a73e94fde5defdc757ae4ad5afef74ed3baf571a","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.20","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-tkYnsN7EZ5rmxwosrletUQRNz3HkZzHpVVZCzYGmhXJZW+BXi8jMoFNM9IUcvivDxo6jhcy0igXUdPLPihsLYQ==","shasum":"e3f845b940c4969ea8a6d6cb25a49c0cc4641ded","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.20.tgz","fileCount":10,"unpackedSize":905225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6hEmCRA9TVsSAnZWagAAR9YQAIrm1zUlYCduMKCjLmq2\n8li1AM1nRBud4X3d7CFYfBoa6p7FkTtD5VNRM1WGedkBSnn6tcFBBJ9Wttl0\nsvjlAK5dSBjhch0si1lYR0/+DCNGuMlJLZ846b9W2Lnue78LFTFegMsbPRiD\nDwx7lSTBKZjyrWhO7XaqEhOvFJWX3H1pNa0vElfKwyi7Ka1PgPeXhqR+0n/2\nlkbcv3TKbDVl+9FpD9GDaGkF3ps1UMg/+yYijhNJ4vwGQJ6IJ7f0dPIv5bZy\nOfBoPT0Asjm0zTTql6GWLVkL0Y8mXBUV6jxUuPJg5lnb3BrEDpSvcc1FQ9qh\nUZghGFtWBDl9KrHkI3xfKCKIO1nFwSeF6XYoxoHztP7/ehWwEmBA31vULy3B\nGaoRbVi8i5JLo8n2XTOGt5ZDRfiHfF0Of4O98rKU4SRzgYwMNDztsE8oWgkv\n6ISpCcgp0236w3D9iJwUu990+t2cjKK+g2skcfwUoLtjuOFf+UUBme7NXO0S\nf0OEh/rlDS/yrwjDpvJsizI+k2Uxz/Cdc6kb1IY8cB3YYZIQTc0FROtqboV8\nxjlNQ+c1/ZfC8hDYy0fee0zAve2p3WE0ksGm/UdTtOTi0B84yeia+8uSNQYb\n/cxk79xMp36HfoTeGnCv6POc97hHFayHUZWgjcGH+ErYNkefmJjZP8uTG1mB\nt2Im\r\n=AJyg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHiPsZGYEcxOdATi+e2HNSp5YU3FOoftUX+9rmbWC0mQAiEA+vmmspkyCNEJca6IPa9QVrWQ8Bp8haad4UtCe7tdjb8="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.20_1558843685550_0.3162897298354259"},"_hasShrinkwrap":false},"2.7.0-alpha.21":{"name":"vue2-editor","version":"2.7.0-alpha.21","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"3c6f0b7f267a81a18a1385351e6c0598f6d956b6","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.0-alpha.21","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-DU9OonaQkhzS4LSmtkPnpJQ46fqjdFMxoGEimxy7EoDxGt5nx9qSH2zmxVc3TeZus5ONq9EcyLJl9mRlGmhUBg==","shasum":"df7dbbccf48ad6dbc9cb9b4670ef6d37c1625cc5","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.0-alpha.21.tgz","fileCount":10,"unpackedSize":905557,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6iglCRA9TVsSAnZWagAAz4IQAITjZFh+O6pntGX/iGGU\nnvZ3YGxTVxddTbqLQQh0RjAN1FHBvqnsCKRYDGkZBTzYs+qBOH3aPsBnCO+F\npeu9Zbt32yGXRZez9UZ8kipiolZsHOq3IARGQke8Hh+z3YP4zAx44VZiFh7a\nBbtVsI2NozJ4LTfkSjKs4TJ1bWYvqEPqFk8vm7hYHPS3jYWKueqm/eNsIGYb\nIiGAfGPoCH8YCCszzD1/kil/C7Dfi/i+x0e2ujFP88/NATsOSzFVoTxL6cX3\nconAnoXCa4XaGJa3O6sz6EIvh0FMjCfJaSEscxqfEdBF34fcIgGY40x2j3ZZ\nm953hcAOkPepCjz4oG9HIVnJ0DbJbS63U7kB8QX5Zo03kpq599PVfkrG3fug\nbObk3Y7Lx43VEoonyOqyCGMaobsFJLdlT8K6AqCZ8R8iExOafOMU2Pwix0sv\n46DrrnNw/ZR3WFoWexDo94gI4Or/aUipEDx8YJlt1phcReHor4iQCily2sRG\ncFYuWS0Umn6Mvd33+UkVyseBfGAK34xjCX+V8CVcZwUsvBirnv373cYCxWU6\nQ1idYOIMoQHIFftDWt6CNtHMCwr6FB+CmYKsViEGUTimosJRdf8nmG0+B/ly\nqytI29zPniD6p41y0EVmsnmQIUT0MqTVSnsTjdtzZD2dVDRv2s2HCwbgxgrc\na/GT\r\n=zIhI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzKA7J13rkEM+LNx6h0q98wzJCMmoZhY8m6Yd1/hBtpQIgPDx+ZyIn7jkluof0/yAUVmlB4kPiY21YKnNWyrrIxYM="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.0-alpha.21_1558849572704_0.3550848003579845"},"_hasShrinkwrap":false},"2.7.2":{"name":"vue2-editor","version":"2.7.2","private":false,"description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","lint":"vue-cli-service lint","dev":"vue-cli-service serve ./demos","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha"},"main":"dist/vue2-editor.common.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue":"^2.6.10"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.18.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules"],"keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"gitHead":"cad72631f686c1fd52430eb8135136ec25aee2d3","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.7.2","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7wr0hd/OplcnFNeRLbEejTSrt/FUxNA64VAMW+cWn9a6ufhV38eufLfrbA4hU7zTfS1ywBprQpvGG0NP7KWgAQ==","shasum":"8cb9bda9bc120aacab261b534dc2a871a9403e81","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.7.2.tgz","fileCount":10,"unpackedSize":905763,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6nLbCRA9TVsSAnZWagAAa0MP/2fd/T6LUoddKcQJv4s8\nscxLWMqwsgmi+jc1hqob3wc6SpIItuv1ZZmFqiqeFfDTYa5EWRiN1cOWpXuU\nMELN2rGWSSbS1XSmfTKrSukPu5fKhWdhZDvu8JYKujV+Jy8uOmq+7151dfP5\njKRd55GfpuwGp+ubO0d6Jc57rglrLfjptM1WVXmdl2JGJIe9xUTWRmrGq5a8\n1rzdVZjCIaVJJyUMfE4cL87dVQbrZoQAWd3qvIGHghXv3zlcUi1WEtXkUDhb\norcqjvVFFgxwKO7dRE5kWx4EnhaowpJMVfmJmABA1XXVdTxay8xQNr+AtODg\nsKXdddFUIQv1SZg6KMKO/g6Zlcx5HPwwf9XeR00amJu2ccD40CS8XPhsVp/n\nt9rmXyAFOcTIYryqd/U/YdBE+lSC2A73HQzcfaa2YchpsPqHpCMAvFfDxhbY\nCwzS8tsy7OZ9YGd4ySYhjyjqfpoM6i4NALXJ3CpB4aDmtzmEoNnh2m7TdigD\nyQZrEcafGjTVxp3D2IVy1FYYTS+cE9ZleUkIirF93M0VuXjTOCMAMlEc4zdm\nmAC1K8K37MxtIvyyg4OwBNOM0iWM9fyiTLzLE2POt2oImZKcvXPdTleb82s0\n8kXB7WQZN4U0F+95vj6PjDNMtvLctLU8AAtv5bE91TjLPEK3ETtnHflgtQzM\nvm5t\r\n=vsN9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICp3JBQKrKFmEDAu9hE2pAuaLu8Q1WswtS2wJ8EHTrmSAiEAry/ArIaAxRRzCiQzuA07O172/zZNBPK7YPvD68aUEtY="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.7.2_1558868698762_0.5043535257988565"},"_hasShrinkwrap":false},"2.8.0-alpha.1":{"name":"vue2-editor","version":"2.8.0-alpha.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","demo":"vue-cli-service demo","dev":"vue-cli-service serve ./demos","dev:vp":"vue-cli-service serve","docs":"npm run docs:serve","docs:build":"vue-cli-service docs --mode build","docs:serve":"vue-cli-service docs --mode serve","postbuild:plugin":"rm dist/demo.html","release":"standard-version && git push --follow-tags && npm publish","release:alpha":"standard-version --prerelease alpha && git push --follow-tags origin dev && npm publish --tag alpha","start":"vue-cli-service serve"},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue-cli-plugin-vp":"github:davidroyer/vue-cli-plugin-vp"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","node-sass":"^4.12.0","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"7436a19a81426809c847baca32e7e2131044845e","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.1","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-C7QZKDn0Ot8DXkpkzovPXIZd6zmUOCAYS0VVrxbKEtcx/xaqwjZ92MgMsYWEjlhkIpvergGxaV14P2cMs1rYjA==","shasum":"6cd5ad01a8fbafd1dc924da5c6419198752d87b6","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.1.tgz","fileCount":21,"unpackedSize":238635,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+sJbCRA9TVsSAnZWagAAuMkQAKT6cEKXpRRiiplNT3W5\nFMrCccwda0ZCJCnfDull1X9R6zIEWqOW3lrnY2dbcoa6ynde5W5ZeCC+g7y3\npkgtAu8dJvVFPPBwu8RoRUyvYW3kKxDUEE2wX4n2HYi0qFnti10gh465VRg3\nD3LXkTty1aSJUnr7QajX3Cy4FAOMOBbOO5NJhXgOqd4kUqvOKNZ+9Rmwkqx3\nCmhzOPp7A10uvoScVSETbFwV1kOXTEu9iFhkBa/dVPZu721FcV2N/MCGqY+x\nRZFK6ClBJ7FtGrMEnJgwndcW5SUxtnmdCi+QY7ztE6VDbbsF+J3VDU2TC6j4\n15NOULVEQeiW6ldOXiP69kdrZvzJoq02+AEaBrsYj4K+MV+N/GNDk4q6T0Jf\n4F7tlHArZmP+OwrpfSk1SEX0Hl2lv7WiEXJymEveXzQ/DzTc/lTIk1Mu2C6n\n2lqqeAHqaT4mDPSFxAJWW/8lk3/lQsMSpB06fdsy628VOh/WjFTxMwf3n7bI\n5oD3FsKi4CFRcy7o9cwLi0fe129ELEMyUomDPKWpWHiUCcsjvbHUhPLdIOA3\nV/pwx649DjveNZrclPQwqYhO3d0zF5XCCzNod8yLhRNw6ItiSo7nSXLSU8Y6\nC+rawx+rYOVjxnr9+65wlocYCnYv3ebS7jQPJyXQBnefYmSuCAYZ6Y+1g6Ag\nlP9Y\r\n=AQBE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCya4nm6XfkAa4nxGHZJ5nLXko43vZwIiCv3eCGjoFoagIhAPlKapC5Ec2XNef4VyHIUkRROCSzU2PtzUBFdSO3jG/V"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.1_1559937626539_0.6080587443528402"},"_hasShrinkwrap":false},"2.8.0-alpha.2":{"name":"vue2-editor","version":"2.8.0-alpha.2","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","demo":"vue-cli-service demo","dev":"vue-cli-service serve ./demos","dev:vp":"vue-cli-service serve","docs":"npm run docs:serve","docs:build":"vue-cli-service docs --mode build","docs:serve":"vue-cli-service docs --mode serve","postbuild:plugin":"rm dist/demo.html","release":"standard-version","release:alpha":"standard-version --prerelease alpha","start":"vue-cli-service serve"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"}},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6","vue-cli-plugin-vp":"github:davidroyer/vue-cli-plugin-vp"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","node-sass":"^4.12.0","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"d48dece877e15a24c7828d79d4334e51f1562060","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.2","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"dist":{"integrity":"sha512-n6aFu2TkJohf5oOFw/rE9Wsd9mpMuHR/6zMYzaT9lMmxib7Fs4CgjPPz7XdYazsyBiXYwVPX7vLrh+SVUHCgrA==","shasum":"d3f1039ccdbca9e3b7a2f28c2006bbb9f2b4c858","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.2.tgz","fileCount":21,"unpackedSize":238996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+s23CRA9TVsSAnZWagAAxUUP/05isMBvH1XPL/bwZl/G\noKx7lD+pxy/OhPsK+m2HwuADbwMweZfWqzvoPO5OW8WG5GuZyF45guvi87Ta\ncWKdipkMExkhALwCzqiN+SFeL89ExqDZbr2J0VXks7zDcFntZy/j8OYGw7t8\nb7WWHDBmJLf2jzmXGAo7zCq4W7hMvRLaYhdDibh4RY00XcdsRpg+F0G8dTfZ\ndVWxt3eJEl7dVGUThf7mux7qJ0GVIHge14/0sE/wGcqAil1GqgKemkZvtJR1\nADx44i0RAR+R73KUIperfRQTyYppI0Q72fcVdBjna7t9k5SXOCooRzvVzMrZ\n3MnYGP6DDo4OoattMKNK0rJY49oJPsdbSXzEPBNxOEgcaKlrtmexMNaYKHC8\n0dn8SiliwpLNKiim26Isa89pw2nnGnAoLXU2AZzIWsZpdGYwjQ3BjRv+mJZp\ne6vT0ninXmqD9OSI8jdY/oyNS6ACgewHdSDiCCvLjE2N5g8C3uWG3cJu2/zE\nx1C9H/xY2QqH6/KO1Nf9YLldgvSb+ropvWWXBWSq7Pikktnd1xCjP76QPKkN\nExcZFt03ir9AsvSVKJDfqMfVsa/97kXMyyYh2pHJaQeid5fik2M4Yp5UP+TU\nTJkDIddQepNOVF+nAMb43g6XQCAB0Sa1zNXnlfdAzEF4zPF7/PYeGyJcEIpJ\nG4dg\r\n=PrlU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAnND5HB9Md35QT67Hb56uleEmGUFtulL5Wehr4rwHvQAiEAlnbvjTRHPFteVy4wYTeN4VTBPZnKiKISk6SAkUdNYkU="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.2_1559940534817_0.23790924750911469"},"_hasShrinkwrap":false},"2.8.0-alpha.3":{"name":"vue2-editor","version":"2.8.0-alpha.3","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","demo":"vue-cli-service demo","dev":"vue-cli-service serve ./demos","dev:vp":"vue-cli-service serve","docs":"npm run docs:serve","docs:build":"vue-cli-service docs --mode build","docs:serve":"vue-cli-service docs --mode serve","postbuild:plugin":"rm dist/demo.html","release":"standard-version","release:alpha":"standard-version --prerelease alpha","start":"vue-cli-service serve"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","node-sass":"^4.12.0","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"3e88bc00b20965a77d3a3d085f3adfcdd16b7210","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.3","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wI+90+XeWfwStMI/SH3yRq1zFd2NVbgXOel4P91lxmV5NEUS1m5AOTe9kb4BAoLJP7mkqLl09IcH5oDwoGf9WQ==","shasum":"202b8e9d44fb9bcc3a4f4c7b94dbe1487175fa2a","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.3.tgz","fileCount":21,"unpackedSize":240335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+0bACRA9TVsSAnZWagAA4X0P/RjazaZIeGwSKjxuMY2r\nIRKMhQ76kTiWCFSczRkraszFAhEXteDfXZ0upJwbTCxu8pCUJRAe8vAHT4tQ\nF5N6FlrLFHzCQ0HGADyrPz/0sFT4ly7xEc0OQZdFsNq7et43d0Y6+Hz28uxB\nN+LauKDVVZ9JQMb5P5Lo21g5wfqQqsMZGBnmAo9NNDnNNliwzi4qCC3qzDin\nPVCi+8ewXbg7Oq34aweb7IWcCB+BY5rDqQmujzqGwbfSBhGKdku3BHXD4e4M\nzyCXZE0zZ0/OptyTmXaBzukUvmwYxtew5LhkILmM2wrLcv3etb0XvfRx2g9B\n8t9uOxZ9GxbHF7VtaE22RGi0UQSnVqv1T/rs1EA4EkzwaBo+lLqb5jKX661m\n8xATqWv2bF66zACmUNVxSjCdY7PY9rTjyvj/XWqIgPmYWEg5pwD5OWWEGgjJ\n6TgYSI7o6OkhFXgV2RKa4M1bVHGgJhhbU+K5bX7DIoVNdN5WTw8GLDs6rKIz\nmnxk1JASYcm9XzPs4zsZ1U1UN+0SUu8WV966XpqYo6DuoGQ+x6AOCINPbHKe\nht5LlmEu+zG3s/Ht2tLzdl7bx4/AmUrbLUsFm38ZxTcoAkzcIRKgX8pSuV5g\n3VD2n1Tjpfnb+eBzsaI4i8kuCjVhn+yQB4xp2oBovb5e0LAr7qxa00q4hzUC\ni2up\r\n=LL3+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCN62ekbG3vKGX/ynT6Xmtw5Jk++xrDO4Xd/tav/booSQIgOm5qBP8d22WNwO6vsraYLlZPi1P0uaNzgQUs6Qkuaao="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.3_1559971520217_0.4913028313376415"},"_hasShrinkwrap":false},"2.8.0-alpha.4":{"name":"vue2-editor","version":"2.8.0-alpha.4","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","demo":"vue-cli-service demo","dev":"vue-cli-service serve ./demos","dev:vp":"vue-cli-service serve","docs":"npm run docs:serve","docs:build":"vue-cli-service docs --mode build","docs:serve":"vue-cli-service docs --mode serve","postbuild:plugin":"rm dist/demo.html","release":"standard-version","release:alpha":"standard-version --prerelease alpha","start":"vue-cli-service serve"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"c0a08b76f22ee5530895597c8d791d2fa23f0599","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.4","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-CfYnyD1uFlSupYhG7lTnEBpkzroOCCcTZwHMrp3qscx3eREI2FsaYPGPerWcSpKEnFlZ/WSft6XuKWQKZMHdKA==","shasum":"ef97fe16a15af9e4528d275c82c171520983730f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.4.tgz","fileCount":21,"unpackedSize":240485,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+0qgCRA9TVsSAnZWagAA+IYP/2znjvBg3V36EJs9gG1o\n8scxOCKT2nmKmEvCOPJOnUylzqiWgm/Ybhg8uP5qkB02uj/258K13STy509u\nMvOYnxM6XIgtzbEDWmmF1L/Q2VRmspgi3O+7Jt9riCv+KnmvrwizE5SFnnVh\nT3SEC8vPzWXp/gGREz340+t+B3suoObB93ZwR/+Eq3VwQvroKaYJAHwyJhyU\nj0ojt5PkVM7s+oZLw6LkSvU5FZ2gPYnPwLIF6SCFeH06hujxRZQlGwDmBDtT\nO9YI9Fi/G7+5gndbhgb/zvzT7Wuew3S5fkWexQ60ucNGNZnaDvtzzqWN1ROA\ngJFKckGJu8AsNlzQRv3vBUmwyC/Rv74tjR0xtevh+8KoxJf6kXQeA828+lti\nrU6phhX7m3XXi8gmx/VMvTGIs4ZWgZbzCcrxOUUw1Evf7yi8xN02X+B1gRU7\n9XK8N0AtdtXfm+8dIqWmDORHEznGny7E6v0FvShxI/D1OTlSZfQ4K/oQsWip\nSbidkk0tPiq8cTXOmMgvsfy/IOCmSV6iP7NNmUIEym0j7ucc1WBLCwT2cTjL\n4bd3NXNr79FUFMkbMzyI8+0XyQFiO5no8fBbWNmXn8V6Mxm2/l9kr35xoLPp\n2XT4S/wFCvoJrd1wGul6MOpiDsz45hcEhbarkmqr1q1U60EEOMjmzKfv3eac\nyCW9\r\n=YBaR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEkBPwrikKjaXJbxfnW3eEM02li0Pe+0F+srqwGARmtkAiBupMM2AAIj9S4JPoJXmZgXxqm097J0dTaykp6gQ61nCw=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.4_1559972511414_0.2796161921570066"},"_hasShrinkwrap":false},"2.8.0-alpha.5":{"name":"vue2-editor","version":"2.8.0-alpha.5","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","demo":"vue-cli-service demo","dev":"vue-cli-service serve ./demos","dev:vp":"vue-cli-service serve","docs":"npm run docs:serve","docs:build":"vue-cli-service docs --mode build","docs:serve":"vue-cli-service docs --mode serve","docs:preview":"http-server docs/.vuepress/dist","postbuild:plugin":"rm dist/demo.html","release":"standard-version","release:alpha":"standard-version --prerelease alpha","start":"vue-cli-service serve"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"1c92cb1fb94e1422db9fada880d0f2e14c45b454","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.5","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bwO53nRP9NvzENKSaERBV5IvCDiVCHA2ArM88aA5MK8LLEN+XK8uAKBIkg/Y6sRxfRwoYGplyXqhOUctCaTKJQ==","shasum":"f2a9fc92c444c7a555af80426ba83af6262a86ad","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.5.tgz","fileCount":21,"unpackedSize":240887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/xSaCRA9TVsSAnZWagAA2QAQAI8ynLCTPTCkm5Z+F7mu\nOiiGpZHigaxVeWThLtr6SOfkPuuT5q5TaM92obqlG2bCPy+dPngnBnAZBY95\nEkJxzKrNQA3XQE7PEUuMEf2Fms2tyL0u6oNAYMWExjeGguYHMLblyhjHLSpX\n1KbhrJR8lTiS6KmA1ePZovTXNeMQf2VXnGyXrEwWjgWCqD8TYCk9DovFXUDv\no6SRN+I7dJDmJH0nviWxiUzw6/uiZJZoLcUeAwMGyoXfenMmBB/M2Sqb3mdD\nPb3cJQ2Ao4re3rxwSBQtcPZDDGpuvsswhCKaLU8reZo57xex0R10nUjiKUNh\nTKpwuJthOxYbtxCmVAw19wRQKrx4qbucYep4w7g5v/0I0owfc7g3cbyVLe33\n8tpVf3fWeOylFOkO/pj+Ca4X74WP4Pfd/jwTYvkEW7l/yriUafPNyCZyhnZp\nd31ZtrZtTU/+1TzuAFaLCJjRR/dkiBKVixMRikxITj/Y20prryD2nw3TUYDr\nxspLWp4DZQwt4/HKJRUvf/5pnYaV+XlYkXM++owzB1BaxSS8sSrfQGoG/UeV\nxuH4dfQHCwyNw3dmKiOeSiUF68uu0PRsciz3+kqd0aq9S8fFEhkZXCHwGzvD\ntLyPVyt2vnnJQq1LfamjcqsXSLjT19yIh3EwtNdoJ4GH1uE/U+rkvyUm0RjT\nsZKF\r\n=UJ/f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLfhetZrABlYY4UYaUy4CRtICle8+8v7KerndvwO2FzAIgSA5XW/WSEGKOq3g2CtsOPeuVzKQGpUoMKY6PXQPCUMo="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.5_1560220826228_0.6901134401312539"},"_hasShrinkwrap":false},"2.8.0-alpha.6":{"name":"vue2-editor","version":"2.8.0-alpha.6","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:demos":"BUILD_TYPE=demos vue-cli-service build ./demos --no-clean","build:plugin":"vue-cli-service build --target lib --name Vue2Editor --filename vue2-editor ./src/plugin.js","demo":"vue-cli-service demo","dev":"vue-cli-service serve ./demos","dev:vp":"vue-cli-service serve","docs":"npm run docs:serve","docs:build":"vue-cli-service docs --mode build","docs:serve":"vue-cli-service docs --mode serve","docs:preview":"http-server docs/.vuepress/dist","postbuild:plugin":"rm dist/demo.html","release":"standard-version","release:alpha":"standard-version --prerelease alpha","start":"vue-cli-service serve"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"lodash":"^4.17.11","quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\n$ npm install --save vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n# test\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"b24e3db45f4408a178c9b8770970db2ecf1b4d9f","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.6","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-njXqTMH0LYHgHDEQR5jY8B3BmYh+oUvnIOQpKOOnaAu9PgWYfZTdUa6qLquTguZg0gM3MG1AGGoumW59MKUcAg==","shasum":"fbe477b3e52921c6b29c3f273b4589a9f4b041cd","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.6.tgz","fileCount":8,"unpackedSize":210279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/xU/CRA9TVsSAnZWagAAaKkP/3s5C8Cdbi3wTPrSbrPK\nX/rUsdK0BhcbvMgHj278N/CwV65tPkQgsIwbSQw2NtmoeFueEcFYdju3grew\neODtBnO/PLAlYew4v8P3Ikk1hwbNz508CkabR9EI3EfZhfJr/ylp0a1gUJsF\nYkCL1Zuu5S6JqUsgavFIAS0mYlv04Ek6YLdFj7ZOg0Xj3YaSLDnNPdPG7B1G\nCcUJD+Zp9jgRIEaHxeVSyJiJnDqAntBdu+SFcuYADyy24U3otx0WOj4UXqMq\nhzJPPv+r3WaOr4d7p5Lm62WJo1LdC37JaLWpRMqJuK96DerDc8JphoAV9hMq\nEfkORc5/0z8aMf4sj3xfV/LpiHZZG6KrsOdhmNdyZKkcMxJ2vYhZnRx/MU6G\ndssioHMnqFcREGIc7TlscikwYXgSj0zoKMkrA28O97bBGcjmMbM0hRnVgB7v\ndd/O9QzXzKKLLfxe6ZzM61+PTzOK4nk2Le1o4bbaWccg5J4/ZCKq7ZsKbRFz\nNZNwjXsFkXYwyWeM9xJQhfWi5YqSWxJF+6FZqg5BN57jCZwpjxzDMtI49/UK\nrg4CLAFD67hH387PvZuA1UoL/nF2HuB4x4ZL7GDo9Mjw+/dE9DkxrvQHu3Pu\nWCzwjhO+V9L3Bcpfm1tf50Ua/Igftydz3ZQDsBW1rJH7nxZ9i+Cicqz/REKR\nKfBO\r\n=iATy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUUD9215Y6tl0NMYh+d3QW6I23fAnp4A+hNlmnRzsORAIgPAV1CKyL9zqeBTYhw4791YNLytWIQCE9cYxJthbsXVQ="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.6_1560220990940_0.9656765383178996"},"_hasShrinkwrap":false},"2.8.0-alpha.7":{"name":"vue2-editor","version":"2.8.0-alpha.7","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:alpha":"standard-version --prerelease alpha"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"5476280821c6be552c6f26f28e006fc7ed38c29d","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.7","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-m37g/naH3D0NJj+mvZYjSucUoEHkDjLzwOT7lvCs2FkDyGXdGOdIUPViKMsE6uOhfNZLee88POKZ+6s4mzPyFg==","shasum":"dbaea5be0e30ebea0ca7ae4a8e9d27b44a354a22","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.7.tgz","fileCount":8,"unpackedSize":210848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAFacCRA9TVsSAnZWagAAf54P/jYKunr9McFbey54ziMZ\nk7lmQV394I19tc4OLRa81wIzEWBGIAmskHsEyUFb7Ki+eoAsTvuQNImi8RWH\nF/ASQexRgFmSK6LZDtWqnNlXQ7WWSebZRO3AT1RfEd66NY3GStSutBhcZUVz\n3HW/GfNMM+NnZdKjkCyNVViXD/B5V2K33YMrZkZwHXOA8593kd33jk26ViRT\nwu3itzVlgOhwMRBbG13mhMCNNyRnmXnXOEjBIQggL91pAAqkW7xryXhWF8+K\ntlOFVtuh/X8ALC4/8fuwBT5N1+80zCYHeXFtlcP9++E/10XaYm/QCtEBg5/U\nf2RknSYOB14SqJXTuz/fNnzIxZdKsyXdcjmBu6ZEodfKMHV0rTNh+snczcmX\nVdVXhU5unJXzs0Xm8oShmqepz9C/m9VS8rX+Dg7JEe6m4+6b9zEOlVfHG2qa\nVyj4mcRQGPn/fTkYUpH5rmZ2mJy6NOcMobqEVCeJAmBlgJvwrMZJmkToxJQ2\naePh53mFguH2gIYm4J3+3yWRYnusBQZ53xsvoI93MPYNLKomKR/lA89SFyWK\n+kXL+Zq1wVCCJh38rsBoWpwlQ9VvT1UsLi0vI1X1ZIyxHt7kf8iE/C7wAyDt\nojLm087PeseLCvur44LGJPCkw/HUqtos40BqyoQwXyyx+qh5j8tOKJuxtU79\nuEnk\r\n=pZHE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHy8edOrfOHvoM7dJqX/0xC46Hb8ry9qoECECKsgN09eAiEAvLFuOJw12PC1V9XBxsbUyRHfLnQsNV9h8huvEMQkFAw="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.7_1560303259526_0.30417379243538023"},"_hasShrinkwrap":false},"2.8.0-alpha.8":{"name":"vue2-editor","version":"2.8.0-alpha.8","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:alpha":"standard-version --prerelease alpha"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"748b20e2c8a3acc4e909cb9349a978da23f5d8ab","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.8","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-p4HViR2EtPapqqTqIBzs7JlMvo7h+CK1guGmpn54Bk5E66KueUv+MDi4whc+E8KiLKwJIDI6X8vZe1PpjTImzA==","shasum":"3837cbb35f69b7a30bc7ad92cd5a48025e710942","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.8.tgz","fileCount":8,"unpackedSize":211092,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAF22CRA9TVsSAnZWagAAaboP/0vFljbDOftg3mYhi0PR\nXikqs9E1e4Yzgf4+BzsbDFzd44dqlTNGCV9ueFeFPCb2cPjbshTmh3uH2s7H\nCb5z56mD3SglgjkfC5jRTB2x++cNhV8rcT+Fr54CUsHAZr6ilVkBzyGZKiWp\nEgP/cUXYqS+t1wQLNlvyrNzzS6+PEq1zxk8bUJpoP3zbR8yWo5WAKlHcjy99\nY5zSGFW4bNTsQ9v9KqFFKsXsOzu6j7HekazLtHKUlDN51HmyUOAMfWDNhYT1\nulrgiddHVN/PIJ5KTkU2q3dqSvGLRT9zB0yQBQS/5V/9K61gBlRdF+WDl+G3\nVNNKTH4yJkjZc+BrWHiiSsPkSMzTAXdz7wFpw96YjqxkSWnsszzZJ9mp/Y0e\nMb2mkaxxpA9NKBGhkC6Bq+C6LRzc5kOqjx4Kx6GJRBQB8uunlALrsNeaQWpE\nCfjA7VREiMAQ/9zHJc3FQOmd3TEct0gKfNKC1mwgfju14KVCcNvlbIvXhng0\nHKKO5phbz1QNjVV0CXTJRz4SQydyT1G3fMjT6zcF9FVdztryb1zay6oKY7mO\nKctpuDvbifHuzzpk0bJMAcpfz3uri6lwZ5yHTIM3EUWIBy51/LjeBXc0954g\njBAKzo9oo8iN6yBpf9SR4F/Q94FjM7vTC+9DU3eWSTawHo0lQ1h5akIdX3dR\njCDx\r\n=WpQG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnoYdwK2n8KeefckaLWO3Q91AQ51NJ5whAUgP5Oi3TPAiEAxfOGC1ChQyAoUKfn8toMyhuqY8AfydY+5d+zP6PRU7c="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.8_1560305077474_0.5185498320967068"},"_hasShrinkwrap":false},"2.8.0-alpha.9":{"name":"vue2-editor","version":"2.8.0-alpha.9","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:alpha":"standard-version --prerelease alpha"},"standard-version":{"scripts":{"postbump":"yarn vue-cli-service build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish --tag alpha"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"4d285db78e47d8a696a06152dd7cfbb7ffb5685b","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.0-alpha.9","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Cwhj+/nkYkYa2gs7ulURFfObkJQ0DB+uLoiNEy40ZaVimLaSA+dtzAc/PY/v7vNg38vcAqe52yZ2yEVhSq0Law==","shasum":"1fb4646d9535da1e7b3fdf144ce44a19f35c708a","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.0-alpha.9.tgz","fileCount":8,"unpackedSize":217871,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAMCICRA9TVsSAnZWagAAVa0P/AtGLfYWH0ngeWvVzXn/\nAbFHJ1Pww9I4dGteav9GAqMp5gr+FsbXQTBwTXIgeLUr8lGvjm8RdiZ1uAuj\nyGcGARlvjhi88wkqcOgC6/d/+Pl8tsqIIEZAsRBhXEFpDEtVISuJ6wOHbep3\npKRONMAnYTaZTYlSmY6wFFrgzWHhv0TsZeNnW6bIyhbw8QO/GPKQCI8bJtml\nIrjOt2NIKwu+mTUrGhyulf+BsZ5EvMUC49VLn8wJ7BeqTxbD61rz8rmGwl+y\nbRb05EDTF84AWvj7SYQkK5ReGROALriOom9KWReB+cVx91xkFBU/EFYGeVBz\n57wJIqe3ENOV20rsPsK1Y3NhlO4xmxEqb1RAMWewjobQEDp7+e1LDXYmxPg9\nU425I1qUf2s7kDCQHQ6/9kl8314BbhzaA4qgQwKr5WUXtH0X7O/4PQKDp0CP\n93MRbx2UyxHY0QRKzOFtswhRA05J0YditwjY8ERLFYUCdETR+aJYYH1Z8drx\nQiAj2F1o76msThm1xc5cOxUu1qoZdFPyjX/Ragzi6soygrZpwH90OOEBDOrY\n1DdudnRRfz12yRQ3yLzOJhn0qE9Gp6s8ip1x3iy0nCaMUcS6WB8NHAdQsKQ0\nUhE2+TdLtliVNIodJWsUNftabJUmwXxjOOJEQGEXH2IsoP4y5ES6s5P+pNGs\npBTq\r\n=a/FS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIExo4yZ6j9vpgw629vhZ08xthDEnFb+bdEFDTe1cauIOAiAE42LaSCiK6Ugirm5I5x9mpLp9uxkXvnd5HPmx5H4/Hw=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.0-alpha.9_1560330376232_0.5234931531734681"},"_hasShrinkwrap":false},"2.8.1":{"name":"vue2-editor","version":"2.8.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:alpha":"standard-version --prerelease alpha"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"github:davidroyer/vue-cli-plugin-vplugin","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"a9f9752ac72e705f362a100b55b52139457d9262","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.8.1","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-syeVRBfoWDUBn8c6tLF82f0677ROXtXD84NcYcS9bH+6aL4FRcj9/i44wDV8GV4f3A8M0r/Txayn+6GuQo76XQ==","shasum":"3df8374cacf935aeaaafbf0abbe51e479f470e9a","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.8.1.tgz","fileCount":8,"unpackedSize":217893,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAMD7CRA9TVsSAnZWagAAceIP/1ZMDDy6mUh+sbcSqVEl\n6j25feu7KpZbvw36U5rc4MAGOqcYdrCoPsuTwLYnkbkaa1Q7WcoBrMiFgVRs\n8PqzpgPxpRWj5pTPT0xJaEN8DNrRtMGfcJCybq9nySeFaW9eQ0vwvCCZ3YgE\nSJaV/NEtVKNK5eAr7VSYsZPHsSHydNHQDNWN1+jJoBIQvKDYD8x5kSitUQ7g\n/oSqzmtOLdcNFhb1NrtLHDTnyCADSbKJOgzaJUR1fz75zWbs4EvuCYCpP1sG\nkVqMhStdqdNkmBUyL5PKYN7r5RdjOkWETGpa8AjlbtlYSs33eD0xWxGzZ6Mh\nEmkV5cFMGYQKltTicqvy3duNta2qha8LCWRNmE1V4g8tOAJUoz/MBoWY2LGP\nTXsLaecaMsarFUECAcf9UT0YOYsKNIjExdc4lSQsVkB9lbSB9RNe/EIoJwiB\n5641jJM1+gMhU8ovSJ/eLja3WMu5yW9gO/OUiDowTbZk3eXQbuUcUi6uZNId\n5FLu6gKb3kQJw8Kw7/NttS1UiboqCigp1QvjdWC40OeZQfMuLnCEktLyzmRc\nj+JqXqao1w95rTHyjWubz47cCVFD61gzgk+3tX0mPCCMFQI0S9ht1OV1HxN9\nm/NilTWidjGm8J6Xw6u5zHeM02rCKMx7SqvgJGayB9tKU1tR1Zi/ygZk0p+5\nEM3T\r\n=hf8L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpmSLocCxjL+C0bgBdt3C5tpF9QQ9BwDNfkXAmSMsuZAiAcmhXgKI0BE9mJCAghHQSM2Cftt7JF51VZNTCPFo6XpA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.8.1_1560330490522_0.7471707503835527"},"_hasShrinkwrap":false},"2.9.0-next.0":{"name":"vue2-editor","version":"2.9.0-next.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:next":"standard-version --prerelease next"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"next","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"4d98b39065b15f4d02f9b7b355bfa1160dd9609a","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-hsQVSnptuE8J18lul9moCc6Nyu7BFfGlNFMt4qMoTuzf6De/Befp6lR1HiDZl8ZjbXtt7rVDyx7tYykfbVtL6g==","shasum":"d320007cae03f8f4552887b30953cfa8fe240898","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.0.tgz","fileCount":10,"unpackedSize":277760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDFblCRA9TVsSAnZWagAAj6UP/R4dwc1iHuEAk7VrzxgK\nEr2AJNXctvJ1gG8I6B1FG9ohB8DwUl46vW3uL/L61xT3/kMPq9sujhxW5mcr\nLDUuwKjk3IyJDoHjenlqI/78R11AKVv2vd4qsO7GiwP40vKDuHldieNIFeQC\nvzk7hewT/pVKgRJcj64/xRE21TnmPkPdSEYT8tQV1FZfsn/8/ukx410S9+q7\ndVitJiP5V32yvLcCxRu7FCbmP9ujf88VxjdFjuU1yKQb3LOVXA36jJM6fM9E\nCdih78ZcoKAjrlZIcn9lePnqOWD66xZSCokAmuVg84Wy+ijomyobZ4Ig6AGT\nFpmiwJlMWhpDCaztIhGdIu8B4M7HOL8Vv8ZUPXPf/VrEZKLJ/WVQqCWxK6XT\nfFws6jZg4VKC8rRLmVyTH7jgPPGsWjzI4Uxz2mDp6n0LVrXu0/bFpVPLtpSF\nf3UC6fuAeRHFIXOgWQYh3WfQvJPdZILqKMsgMpHLdQHsxs5h+epCtZJSRuNW\noVviPq6hRFsoaxeC0q6orBtr+iGxNZpyDlnmhwHvQa4JvewuQO5CdDSRl+kz\nN8sKoJbBAHtuONRjDQdEvq8faWrkIMRTvbhXuJIaja8cg1tiabTAkEZVLs9F\nW8C0Z7vnwJnk7bUdRhTczRKYBgN/BBOSVMM3vcERRwGD+4+fXLSFBIABcjrg\nPJx0\r\n=3Gxd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWyF4YAQNwLRndq2SuBw2CWmx67aFT0VNhmAVHQQDk1AIgcwmrdjO/ijOjvGyHUsH+u1qVPi09x00M5Z6mrePmSyM="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.0_1561089765061_0.14529625026135418"},"_hasShrinkwrap":false},"2.9.0-next.1":{"name":"vue2-editor","version":"2.9.0-next.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:next":"standard-version --prerelease next"},"standard-version":{"scripts":{"postbump":"yarn build:modular && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags && npm publish"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"next","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"4b4146b55628363ddd625a95f83112405d475568","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.1","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ZSaQjcrkqlerg/zhgaMySmF9dlwZKKG+5hwmvb7+t02yqgga4tgByknzotdtYDziW/AQGkaZMD21U/qiqhtBGQ==","shasum":"38c9b5def2134881cb2f01fb54ac7ead2411bab5","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.1.tgz","fileCount":11,"unpackedSize":175844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDFchCRA9TVsSAnZWagAAiDQQAJaQD0+/USzZnMFK+HiS\nQCbP+GYdE9JZcJHa5B072rotAgXSdA/yQ4e83+m4XxuC6VMEgGUbiN222z5p\nW/QsVqjRLQugFjq0aC4w42+BsGmszfCoJSse38psxJZN88cZyGeH17GA0tnE\nHkNWj3zU/SbFp/DtNHh1i5pfWRrZJXC0gjPerkBRi/+CcaTkTYr6xgYOAEP9\n5VNZFEfbNTLuODmDBl6KUrSkqZkHXjzk7DVTlfpBFa9RCZ4NSv40fuyfFPuC\nltNoA3hV2SPRAR7yUM7j9ueTXQP4fsIFUTDhARflpb7jVvVjHMMkonBQjljU\nKugmE2wsrSeYViVgUKDdmITIHgl0neizmNxgovkWH4Xs1wtB/K2GSz1fHnTs\nSGRiHFgHUTFmFhp1OkpkOOKQ+H7o1EFK4Hj4o/xsUanBybEBV6+3bjOThIWu\n58pD1xAdUyTxHaYTx4Y3hbkUkYMvFg5VT08C+EXMOHet9wo6XMOWnP3E7KkY\nC6/ReS8BvoegwE4LE0g9CePCNdeZykJbyAJwYCOuH121ZFjRIAL6gPN6hZwp\nFxx0w8WeTjHqviO2dXdRdevlX2e7sd3GOEwW+XI4gzE9Y0a7oZmNgazyYh68\nYvZfwlTPmyYCNLwB7/o2gXUqb8lfrshQSe9UxbJ+7U+OuE1xX9ySAoqodDp1\nS+vX\r\n=Wrpe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCl3sKaXlk5J6wTr0xMiSGLWwyfONifLcZMaFh56wOQLgIgKtxd0acSRxNfaCVhajhBxWrKy+FJS1KOsLFLsCY7SHk="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.1_1561089825120_0.39073289996050575"},"_hasShrinkwrap":false},"2.9.0-next.2":{"name":"vue2-editor","version":"2.9.0-next.2","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version","release:next":"standard-version --prerelease next && npm publish --tag next"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'","posttag":"git push --follow-tags"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"next","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"c03552e892102342ceafa1bdce6b7a3c00bdd6bc","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.2","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-DS0ff29ex4LeRYGEnUcM3f+E6JntyW6Q3Z0ffTUWRmsxqA7CT2QXedZloJPIT1YEmLtLdv9IFwVhPx1wUTtPOg==","shasum":"4884a84cf4a712662deb0ee2aa74b617e8dac8cc","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.2.tgz","fileCount":11,"unpackedSize":276218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDGXwCRA9TVsSAnZWagAA1n8P/j0pFwuxlBLWXFTn05ey\nqZKHcCKVefwCoIT8HaWPR6zmyy2IoFGYHQTRA5ckR+IutmaRixBT0Ij7Pnwa\nZC8g99R5074UzO2bMcWlJEEafoX8hl91FxFKcF5DvjPlht9YVzDgEgAjfUud\ndbpppUBbbCdlJ9hRzj+rAkl8YKQv3osIjpXZfy+fN//6Li8ka7tf7RCzq4jb\nAXRg3nRIcCl50FC6fRt8AEPA6kAe2Vacg1nXvA5HICjKuRMATYdHZk+7bwij\nmTI9qGXXAdU4ryB7MHoQR/ENWezaFp0FZO4o+dihT/qeeEzXpO1ptDsdD+7o\n3XnCxWX7/2bY9aKBPNCnSCOPxq1qX5nSwiy0gFJcSw47Or8lrnnvpv9uiabf\nL40hFrhxnYEWZHEyObORMVHdFOqQ/KMZ0eV1ZbXFsJiwwtzfR1u5GTsFCARh\nGr2Ic8Kx3E3grUkmIur+VE8IKsAizPIiX6ZMr5dJNC3Qo6t1s49pxodfSYug\n8EuQxGZSwKJUV+Oxxhs8RTHBwN/6S74kE13SaPS8ye4/zDMG7QC4ar4KAnup\n8/ZpklTMsEukvi21ZYtxP2Ev6jeiC/9CSneidbbtCyfJwAdDqVXuIIloK7GM\nzg2IptG+jWsYnUNHvN8NQgir/scqbHvE05Fis06sBeSAQwtgbHZW07pltVO7\nHUlP\r\n=p4JA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpityg8ufQQ05M58krrsMqj6bPz76md/Ah902afja80AIhAJ60L4wV1OJLrL6cu7LHB//jxOSsgsZ/xtUgKvyUOuFk"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.2_1561093615531_0.7106196683411139"},"_hasShrinkwrap":false},"2.9.0-next.5":{"name":"vue2-editor","version":"2.9.0-next.5","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"next","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"260ea82ee8747086fb458014e9f284cbc843381d","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.5","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Kq5BvDCKdJ7JlWjN8+Ba5lkR/6OCrGjd4AvSgiZkByqDkDyt/q1xg4jl8op0Ah2ZPNQXW5gPfaYti66Pu/E6Cg==","shasum":"6143b4bb2bc027f6d077f8bf71160ca70ee039ae","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.5.tgz","fileCount":11,"unpackedSize":276888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDM44CRA9TVsSAnZWagAANB4P/1GEhIHI0VOUYVgG3jZT\n1+30+iaE1eSDCJzbPrNb6Ml3rPW1tclHT1HNYpSex2YFwbxdw2g9kwsqgsFk\nNHcz6n7GBAlLc7cBBkz4NIhzMEAp6DtlTSgkjPNSwh2vg+tHe/8Bqqa9GJO5\neEEQD4fxHYR3Gmno7tCTkoCdTiBkrGyi6M/KkdVfmdPfNGxyf9k6OaADFbIo\nzGVPCI2SypXzc2ZyxnVflivugtHNT8Z//UJ0/rYEdAJI83zJa/k35nTcExPt\nv5AUTGnnf9I2W08rli3fxt6YdvDqusxdntFjMHZanVj3wmaOcf7kgbr9/ATF\noosfSl+RqcPtE6pMOAWXQaFcAUv9QGdPQERGngi9RDU73LJ5tWH1zTm9qhM5\nhO0HFTfb5lcNPHwUsbmN5m4Dev+aa2JTpJyptVNJlhSumhwuGePMvdg7X5Gd\n3x8D1m2vtKlx0dsqA8xkTfbgEWoTlxmLH4jTmJQVjQaM1NWfkr0gNLs3w8V+\nFFagIPlAIng0B6UfvF4QmLdKR582AmaXS4wfo6PxXH/Fw4c0A9qudIAlYcsZ\nuOnBuGqmKtxNSZ9IeCx8oNZau9/FS7GDBwd9jrFPMnb3GJ4WHbeT4uayY8uY\nmm7bxnmQaz/Sz5EamyCWiMjkydLWb0vWDgxOJd+8q29WrXMrxvpZ+UZoFm3e\noyTy\r\n=DuqM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHZr9Z5GVnhmL7A7Hi2nVaVbEgs+XpT4NtbMfyfDi1zuAiEAy0yMhBP4kcI66a9qcKYREzn90bhDz3OWaiul4CPR5+o="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.5_1561120311593_0.8189819473491589"},"_hasShrinkwrap":false},"2.9.0-next.6":{"name":"vue2-editor","version":"2.9.0-next.6","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"next","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"c369a4098736d6aecc504388120e8bfc82ef99ed","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.6","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-c3g1HycZZ9AcLfcLa3vyLsvtb25Cfd8B/rVOOQgOg1BVFlOiSQD1Yt44gesDeCaxiPRXBAvJcJsW3bOOnIGMYg==","shasum":"8d90ec1f10a5afe67651d4346f540f5b7b8faab2","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.6.tgz","fileCount":11,"unpackedSize":277003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDM9pCRA9TVsSAnZWagAA9kQP/3y+kJj0Ja4F9BZAbmjR\nH9FMk2gjhosMdXiY1uSKCOQ6EjPCdiuGXFAw2DjP5i9Ibw2ls5D8zQ+bsO38\nw6ZB6+ox8Bw0G6Sd45YOX2rUbN0WF0PoCzFFjwrMAwzd/2WSqpknQSAf5Ywq\nQvR2UISjgd95Gl17pf06MuO/B4O0jgqgMJ+8TxVTq7fUT6lCbuU90aXYZfyR\n5HCt63gdJwtxI+TmLhSodYYmAO7l/jWb1eWy29cSHR1Pd4Jp6QwnA7HnckO5\nkTWUZy5JVjoznh53J+kLVnW0rYkM7C8ghnZfehRMDM+s8T+5qoc/Riupfd0b\nsZkZyybLsnFC7S/9uVoVnZTf60affikhMiXCwh+JWKg+set9TfFoKiKUWgYF\nZnsaG+iN93m0PL7Z769d1RtUiFd41ra3DTAMyOJYJJiHnfvHXtc+v9jr7nLH\nu6hyclE5UPEwHJ1kil8NnuoSu/+Py/2c0oO3imjWdWjiFUv88C2Yxvm+52wb\nHICe1o4z3Cxj6uEMECMjz6lFz0dQEwdIZEgfmD9VqefUvpXaMAGovLZcfoBU\nDUpN0S5+TiSuBSDeT9WFSkN2mCCutPfrTa77qkHMrDOMjkQIxD+G+FWv4c3Z\n2hUBqvRQVQzsMKL5w28njmkO+LlpTfQPVheNCe9MN3XgfdiiflklVmYrnK14\nQ7TS\r\n=+0Zj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEuPZkTGFgwLyQ8IsXmTY0syqyIDARkm/DCTIXh1iQHcAiBwlvuGw4dYR9z95UjVE55NoKFhwmQ+w1PX+nLf0CryXw=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.6_1561120616701_0.5121839950180511"},"_hasShrinkwrap":false},"2.9.0-next.7":{"name":"vue2-editor","version":"2.9.0-next.7","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"next","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","gitHead":"f4d13a66b065b94552d6e6b2e305742ece3c9dd8","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.7","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-6XV9cnSm2X4Umc7KY9kooqtMjvkWDOKYu1wJf5XRYq2gZS8Gs+YG3B8yoQjemR86TrF2Yq4RVtZDEsjatZMPIw==","shasum":"1a132b91bd7c9c7e751ad5f1b5e5d92ae721f62f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.7.tgz","fileCount":11,"unpackedSize":255117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdDwhnCRA9TVsSAnZWagAApRwP/RfbttzX2V8AJp1VTkK9\nKyJJ5xvmRLp7WhDTA9M5btZ/288hDESkeOjUjuMYx11qLORiaihcq7dExOu8\n3LvA5UbXF9LtbX4DG7ZG7Tx17JiSsxvy+e9Ekl4hhZM+X6hxxaKIxK+Mzvw+\n1MNA3KOJ/v/IeoKOKlNs0Ousk/AhhHJ8RRBd+xjNiRRFQtC2HzmLlnwCPlmG\nV5v4cm5ZBWHH9ygiZqqKLZCGjHWye/XUHShBVpNkaL6bwp2BXEnt9HSwzfNL\n0fVrr2k04vGYmti8sb5comWjUEK1cdH5b6XlGQQFzNKUJBGDSg7G3AwsSTjH\nlaSckw/kRUmCW6jIh0JNdRf75JYEgoB6g8QjLA7GwFNbKl9KDJxyCxKEp/eD\nj2EOALhS5lnRyCgGLXl2OhUzIC5tA5jpTzr2C3Oh2gx8o3hZXwDeliOPKSlT\n2+n4X8Q95EVT1WSvAvxtuH1YhSJm+ik9cxweyUzoKc/1sq6LSfL5YuTx7UQn\nUiUp3PZRMuwVFr64s8s2nJw177XiMvRMkoYZwli0zhu0wskAmpNSw1yMUrnu\nzioTkRccMb8Ls+F77H/ms7OzuSy1//zKAqV09HwEaQSS5irbY6/iFiSbR3v1\nvjxuNU/YlQz04BRd6dTBQuO0psQmc9EY3lhGG0li0++rMB8ZApFyfr+JtJE7\n58Rv\r\n=Dvj2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFVCwbQV4ElzxtIJsZajVFLnrIqcZ0fomZ7eQOAC5uZTAiB52BTo1n/T1AHST1/2xonfrZhzoLELZX/ODc0vnWXDZA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.7_1561266278437_0.011186787548050248"},"_hasShrinkwrap":false},"2.9.0-next.8":{"name":"vue2-editor","version":"2.9.0-next.8","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":false,"section":"Documentation"},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"52474f94955fa760f0d313dc9b85f8ee5b139d6a","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n``` bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n\n# Examples\n\n## Example - Basic Setup\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Some initial content</h1>\"\n      };\n    }\n  };\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import axios from \"axios\";\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: \"\"\n      };\n    },\n\n    methods: {\n      handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n        // An example of using FormData\n        // NOTE: Your key could be different such as:\n        // formData.append('file', file)\n\n        var formData = new FormData();\n        formData.append(\"image\", file);\n\n        axios({\n          url: \"https://fakeapi.yoursite.com/images\",\n          method: \"POST\",\n          data: formData\n        })\n          .then(result => {\n            let url = result.data.url; // Get url from response\n            Editor.insertEmbed(cursorLocation, \"image\", url);\n            resetUploader();\n          })\n          .catch(err => {\n            console.log(err);\n          });\n      }\n    }\n  };\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        htmlForEditor: null\n      };\n    },\n\n    methods: {\n      setEditorContent: function() {\n        this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n      }\n    }\n  };\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n        editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n      };\n    }\n  };\n</script>\n\n<style>\n  #editor1,\n  #editor2 {\n    height: 350px;\n  }\n</style>\n```\n\n## Example - Custom Toolbar\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h1>Html For Editor</h1>\",\n        customToolbar: [\n          [\"bold\", \"italic\", \"underline\"],\n          [{ list: \"ordered\" }, { list: \"bullet\" }],\n          [\"image\", \"code-block\"]\n        ]\n      };\n    }\n  };\n</script>\n```\n\n## Example - Saving The Content\n\n```html\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n\n    data() {\n      return {\n        content: \"<h3>Initial Content</h3>\"\n      };\n    },\n\n    methods: {\n      handleSavingContent: function() {\n        // You have the content to save\n        console.log(this.content);\n      }\n    }\n  };\n</script>\n```\n\n## Example - Use a Live Preview\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from 'vue2-editor'\n\n  components: {\n    VueEditor\n  },\n\n  export default {\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>'\n      }\n    }\n  }\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are 2 ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```html\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\n  import { VueEditor } from \"vue2-editor\";\n  import { ImageDrop } from \"quill-image-drop-module\";\n  import ImageResize from \"quill-image-resize-module\";\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: \"<h1>Initial Content</h1>\",\n        customModulesForEditor: [\n          { alias: \"imageDrop\", module: ImageDrop },\n          { alias: \"imageResize\", module: ImageResize }\n        ],\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      };\n    }\n  };\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.8","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-aAgrRxaz+5/7fXf8edK3oBhxJThZFM6I8THbdBDwVJuhv4m8QJXKaZvuCvRJr1odozefjups1YqZVbkCoL/4Vw==","shasum":"f7788b0aa564a84d226e720c3a75e11af011f274","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.8.tgz","fileCount":11,"unpackedSize":276455,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdD2jvCRA9TVsSAnZWagAAQaUP/jcG9rBaV+vsXpxsh/Yc\nu7xuThiBhNxuGF1SmCCVW1BlUHG4RVYe0TkI83N9MqRiBdf2mA4QjL6Nb1BF\nbU7/bc/myZmdHwhHlC6grD2sxgkBUzbc9FfEKhxZMz1bluovdh/MhDVqXSou\nsIpUlvwD25RZO2LfiF3y64k53oTrJHqsIjEpc06mFoL9hcnyAWfl1TqkjeTq\ncioH80mwzM1I/KEzR35r5HVfX+qMi5WxGr5/Vdwn8556ador5+iL9Q4vyrNa\ny8GCbY0HsvqkirH+iZVQZfSh5Ardp58oUEYZAwOgFUSBUtdZDmIKf+PYi6h9\njn5ybMhq8soFlrCouOLqDDNUkEXv6vxTr7JmIoMopPBehAZq9uDY4X0PnkDw\nInt+skAC5eMUOqhVQfQJI1BGhAOl6m65yfPsok3pQHZjmKpQJy7G/Q+pJIu6\nJ0w/HNGv+oDw4yAb3t0zuPjOUJB0dTUU+17fEY+asCmTNam5VJqGgwE8AsRq\naKVP61fwQimhGl9AdqN9c8G+xMUCLYdgmE94DzNG4KTpqFmRfaSmdVY/svzh\nUMoKajnwrrGdBqj3QeRE1Ts4dSu74Rx9PA8EQ/YtBWhPfV/MmhKlscgzCu2a\nfNFIHi7n+/wPGINm+zN1JtO+m/Skk9M26P/zyLdmAZKbCLJkkW3taieHYvxI\nVz8z\r\n=pWbg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbIeJB4eBxvOZZho6xMaE2CQg+UzAVzJnE9GqHYuFHWQIgTXgDY4G1Kcdr5wv780bbZPtKdfCYZMPGY7rMR5tqYHA="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.8_1561290990800_0.5787372754856437"},"_hasShrinkwrap":false},"2.9.0-next.9":{"name":"vue2-editor","version":"2.9.0-next.9","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"a2ef262cd229377975977b8eeda9fb6d90fc92de","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n# Examples\n\n## Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n## Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n## Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n## Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.9","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-7TCvcXOSC0dlua/gTsdRnrXCaVVVuNl8llqengSIUrOD9fYCcn7P6agUVsrTz6x4BWZubIb+Gy4+0sYQ0pRlEg==","shasum":"08bbcfaeeb793a37508c0bb3b75bef1bb0907d23","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.9.tgz","fileCount":11,"unpackedSize":1259115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGDRRCRA9TVsSAnZWagAAKWgP/1As0fvCd+YA1ez1yMZl\nbKqEe/ycKgvcQraqBtNDi0osiooJESyfakIwSnKNtmxrWQlDMUQ8JccQvPhx\nGqt9x4Q8NA6u15Iz49mseEGhdadHBzG5ehD/ilan3rKKh+uIsswSHgsrsTwR\nmIyWKT22qFfDfd7Z5jV2QfoO097Zah8zHmV1emFwTtkvrCf3spVqqZzwLYyb\nuTBCY3qNiub/5GvKTawVGCigmecAzYsbE74jsqZZhWeM1jMnuXCx3WLk0qDp\nHj86142VDrVijfTQZn84FZIu5+zpKO/wif3R1CwRX6kL6s3e+oazAr9ohc0b\nqfWMZLsUyKaDftwhFy+oHsSIfcWBhOxXrDBvTf8sc52+gdz+yX9gnko8Dkzr\n/u1fiAgFa8c3ux/4d9Jn4V3cS2EjudYM5gVCzsBUsSsDyFEgChqrfce3n2Da\nmMOjthKFnAUHiqWx6v8ERjg8GA1j10bRmg4jo1GUTBw/wLKT7g/7j9hBckqZ\n3LBf9OvqOps+x1poNLDiaeDYI7C4FN0EdmtTzVn3GBKkgqnAGKmnAaLA7wK3\nxPLvBAux+DAw5fMzhLErYfWoinM6EOguTH05FWPi9UHVewPp16hf9je7Iuv1\n9yspJnuzfk8MCQiRGYM6OmCp/2DFBjdF5Tu2vQM3jOI+xaqLWvBHkAb8bvvC\n7A5f\r\n=pJUB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpwXHkOYIe3PrIWvHgim0PiTnpS1TCfqgMntTnH1r70AIhAMX7b2U2kQAjanEgC+5tjTEMBil5PFDBUBP8aU+AVb+B"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.9_1561867344674_0.3705701109380213"},"_hasShrinkwrap":false},"2.9.0-next.10":{"name":"vue2-editor","version":"2.9.0-next.10","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"9b85ec26515452bac6a1d2d07337798978d5d1a8","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n# Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n# Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n# Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n# Examples\n\n## Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n## Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [ example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @imageAdded=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n## Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n## Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n## Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n## Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n## Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n## How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n# Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n# License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0-next.10","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-u793vffxo3DYUMvFYnVTHurJpYUu2CWdGTk4GvqFIVP+rQVWY6KBhxOdmpAR+WNBk/r4jtSBCgMRqOzK2b8A1A==","shasum":"844b75a3af82208fd0934e34bfaa0e3889673a26","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0-next.10.tgz","fileCount":11,"unpackedSize":255245,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHBcwCRA9TVsSAnZWagAA0iAP/1vzdqYAC5FUT1CLVevy\nKyRYvHK0kdDa7ENa+qZMf848iouqIyfyNBw7wT/Jhai1dTiNOZxXauTmvaC6\nntaLMCN/4SILVEz3GWCK2Y+U1a8xWvf3+UU0J8gkEF5EhYMeN84prWDyvNjA\naAxKmTyeEvaWIADmJoOvIybjh5oMQ1HRP3SHjNXN10kWp5CYGAytM13GMqRl\nCC34NTaXXo5dLBJ7DawHO0fxvSiUh/+ZCUfVglXQh+uySYvguiWbaR2gUCgt\nRcSDmiw3kwbNtCX3ozvq6GdfkskP28COZVsYE6kJC1/MyCMo6Dl/8fRunjfy\nGDLl9nSbAut/pcRWmRA5NorszC9q8aZYvcy3IvaTUjUMJqO3n5ogopbLnUMk\nI2U+KOuaG/RJJWpsKfdt+SoqVcucs+4ByMBUgC4uR41RMMAI8Mi7cOBAvnnO\nif3RgQ/AUbT8ijPQDYs1A5aRFYU+yjVmBBAKxDicntNRhhgxBJ323e5HKtf2\n7g6/uRpQ09SsiE+w5umszcrtNh6EqiQINzATX89PQ8di4c04D8xauXAL7qaz\nPeVG1PXHrZtGQjrzuwfmavKHgC15tliAn3OsIyhtghNsNaW5b9Mrs3yoXVqn\n/QDdVSS9kRSipcmMOU6ybm5pKINzK8sLvUVV9G62N6y6ZL6F8CJd15D6L7VA\nAR9b\r\n=1jMa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA+YdWaqpQJQ9b2EHErfE/JlEy0EIr7OfsvO9nMzc8sJAiB9tcHJtN9i8HIHaDAr2VHRSrcTeJdmwSso63dO52lUIg=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0-next.10_1562122031860_0.040491377887851954"},"_hasShrinkwrap":false},"2.9.0":{"name":"vue2-editor","version":"2.9.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"bebe7bfe26ff3fd90b041a49ffbf6c8f703492ee","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-i2jD8Ow+ax2KBnQfd/Lk+veh3gnNkVYt6qRo5wChsgJlsxY0rHOE2ApIwmwvMJuJBaz4ZUpF2qmSBSK75+3NyA==","shasum":"f3a3f171eef8f527f445ff026105944d1174fc56","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.0.tgz","fileCount":11,"unpackedSize":255259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHD8eCRA9TVsSAnZWagAAwzwP+wXX374CXv8X61FOpUDz\nkwLWsH3X+7a5ou0Xg/yKUn7HoACO3faPGDl6BMixpcwzZkgcH+8iR4TM7CMn\nJBI0lvzVB+0KEP75CYH10nYc5H5m8WK0djrAYmeAWXSMF4Fr1Hy87divtvUC\n/HIU2B232Z7Wac/+9Af6d6UFkuJaQkTT3d250DyrxzPAOqNWMNegJulCPm6q\njQa4PNgi43PO7QZ7vS+7lBSulNC2Sy9jv1sSlTkQqAve0ew8XFYSdYC0F1Ym\nQyhSlgt8dFOgT8+07dFrQttslH0XSBpd1T50y85koGkJ4w3nDz1lTOb86VhN\nAJWe7+MRN7zokeyD3EZdWuNw+pEUMC6wIHNJRlC8zigYi+ya9erjOZDXyrVj\n4Q4tswm0UwXshtXb1rv8RFgDHcdYn+DDFewEb2Wl/D8BHo+gEr99QLE+XG1u\nRWeE8TKBKMVkixq0P6T+l2LTBTVDRaM8GxzH/mGvPe4uvHtIB1sVqOtXk8aH\njd/EDbX1xxgifwNV7USuLXXQCaG92K1ePBZo6PNKtAwbvKCpp6BcZ/ntDNZL\nRosxYw80HyA00J0vgg1t+JLQcGnz5uWD0dEYhKDuGmyqnRV7Vg69bTrSxdbV\ns9sq09grDaSiDLTyJwWjknMWjsU1Ni7MUeMGUdf+XmINZlIp8cQkKkIzczfX\naZwI\r\n=J4dj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5GjalRzVG+8YHjc6Dx8p/pCFIu9CPzkxA87sTB/+iBwIgXzXx3a90V05EBoM9LTbiCVpcYovGaMv9RVs71f7MifU="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.0_1562132253546_0.3315314332127468"},"_hasShrinkwrap":false},"2.9.1":{"name":"vue2-editor","version":"2.9.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-demo-code":"^0.3.5","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"193972317a4f4e3109d419e6fa589ac0710e1f5c","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.9.1","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4974JVg9i+Bgh5jaPDdeMJLC62//xE9dtYebBi9hoJ2ozTohqN49gP5mmV67Ddwsy70FmFWPOXoQI07wEk/VBA==","shasum":"4aa724fcb36d70971eee8918a2a634fb0163ddf9","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.9.1.tgz","fileCount":11,"unpackedSize":255369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHEEGCRA9TVsSAnZWagAAjHwP/RcmPbOAUG9+k1pBRKvy\n4HEkVzeczNHz2JT5cCx6OfoQZeHq/jB0wwKinVPKylK70HF0H9MfxxbFM4kF\ncHhD+J5mmSUyyAcTZUnblo698IuGhOZ9YfSeLyxdki7L5RsM4mKswHBfN1ZG\nhXp5dFGyDCXVlL/oX5LxVfhikLsYRklL3BwtsR9a/dlZsJzVFsqp27rZJtcK\nw00OWuYXGsLuQuI5vda+fe7RgIS488pr82ZcFBmWjn/OKvy0FSWg0EaFMooN\na9ZRzJKXRnrxsiYhMba3wfSL7pIbkBZpBr68xoR9/ke+1amBlT6x8vIiFg5X\nNfrDItrzMPEfsDp20ivkNZfBSYQAO04jIp8E2rYkxo5Hq+4eqo0ODxOXg9lE\nZMDgB+ZGe4Dc/bbZGWfWUm3zjDN6y8n8tBqZl2tpOocZBL7MGoIFTZinMtTz\n4PuX3/pIHQ9nXs0ki43qlbnyUNyO8Opzv7h1t08mh2uEydSiV8RG+M3Brkn/\nrgmu42gBHOpHJVJuiUGlX8msmU7nKoiVPjE2+c4PKZcxJ9QMSfe2wRr3KtpN\ncLtMPI1PKTpAdolCtkMHJOgNQPCc1Yv7kTzQST6A41FT6KoJTiNa6hbxTMMQ\nA5+yppZD7d1y4HNBCA0dwlRARmXD+hCbNx/c3grpMC4en5rZ7A0KCcLlIzdt\nxRQX\r\n=396f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCse+YNbxIc73y984fOAEfP75RquXZL44cVvpPAJ4a35gIgEslk7lPwkUcvK4PDT7hqKhdKahJgqx2FFleQVmCIJFw="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.9.1_1562132741539_0.6280715410481281"},"_hasShrinkwrap":false},"2.10.0":{"name":"vue2-editor","version":"2.10.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"54a76f53679e9058ba7ab4d407f66f23601cded4","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-JZHd94Hy9fgLYlUeinte3uT5lQyD9Ws7HpPsuO/uB/RyJr7KfeLP5OmBz2MhjVGq4edhBGjCXJ8o3chsDDG35w==","shasum":"340dd6d9f72151892deb640957c9d3d576828514","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.0.tgz","fileCount":11,"unpackedSize":258511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdR51UCRA9TVsSAnZWagAAoVoP/jJtM2YSpiAE6BpGW5ui\ns94+knRZVn2BaBJtHZtxSSF4Q+SgPj0Z/DZHNV8+DvBT0rsI4VXWFTwzP9tl\n7NKQiW7HTu3ULIpXqgQWVKp8J+x1gJU8RO8zi/lwShZk2aRz7OS/eH9ypkfl\npmfZ/EeccB63AyQ31DkkU6IkMB1IeaMJ98zG6aA+kOgypOu72oFdFnU6O/kr\ns2d+4bxXpJ4NNAWs4TdfJT+5mmi+7o2ujBkAOTWV0ljKMYRGr99Yeo9CICql\n9mf9aJd+jzIWEvD0u53zGppSCMhqd+7unw8hgy/x5PPk9b7Hp78JGoijivCj\nfWX26ll7/LkfG+G7OvgfoMKJgWOgj3bLR6kHRm35uQs63kQtJ9L6KGVCDl8I\nFT2iXPxQ/pNv+kKcdKMb0YAidG7PZoq0I8gTat0/Y6W3KOCnSOLGhRBKOqYJ\nLCXZ6OXdjSg86nLaJTXl35SQZI6VCnvpH5IFxlrvUy9JJtIByvtztZw2JiIT\n0vZDOow4/CPNyZvuhwcSJ1oL07l1LwD6O3Yv3T+Ex0xxYSN+LZle4TJv3Hfj\nEwZdJ/VROHfvRFhvFar081dfd/dSKB4WF6LVwT0V3uSa/3njLF4FA/gp1fYi\nY+hjxry1juV0toL61Wm/4hOCu8izfN6fruSV4KTIdNkh0lwPwJuWetUnEgVz\nMEop\r\n=+pDA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDH0IkmsuELtVZm2KCM+FZ7V/FZbXiBbmhuMMmbJgfU4wIhAJ8ViJzpEQ2c0kglOjkDA/tvnUoaIeNT0sNotXVUBUoE"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.0_1564974419181_0.8645616712870712"},"_hasShrinkwrap":false},"2.10.2":{"name":"vue2-editor","version":"2.10.2","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"e22dc5fcabd71a11f42fbd9e0daec8d2f5ace42e","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.2","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-sjHTPdRoiB9VK9HLSOjFgubxBWHxRydvykqBCNaX7Sv+2KpdWu6AoyguvP5tyEp4ECX7z6PnbBluyD5M57QOng==","shasum":"57dd2275d66a407c8078330951a9b601840f033f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.2.tgz","fileCount":11,"unpackedSize":258979,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXy1QCRA9TVsSAnZWagAAdQwQAJ9ijoF0efo3nLvIrR+s\nRDarqFwrVLdxrksQFJtjDwv1xIBvZtm4liywaWJTSuVzkixe63dwAl8RRaap\nBjPWwGBpiNSzWV0m65uA+5rhVTUtNeDKgnCATGP+RsxRlCR2nfJyOC73tdWH\nJ4lGulEmoL6P5uc5v6rim6wfRLhEbrU3+BXCw96MlIl7wvMHjl/LDMDVFTdE\nRN1KhNqYZ9uahNYAl9umdcPf9EYKGxlNJZzbNzzzz/Egp/8zvb/GM5FXrpKJ\nzTr8eEw0zGZNhq6krZFoT3RqDIoALXv9onJfs/lmaLovSe0EmyX8+pCTdEoD\nlRBSgUgVIxDzLlFNlHFQs2PF/eU28pk/1ROfM2iecrFZyX4GJQAsTL6R0BY2\nwP6wD3WQePN4ml09AaVuLcJTZvbB5wvXFib/Y4FUSbhwxNHPlvEReCoUILpq\nS5h0zWwoq23P1pQDWLXBnABArszrbjRoCTvxWp1jasqDMMV3r9anG2jlI8qc\nIrJO1Gjp11hAJ01xDtHec/t1slJYZzitjOB0DiCK5BdyhX4gELOxDZXiU5OT\nFVM+VuFClDZnGIcfg4HHhpFRXT4ui8boLF7jVvCMSCzAzMH8fsBtvmSaSxgt\nX2+tyfghP7DzAzs1g/G1Jky8/n+QZ/sHd1ysxJ37Ul//6LTRVYSKCnSK9lmB\nrfLj\r\n=B4PS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHcS/bsznO4CIGskkbif03D2pZWD/eRki9QhYDt/MGs0AiEAuz10utQv9fFNO+9t7/Cli892sx+VdmVd5Z3Nxh/27jA="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.2_1566518607717_0.2098867542864138"},"_hasShrinkwrap":false},"2.10.1-next.0":{"name":"vue2-editor","version":"2.10.1-next.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"e85e7de1490aec640965523de17081c847b8b5af","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.0","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-UBCIwuF3ToFkriYgiOdMCN+rP8zaenFACwfZOgushyR+ZHMCu6CZZZif2IokPIn7wJBH1Hmwqv43Nm3dizAC7Q==","shasum":"8f1cff9fb6a06037deb5698bda7e0d75cb1174a2","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.0.tgz","fileCount":11,"unpackedSize":260923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdg58oCRA9TVsSAnZWagAAYKQP/idPKLkghs9/rbZhqKXB\nqyCyh96Mto91e+lANnKu74vICiDSpkTC2ulruci3CeVpvbaUsZDnPCfMvLwe\nqH4cwdutdCpE3xhAQzi7jlIH6sDKqw09sAMPc5kUYlfneAnTl5msnjuHorGt\n+nePfSe9YOrC0m9xW7U5E/cw/JJMGYq/GoUkbcfcQjF4QZX5LHObDkt99spl\nEwOSvG+5xU3Pm9xDMYHYJAOy6sgVl0Qh7fFDFvdmNo3TFosJ6ic6Rsbh26CC\nN6EIuNUaJh1oJaNyMXXa0Wq+9tH1Rcgusqn//lMNF3MJffxdjqfH9pgP+Mvm\niKrwcW+VygkphRifDOODcO4IDi2WioxZzS7J0hb87YauubqWK4GghE+T958q\nuTycRZ49MWs25C8fRU3t4ey+bLVla0SKXL33hO36yzt+7+hNxIhEYRIPK9Bl\nMZXJNrJzgTgnQdo7Wja/xZkia3jJ1cK2PPJUjlJOLyim2t+xJXGWH24h+N+c\nSMnrE1A9tmppPQJH/wPuQWLW7rRJ7lMmpDMAdaTxdfF7GpmtIkvp/CjrNzEq\nhkUNBj1J02TL/v68KmCjZQzUWkbhPC4BT9k43y4K46eMUeD9zbLmh7SXc5LK\nzTgTGpJnJ6qUuemarx6kf3+LGRQgAcipne9c0n9T/dNToL7KOZ0VzcFFvQ8I\ntqwz\r\n=xUE7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIATqnH7LjqX/Uwtg+ouaqmmzeWiPM+dhHhDDGIYyw0plAiBL0F4mS8ipp3Zqmtb2X17KIjMM1UsCNApKGXgVHkZGCA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.0_1568907047392_0.5928664044978418"},"_hasShrinkwrap":false},"2.10.1-next.1":{"name":"vue2-editor","version":"2.10.1-next.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"53c27ec02e505ec909f1be81b5259e424c638261","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.1","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Vf3aoAijb91+K4M03GhAazrD3Jf7oSaki5X6V7BUJpj0dTXLhxaWvs2O8Qqlg7seaNqCFC76qiOhD/xhwnyThA==","shasum":"d1cc164553c8347626f0129f3c944db9ea1ba5ee","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.1.tgz","fileCount":11,"unpackedSize":1179532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdg+iPCRA9TVsSAnZWagAACSEP/iJZsNXUjIdI/fWFUL01\nbtUMerBrBdCjuNhzpdqyPV4qjXd47cOcs0SfEqNFAaYx2PCw4PDYoX1X0Kav\nx14Ypx7a/okRVzXwgwAj6IjWbQeHek4kWem20W5OZyTQwNV2FWFa26fd7Y/Z\nizvgL22/9I+YLpcvPLuAFcdkLsJAuDzQM0ngAiw0BDSGwa4D9349vvAyqbmX\nIdo7E7YJ1RFBlzgmQKv4C34KfOog1owe+AAM7tGwYOzbdCgy1g1qldVBPHd+\nbml5XmJQuXGoZ02jQx15smME08ZnSymzK6oOAPGCuwK0NBriHIzOHDeS71Vm\nDnFamqQ0pZh1cim/cMRGXXxu0A4G+3TlomZIbsn3ZTDHTb2+6p+qZVO3gaBf\nmrwyxLPOZpe5DKR7jaTZuq84Ol1ouYB03RPFh+aKPjneLQJr75kleROJXIDv\nm0+Ng0H4uds0mxxyj5wYkObADhdr0r6JpAZNS8NjJEo2O1TIXYMdBA4K7Iwq\nXBxj4TLO/SZINgkpVrMF1O5cpdO6TFQqfgleTmDB4h+i/x43Dl+me2ba/OIl\nWyw+tmeOm/foId0rvCvLKVGxIflGt5kLcLm3ZNFM51k0iGseZnxKt584L72N\nDmmaIxRNVJRb0C/f1H0UGQzTFTkiq5SwekcEwh4aa4MNKKi7o/e33GdTqLrn\nIhyw\r\n=RyrD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBsDSBTFePLOHvpRoXEc6YKVBO/p2/E0EjoDoy/muw34AiAgA8JQbe8ZxuMxDoT7JFjEJ9td+m7nnNteouJKkI0ZdA=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.1_1568925838308_0.8811441692864328"},"_hasShrinkwrap":false},"2.10.1-next.5":{"name":"vue2-editor","version":"2.10.1-next.5","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"0a19b11a27af19bc910e9a641a5722aadedc5a9b","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.5","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Oq6TzO3LDwG5SBmdxydkqiTw4mQ5o/lfraTGDINa+Ir0DomVX09UDvZ20+TOMjh1Al0gtAqZcVLBYTtfCzCwZg==","shasum":"321854ce4c2000564b0f89694bdc42d9aec11295","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.5.tgz","fileCount":11,"unpackedSize":1194536,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdg+tOCRA9TVsSAnZWagAA1cUP/j4zwmsH62GSuou+qGnZ\nvpNgGfzf1gDDzUSHW8y/vc+pRM3DXgbZaiaRN/X4JnLZ1hjs0Q0j2X8CDQfq\nnvW/HELWwQXvtos27mNuVMq/0HcUMndzQOo2QhIJt6Q9SDzKvA8dMNJEXEBj\nVQmz7KNINZd/H11xToqP3VeUN1MF1nJySWcXGiEzSfN9RoxnPOPZjYs9IBlV\nIbHG15D4fxi76iY/KIireDs3v0mwuec9+48PyzJJG9SDdeAON1XRkfEAPGz0\nf4wjDd48+wTfbnntcbF/Gz6mQNLKOKHOogmf0lWURyhS6T8ASNZgAYV/kqSE\n5QNe1Hny6wp8gfUfPzxJ/eku9TVQX0D3g0hhzHJ5PuNqdJ9d/3bfcQmpw9so\n4v+PtzDdcdxr82kJMzO3UTQM6ATk9QdJ0IPFxxJ3UP+hFTYbKTIWx4+Qfl+V\n/IR2YQNAfpnmcJI1RvhzH/NX3U5g2RoUN2X6SVdv//tNhUqHUwmQNBMRmXLs\n1LjiUzspZ9wfxRLyW13Z+eaGNSvNguAokihuUTVZiKHcPgnMi/jVtuBqU8ho\nu8W2WzeG73rW97PxkC7UAWeqYFVzHQTq+yinVnIP/2UEmKj1z3G5LncM4Mts\nSePdlrRzdDwWE4Ss+6qzK3TnMJXxWEgQj6X86vzE1/Pn0wKx7biy8/0P51cO\nxhRM\r\n=EN8n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6n5QZeZ0dq70qALkHR6udP/eCTYCxbjimCbqDrrt6VgIgPEi6KtisvZEcJLPY2wkZlNLkpJVvg8cBW4b4HGX1Eo8="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.5_1568926542225_0.3396298842270853"},"_hasShrinkwrap":false},"2.10.1-next.6":{"name":"vue2-editor","version":"2.10.1-next.6","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"ba0b4baacc23695eb57f833ba92982df86cfb37f","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.6","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ouwjNq/7zIeWgDSkNG9FuKR0j7SkE0PiIbE6uTX48UnKaO9WB2pa5EOj7o8Jtbe3pEsTxRYicuw3PbSFDv5sZA==","shasum":"769159c17f979276790f9ddffdc54ec295ea5023","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.6.tgz","fileCount":11,"unpackedSize":1192764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdg+98CRA9TVsSAnZWagAAisEP/Asg1txOzIwQDaetuKq2\nAptXkUlCaHtXuM1TorsZOSWBHO4HywGUXs4UQ95pbZag3J0nHaz7WxvPT/Hw\nttoXKEzBpgL+/Ac1bRiPgmSitEpX8A41UkxMQsOPR7BXzrcqcXdsEKSK9P9a\ngr178t5PZ2CE0WxWjkYRZAynXMqGxmJW9tFt4FTnEwvdC7N++w/ga2EhNmtE\ndxabbE++JIey4zEDWmbqK8kgyLoxRfIObbqURDa+AZKejsXHNHXNzNlB/Jjg\nNTqgQu+fO6KIOjAM95Fe7ZJuWFV6uOzHRDz1hAnj5A1Y5+sJkpKb7Yr9Tr+0\nJItYiGVApq3HpfhJYkmZIY4nZUKvFS0XEgd9sVxmOqI3HUn/wKSLndTBh9NC\nuPzAVJ7i0JObuDYokV244nc/eMOOzlRIFj6kgojn8vVdiBGJHwxBVVqsgq+i\nuWgx+JOsUbqQul2WXlA0UbbCbMYLVhtbPiX69Fo1gCD6BKqIg1/DCsCxsVFA\nsr9/REmHbp5e+6YTurNl61wEhrVzVI27jzsPEBUu1zMzRfEdwH++fFWHTgGE\nhmpZnppTaRZv0mgkcjWNDz7/mpLokK86QJrBgnJu+AfMSKLKMutLrMPpkD0V\n/AMvilSwUN9WKQVfTNI1jUaaYFxCvFAiq0YCLQQ32FVGEKPWNWDKQICALIyz\n7223\r\n=vNHT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9NlZaGetFepL5IIC1lE/EVCfC+aD5/6bfaMRn9OjY7wIhAKkLSJCMQBeGrltxapVjDoJ+KiJYVmfUorEgaPuvSG9A"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.6_1568927611190_0.44969408263739585"},"_hasShrinkwrap":false},"2.10.1-next.7":{"name":"vue2-editor","version":"2.10.1-next.7","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"25fb6923cb0d1b51e482890f9f5e78c34e54f732","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.7","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-btOHS8KGX4kJfDrHuCtPFKgTmcN+WV92gP9pD7hh0ekC2kERxoO2PqTuHAvHyzOnhf1eS2tjPxLCMrWiUuNVjA==","shasum":"699c34cdc270c668f0e7253b2141c357a71fa47e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.7.tgz","fileCount":11,"unpackedSize":1193098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhAfaCRA9TVsSAnZWagAAsWIP/2OxIXBTZd5hyMaWCoNX\nRTcTo1e+BbRIf2Hnt8mbHBmTOa0sTJAhhUaX0lu2IsXNgGiGYdW9LxU1tHY5\nlgeElsOwAMZcOJksYFaQsZe+bm87e4HS2y2Ph91m4JVhYO9Kv38FQGwizXV1\nxoRzK0zV2C7yhTtmwa9E5oWFOWO4y9Brt14Xb05Dchx5VE06MR0AgDo586k7\nGeo9xkRMrIZfwylQxisOPn6nMBdtfADaHGBFFzsVVuLOBrYnwupoQr7Xnfsr\nl7Biu7EJnypcgwtnFog/EcnHUQP905rO93Mx42gT1oFdemd9rYXz74D7LGSU\n80bbhDdOSjpSdFdu5G1TlIrf1BjXr5SgYy5gmLEEO3VoaJ518Y968vAgvMSJ\nF+KjWI/VPeKZQhSEN1CU+8roVDCn0PE4CjX5xPoMvFzkYPS7j/sb+VCq1Oqq\nMo1V4UDZkTed47++h8G2C5HdjNkK85AYZq7lnDx8FV/cxNPetSbWO1LXkfji\ntH+CRfR7XnXEdhGhR7VGjDEuqA4aYCW2vHKpUtyVezG4LzRc/+zx70Qp0vST\ntZ2CfjcRVlrUD/FQaer1z8rWG59P0/2G6djQ1AHNzY9ArcCe5xDyFq4mSWp4\n0JANcKy2etHfWfQ0Cf23okilavQSFZ89DDvXfbyJhNyVj1BK1Z9CyCfBkmPE\nYXb1\r\n=JBdF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHwzrc29s4UueSvWjKsnUHbTAkIsmb7FOxebIdCSoKOmAiAbxUeCby1xNI707l2zdB+Qe7nokz/K8eRA0Ah/h3JHhQ=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.7_1568933850066_0.2866459445559435"},"_hasShrinkwrap":false},"2.10.1-next.8":{"name":"vue2-editor","version":"2.10.1-next.8","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"f2293df7e2048de3a3e5b347cecdc94e726769eb","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.8","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-xEYLzXOKQWL6RNeCmU6D719v4Ey5a+ij25HabNiKPotFdI5GKUPgnp9M4sYdY8OrT98oiOs48Xf8NBNbEFsqyg==","shasum":"4bf9cdd81edfffb1df1b03066fe585086c048e61","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.8.tgz","fileCount":11,"unpackedSize":211350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhAzVCRA9TVsSAnZWagAABAYP/01ECS3geDrcNQ/Sh/CN\n4y2t8ufcm16Eo1indjTE4OkpQ+BbAwrQw4TpTO9SS2RK7vRqcs0MrpLxZ+4Q\nstkYk+HImMiWHo2r4erUTSjkX/ufprW6HZuMLNk/4G+M8WYwFWtodAUDLOz2\n/XW4J+F/LcAGcyO5JYU5EBx+4DowPjlNId3i9+8DMq7E+vxEZHYmZkx6U1vl\nmm513UgCxCDZ084qK/jXScQKYvFo1NQ+s8aBr5T/kaFtihfaRbN+lKd8zChP\nOdqXGBExORlJkI7sGQ7F5WOO6wjYmBrNX1ItsEo+EukB/pTcew/nFjwrWGWE\noQRPXgqLfYsKgApKp94jf8HydmhofAGZRqUSZb6O4NLeZ6uuim2fIS156dHx\n8P9PQ6EJFjlc+LatWMoJhPROmHqBqQ898pR1tnG/D8tgQw861WAn1DEoB0d6\nbuQp4kHHSIvCKutIWJxrvVwOSCZeIYNTZqMig8egH9Eita9KN9Dy0XOuU8Lj\nuwscOeMgIZ4mjFweROG3UXyHRi3qDGz1QDUeaQsSyItEJNCtEcCPgm5dXeRk\nIbYtfdXGFw4tQmtdByqeZr4N/06WgDZ2fkvH/rbZtmNCoY2xt9PljRS5BN3T\n79M5zi8O+MdBZ9zHHBsumcl/Ki+8PfC/X+gj9H2/SsIIRf5JfhSuckezfj0g\nZuaE\r\n=FwBP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHDgskPVmBJgSKH++nFUD0xQA2eb8MgHi8DYOjvCARfHAiEAjfPSDg1aKj7RA147qg17c22K7B5NNCPrVMN2g19cMZA="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.8_1568935124713_0.7361009532705445"},"_hasShrinkwrap":false},"2.10.1-next.9":{"name":"vue2-editor","version":"2.10.1-next.9","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"149723ceea00bc427e9224f7a60935625f0bb4dc","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.9","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EWlcNYCT+snmvSLJzIyMhu1dcCOOXm/jYBsNo61Np5D+frzWG28ZH4CxjVC1tTnjblPTbTR7rWFoL/5y3ac7Ow==","shasum":"5b3e228751bfe8f8665c299e9063e008c30e129e","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.9.tgz","fileCount":11,"unpackedSize":211964,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhBMuCRA9TVsSAnZWagAAdxUP/A5XUryTKm41gkyN28ZN\nN7fUDT+1ImUKgvEhchY0XzVhobd9pp3BalaNIKxw8scufiXmARiJDYcLkBFh\n1ppgyIJSmkfVZwQCDbEoAx+Uc6d4JOA1dHwsqFywOnZ0wzJp9hGyLpQWbUsj\nbyU4S0c2K49F3E0egYC0iOljJoddYon+oKdgDIrR/iKa0S5fU5jbBamaiV0b\n6zf9UvtM3rnircZXpwy/If47MuADYYtPeD/0q2YVbPxZfsV9BEYqBhQLD519\nclC7E9LstFIEwUX1PTZ4cqwLtypOiYu1FTIlq0ZRJwqytGG63Gx26MLjtlQ6\n9raFGIE8vGJw8dYe0oMZLKLAV5UkzNujz/egHOfy3+cEn5NTMGYPM5LC8I8G\n6LmcJelkDqNfLvwcQXYIqtZV8RN4Akj6Y9gsyjGc7pur5XiBURcKtRPzKqpD\n2I/mdOQHnjQtYrucR9Wx51SBbbSbfQXWhVnsDMKg9Q9P065Mw0lNUVR+4zIB\n2UplrFf5UXbyrUWdu2SLWrNGi07bhdtlwH4x1Zpz+7xxrzgQEjmEIeNvz79d\ngqpgvCVBarUUlP6VJhlR+yY8/ZUqUFnbbL3iXpR72o06LNy1pbGnF6THQ2ql\nTiGI2H3oPSHPqmBsqZhLOdm7a/6DSBtOidRAYOqDteCr2D5hOD4Fpyj7Z/V6\nRmYh\r\n=Zo0C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAjnyhp63uLIyb3UNGMvMiGHOnCilE0aZihEVlZxKl31AiEApiejm86My9kOF0Mc52ny+v/jND2vVAX2IWXyugVitAs="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.9_1568936749660_0.4688148570568407"},"_hasShrinkwrap":false},"2.10.1-next.10":{"name":"vue2-editor","version":"2.10.1-next.10","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"7e1b66bd624b2786104afc3d4c1bcde1769b1933","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.10","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-CLQtUIuW1XFQucoGFiKPogoVjbh6rKdvvydpGJkkeQGCMwRkDYN2xOCcbylC2BoM2jjE/SV5PVBBZ3zSTDBwXg==","shasum":"be8af0110b05996c2393c3a1a97388cc754dd288","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.10.tgz","fileCount":11,"unpackedSize":1193690,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhEAYCRA9TVsSAnZWagAA/AYP/3zZ3C+2SjeWESLK4fnJ\nC+eynekmZ0weDJMJFh2CtEN+50nFdsEfhE/wMNVm4/r9ql+myRUi8WUb9DhE\n1ADH25NmtI1aPOktZS75OEup5cqHlUj7yNXhOzlTu7TD/UCyXWHQl9Rk5Dgz\n84fzBWb4AZI72PH03LwEJrN8I/eg/5yn/XeFcvjd3uZH///hZzzqiHUmMTiW\nV1MmPepr+QV7XgphfT9qlL45E8NqXAz/HNAQz8hMit9kXQVuTyN870D6X0ai\ntvneP6POrl1aUQdVL55O2BJYcluPBLkYnM7TXnMmFJkXrmOJrQbd25Rk4VF1\ntzM+wldDVWanzwdI+37tsOJBQWHXQg7HoN3enzzbZxHMd8slOWtoQrjoqbx9\n+guLMQw8q0J9I5ZjPwzqTWVPyS5rhqU7YjeMVZa/phiF5dQHgIXGaTGlynBd\n90WfGT+RxIoOvRz4Tcc24/wuqCtuKQMy3RY7gjIp6W81Y4eW0Impi/IYdn+A\nivmp6RuJSXwIGDecUSqX7q4ZwyrXoCtJKThzqOMuC0+5JPeaDGALIV4CyA8A\n7a0P5JPFz1+cB30E1I75aCXPU85d2xOrKBc66tY2c2Y0VGj90Zrxv23keeLU\neZMrnL9p8JFV+pwJXhPvZac6rBKTlg3wNn5HBRp2fRvqdm6Os4+4k35zUxKl\n47Bt\r\n=MfEu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEiZPPTZPxT/B1P//mKRYqap7ySV7Ir2dILpt5X7QmMQIhAMt9VeitwQo4wF5kFAFYoq8uFAMUuOT8y2QoLLeqVXb+"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.10_1568948247665_0.012283358127120447"},"_hasShrinkwrap":false},"2.10.1-next.11":{"name":"vue2-editor","version":"2.10.1-next.11","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"ae90b4613b1d14defbf4c2a9eb3df63bb499c3d5","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.11","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bIE2SQ+QjrwTQxPb79D5Dwd7PBOFcPZoSoXnbAHwP9FiCRZdKZxkiabz1Ns+qQct7zUj/U2N8lZNjlGUF42+KA==","shasum":"8e77916e5f2aec20254f9ac90e789ae0addfaa64","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.11.tgz","fileCount":11,"unpackedSize":1193645,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhXJ1CRA9TVsSAnZWagAAuc4P/R50FlxGdS8JmqzAYyD7\n+QgZW0YHxF8IvIOYiG6mPiwV3ts+txDPPtgsAY6aFfAA44LT9IYDsWRMqt3g\nnYg1VO8SR4/VQ4loAhbndpMp5jQfPWDeNY1i9mTvtjdNMlLK4PTa/JiznfVx\n5F1arX86TSYojIMlKyx+MxPG2xsZrLgSHNhBlnhsctEzv4SiFcj1+JOmS4eM\nzqyQPj8/OYJHDjyV+81n5S8Tuwr1YWDDZQxHc8FV3aTq9WzcscE8jijT2/tQ\nSrLd2kuJHEv+SqVR+Y6oc+fR1doqwW3AcWN6/JvxiHSSp2PkyXVOh6oLQOs2\nvPoOkWr8I6FmkWoj4xFUNK/zvf5aaDlIgGcMvIoRQQLOuLgyQJWEpveJfrRz\ni8JDZcQcmgXuvwAJGUg+0SNq7e7LUGSxl+xTOTaH/nREW+UziUXK8TgWCTKj\n4ud9f77M1pcvf5aHgJZuts2O2SO/9fnhI6GrOU4/rWhetw+zEtXk6O03p5Rq\nBeys5PAyXLrLMoYTXnW5S5ZkCdihNAC8i+ftetAisnAO38Y2l2dOKwL2nj/n\nRnnP8cYfJZAtOJsUxTI/qWDics6nAa7UuS1h+Uad0q58XIb0cpTsp78ntYHw\nNvvJtqAQaCPCtiBHgjAbHa4FWIkHZwjrqlByO4UuE622+073l3KFsKi+ODu7\nFW9V\r\n=R5T2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCek2m7RZDjeHiMvkdPWuPTbQrr63HZ/LKMMh0jCHCqeAIhAMmYcj3mSBJg/uOSQw37BwenT2XJNQnG+3B//RsvMnCL"}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.11_1569026676543_0.9240428551945141"},"_hasShrinkwrap":false},"2.10.1-next.14":{"name":"vue2-editor","version":"2.10.1-next.14","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.19.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"368f88faed67453c6449d5bf3fb239b5e3cd2219","readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| imageAdded       | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| imageRemoved     | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.1-next.14","_nodeVersion":"10.15.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-pyXqTUDpymcqMbj6mmNWbaCPpO3R+8gm3v2awE8XZnLgWIFIQ3J6kyqB1ux9L9IRwzl3Up6EbJ5GWywNOFW2mw==","shasum":"26830d4170593f59f867f6074d26d1c3d1e4b8a4","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.1-next.14.tgz","fileCount":11,"unpackedSize":1198691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiFMpCRA9TVsSAnZWagAA5MoP/0s6T9NTMB2cxp8zzssW\ndc3C2QfpRDR22/5zAY5BTvD9x4BudVr2RgorHp4Y0K0EiszzRGp2TZ2O+TaL\nbTByXrlaL0Wnso21750dpJRMrCYP9tYqQRiZqRzNiXUgJ8LHVka9D39sJ5kw\n5gczO6dUHpmQOE1I/UxrM7TpkBYxxuB9y/4K4BOUG6br6Lda8E1mFEMBmsHH\nYUdhJc1UlwMqmmDjkMmOIZGSZNtMWoofmnltLuWXeeonisTCdykTRV3cuLI7\nShNdSjEgFcyfuH3k4QXVvnaW2gTmJwT6KlUsH1vSJdvQj3zmbJGj5emI8xMO\npQNalMt3YNNxjpgIXTZ/s4G4A8c7MGMOAzvHCp2omhD+966iMh2flMV1xK3q\nuxf+RPtdC0pYP4u+2kX/hx3KmEvfVbGmVpYDxcKPPFcQ+77dUThCZlsuEb7J\nMts3G3nVl31tn95a8W8OSh0z6HUavwXdfO+B0V1LhOV8tDnbdL5bymjusQB7\nret6XtHZ0di/6Zu68qOB6elcxO+9s4ScdAyNBadotUbj5pHjG0BaPitd+caD\n+OPFbKfsWMRTOuijvcscwgnw0Co8fprUI5RxufGOe27IrQMbOklIsaEj3Rot\nJN1zIDo0RrXnRzhCthcyKDpskIYM0g1UHWhNoxCRzqVf3gT53Ouhg3HXbUAA\n9nfk\r\n=uKTq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICUGUSPPekJT1sS1qIjUQ6fGJKU9XpFnMs12wrSyyYY5AiBX5zirwopKNCHKVQ3g/VdxdjsYqa1OoWIgm9SFuP3+Dw=="}]},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.1-next.14_1569215272748_0.5611644735594215"},"_hasShrinkwrap":false},"2.10.3-ssr.0":{"name":"vue2-editor","version":"2.10.3-ssr.0","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"958e898b122f4ae74cfaa1d0dad9b932b737548c","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3-ssr.0","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-a+LXblc7i3+ENekK9rM7oZAy+Fxkju+uFA8ECAapjj3iqNjn0iCsMyK/QP8Irgm9NREY6R4VfRBwoT7njhECvQ==","shasum":"3b295f7be82a50960e546f2d7d02a71fec0a4925","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3-ssr.0.tgz","fileCount":10,"unpackedSize":390905,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhApBcCRA9TVsSAnZWagAA9foP/j9JXLYWIUe6WVIFe3xI\nqtLAuw408fG49Yld63vsW8H+F4QIkH3QfruZN6KuJbIlkF9702+SawPVchwC\nAWCVrRWT23cfFs8apPdirU8JjFCvfbsfCJyoFHli02z9BxpuBr2EP6AOjxvD\niWHWOQgJRWkJ6GEezGUCIY/JpWnhJkZi5+00y3IrnJ8D0ot9mcS7A6BQp2YP\nx0yeFqQFD/i31OkzoNNa29wXvYI+6g2hB0cep/hL8R0+/d8j/wdCHm45tvKd\n4eHY9Z95vXHMrxrH6btAnIJQ8IjhctULeHUQLAgc0TFXg3iZstlJ5paed2KY\nY7xzcrdi9ky4MvVv3y2cgt//wUuS61krDg6XxikFqA3rWxYaJKAS0gT0jw3L\nDJeJBlE5EAjoMBkOk5cFItyxdxaMJtG/YAcKd4Ghk21x7crxShHz7COLtI+T\nTrARMTymv7T1H7+57gkSBzT2Yx9t0dqe08EzfXQrEgROk6K5IaCOYFJdvGY6\nIP/yD1ps7HvPFlmIzfKUBMkviToMFtnO6Zq3hoNfBnJJLnP/B7yzPoakptJO\nv3SgwW73Qo7MVtVuQ0MVczBoL9lHjMPJl4xwcmEk0eyL2bA2M/VT3OaZxH+Y\nkSq/X7p8KILMdFBctHE5vYtGTDkFdD6RR0+x+yoNcMQ9IHMw7THfQwvLGbFM\n3gSn\r\n=jgDd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDD5tfxBGqXiEbfcA615itUeDmzGJ4Ti75t7RYfCS2b/AiADowPVxAKvN1zG74GhE6iWu/iUDE5zq0Qb3Rs/k7j/Cg=="}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3-ssr.0_1627557980003_0.9334829936792624"},"_hasShrinkwrap":false},"2.10.3-ssr.1":{"name":"vue2-editor","version":"2.10.3-ssr.1","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\" v-model=\"htmlForEditor\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"code-block\"]]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"content\"> </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [{ alias: \"imageDrop\", module: ImageDrop }, { alias: \"imageResize\", module: ImageResize }],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"a470bab3ab05ca8bfcdabcd5e6625d61718a6589","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3-ssr.1","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-zNK7tPrSmyQi1qWLrsiqY4CIeIuP8q9loclfzLYHr9poVmZckVts4xunxTiOL29FUI6PrHe1fXvwfEuUvRxIwg==","shasum":"f07eece45d09b135b076c7ebf812c5bba2a01b42","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3-ssr.1.tgz","fileCount":10,"unpackedSize":390743,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhApSOCRA9TVsSAnZWagAAVPoP/AugzXrtA1A90ZvYLR5U\n3rVmlFUfi0xOkgJixw6mg6ZYFdJxvs5oQ3d1u5dWPTQ57WYDqbcWuLLUF+2e\npzIuEq5KfVvcLerDUq26IaLY+e4y+nH4+mEQ9zbeqFY6TThHVi9pniwL5EWp\nRvGvKbebrl8TuoqoL4DOih5hsdcIyjToSCN6X7GDL5gc+2p6SvDWcfYWixhL\nomxpI8Wky9ywC0wJsG5YXFhnbo/d0pghHPJMygdTKsEoI2QKNln+hKEaA082\nZzV/N9j/3XXgheS1s85YSAztLLij7m/moiS167dhit1ODY3YahdkUnPrxTW4\nVo8IgHoIqLkugMh+NKFr6XT9kIKXzFfxMqUTFhHRvh/aj8zrMNmlmppNiA2v\nULskP8Lu8cuVha+sLTk1nAIO5h2D4XtHODdgdwaYvXl17FyWlinVDwKX6jpp\nWKyQs2nMesd4YycwHengMne8s3Pp5NUgJfPjCEx3XsB0mPTjPBdqNZyF9+uQ\nPK+MFTF/JuZcgrWkj2dws7TSOszoZ6FpfKjN9RKpYAJGtWLYXqrTJpCbDHzV\nw7Z16S9Q9v4XqdKJoKtrPoewIlX2yNe7zFZh31Vhy6ChnYVSjH4BKmCZVG81\n8KW2HrzxZdQZoXd6YmLjBcjyonYoz48Cl0hvzxb/Y7swk18raBnv1wqkR0pF\n/+ud\r\n=WRaf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDGY8rE8QqNuzuzqYpFmx0QzVlPBAAgzviQmbTblAPcTAiEA0kEtFai1icVcvTyN30w3rAc+1osSsJPa/u9RbhyyNzM="}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3-ssr.1_1627559053900_0.4294690076086938"},"_hasShrinkwrap":false},"2.10.3-ssr.2":{"name":"vue2-editor","version":"2.10.3-ssr.2","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Nuxt.js\n\nAdd `vue2-editor/nuxt` to modules section of `nuxt.config.js`\n\n```javascript\n{\n  modules: [\"vue2-editor/nuxt\"];\n}\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      id=\"editor\"\n      useCustomImageHandler\n      @image-added=\"handleImageAdded\"\n      v-model=\"htmlForEditor\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :customModules=\"customModulesForEditor\"\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"cb74655ba8d6b4584479c4931475e59bb3bc5271","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3-ssr.2","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-cEsjR+3EM3prq4Gt3+jjnq/7aVwSuHkAqTN0ddztszduVw9iSgIs0q+qfoZ9/OwxJje6206nCOcxeozyzNRKRg==","shasum":"ee3a43663eb0acbd819e937c9fb71e03d28ef427","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3-ssr.2.tgz","fileCount":12,"unpackedSize":391322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAzfzCRA9TVsSAnZWagAA9PcP/R8FIJbWQjNUW/Uh8jQF\n/GHl7RDDQDN17IgkTgJK8Yw81l+njF0+iXQjHa7xoO5NMFMIYxlmxXdIbqc0\nLxhnoaePtxv3uHco++cwax7JZiHRFpd8AFkHCdsiUOmNzlW7I3CiA9rdKLmW\nDzDG1mfTcahrnSWsA5D9MKglXgtuul1DxqxlGq1tOgUJkLbZjCU3qFsOhxLb\nr035MDpqa+qHxsYX9HEnaFjtoDFxcP4wlPwVFNKv7BqpCFkzJLlfeTUFHmZp\nIOGtljI/DRTlo8TyzU819l1unAnZIna59lSHly0arW09ARE6tBZMTlcfytOM\nDuEUV6Tvj6yaHy1xbPk1/Xp7XwAK9U8pRplqgLTs7O3fusG+jyQp7FwELYa3\nagnqpCih76cejq9ByW+10Hc+ak0c+HcjW5JJydKAAazCKeDjWBA4dFphWl/h\nlP75/ZTdWjFcpnjxTRf8vYOBwhGjr7C4voxsmi1gR0+QfumZaeiJf07tkLO5\nfw3UOWO9Gy2OPDIe1MUmYp00uckurX31S4aJgVkaKKzsVVDTzqlMZ4Ta2B3t\nZvOzV0nSCBbaYp92NtJXJdZFYwfHNnpsIck8YqW/+QB+GSLFll25gfGB91ND\nRaTAxELP6NDBFtPWrT/Kl//yUmWZY2zrKcfhBZpxBexJqFlzZv1Y9OjOQziG\nvEp4\r\n=3KHO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC6UxVeV3WVU/sOHI1BK469RUYcMnz/NTYWyfzfUs5gDAiEAnxld4QIKizBv2eKeLKQA3WJmwpGwspwccWgAcq16a1I="}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3-ssr.2_1627600882835_0.33129355768047075"},"_hasShrinkwrap":false},"2.10.3-ssr.3":{"name":"vue2-editor","version":"2.10.3-ssr.3","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"yarn build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Nuxt.js\n\nAdd `vue2-editor/nuxt` to modules section of `nuxt.config.js`\n\n```javascript\n{\n  modules: [\"vue2-editor/nuxt\"];\n}\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      id=\"editor\"\n      useCustomImageHandler\n      @image-added=\"handleImageAdded\"\n      v-model=\"htmlForEditor\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :customModules=\"customModulesForEditor\"\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"97507d7e5891d53148162ee49ac608567651b0da","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3-ssr.3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-GkTYmdsax+biZCZkjnREylKkCRWPLXw1C7lVq8H/f2s5QJFl8U7y5hggeBEzimAfc4Ei1cd537twFqpib3P19A==","shasum":"f44855c0d25f41fb943c0a6ad8bea81be8823e2c","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3-ssr.3.tgz","fileCount":12,"unpackedSize":327395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAz85CRA9TVsSAnZWagAA7+QP/18KxpAZ9i8GcY+MidDT\nEo1XT1VpjjTBSazm+cjvCVKpFSO0XT98zRx8IeqUzo+1STAchqRYdfQBx76h\nKUaHxYRVdrOuCJsoBdtTuGfquFeSQvkIBNJUQ3Dt65DtYY/7dYtScCsI9z0n\naHxZ+LdtdmHXY+q13F0FZpAYI0L4EfrEWmotlz5vE2XSsPMc/9HyPGsKZ+K6\nl515yJmhN/A2uxd2H9WJiHFoLgvOy71eCJkK/yCCQM7+AVfuXwBARptTIdYC\nyErrovl6cBB8rIUI6edXXsrY4jQxnhOofj+Bar3jFJ04CKnmmELde+8oW5aZ\nXxKHo6MyoYH73y3/xYyqB1JZMgIKY1uBUaEuHGCNJGjBwfJZQoEw5XdozVHb\nvc8voAgi3ND+xTeVgBWqU+1r1Z0LU12CFA/sF+DzSMpD5tuvSmYmxNaoVUTd\nmPBelDCM32Wmt3OV8U/xCH2Zcy2gyy+JPA7m/1y0qbdV1Q0mYSaqkKismVNx\n0A57FiXS74PpBFfl8aLC4vNiF+Zij3jJE5IseNSREWcuusDSfA8siTcEW3M5\nU6e09JOD4/+ZjgsVAd8an0JiCMV1qIrngipwm9+rB1ulK/2/AxYvskw4Bwlr\nJWr+DwuM+/v4EH57Wm6c3q8rMFJf+oCuDRqQ4tLiKrG2TgG8pv3qyyKADreU\nrFyt\r\n=CEv8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGqJ/ny7lloXzmUKxhT6tSliLGKpODpFkh7buYDnenbsAiBJmKkbTshi4tn0Y3gfCNs+GLCEYlbBDHIdNIx1sIlmWQ=="}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3-ssr.3_1627602745355_0.7963009685733935"},"_hasShrinkwrap":false},"2.10.3-ssr.4":{"name":"vue2-editor","version":"2.10.3-ssr.4","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"npm run build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Nuxt.js\n\nAdd `vue2-editor/nuxt` to modules section of `nuxt.config.js`\n\n```javascript\n{\n  modules: [\"vue2-editor/nuxt\"];\n}\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      id=\"editor\"\n      useCustomImageHandler\n      @image-added=\"handleImageAdded\"\n      v-model=\"htmlForEditor\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          let url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :customModules=\"customModulesForEditor\"\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"2bf5201d50cb29da8bb1a3de549b8127c4ac6c44","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3-ssr.4","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Z1AV1L1zmfTA9y7hi18Q7PGWQfZ8p52ZdeMHHybqym0n0/CRVSoZO9h/2j+G6NXhyD5VPJMcNwa5a4mcDWFIKA==","shasum":"7ca396feee94936d704e5f4edd8acacce9aef570","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3-ssr.4.tgz","fileCount":12,"unpackedSize":254439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHJ8nCRA9TVsSAnZWagAAyLQP/1GI7EufWZ7aoldNYrmu\nV48RoCYCnFmlTLPeQpxRTyTVxd0Q4c4EXBVf/1zVhTs1ruZA+rPN9nCUOSMo\np6n5Q5z/zlE8H3V98fNPtA7Kr/V/vt/WzDcPRBaM9L/Va1qweWsh3xr3ap8x\nFb8LmkR1h7BLvEJatn+minowaxBoDwT8az8XNR77zsky1TVn9YKi4WN6nnVT\n2xK/XlkjqzZNPxGe+bnCkktb57akc8y3DXHij84UruirjIya0qSb8ez+Qd3o\nR1cw8EnkgTVqFnLWhkS8LxJukv5wDYTaSsx9epKBBYk755BpYilc3foNVtz+\nLFHBQHQcvtBi8kRVbV0y5ZeZlOYFllKGmWSxHCE+UC6Si9dS3+jvT1rPZday\nXJk3BgW84tAlKIBrmfF6eglkbotlGj/a8YDB7Xt5ETN9LP7fWhrg6DuYTOTW\nFZierMRcnD0tlsvJkK7x420uZZHgH5Ce+4QMYYNb/eo9rAf0Fp01nd/VNKBx\nOrYIhjw4QnlEN4i/5Fk7FQOdGA+/W9R80pGgyz0JPklPNiN7WgU5/ANCpkHx\nsVv9nD9/7SeBX45rt9NVUG6L2u7v3oQo5Q8n81iMj1AYjM+Edk0lOpcfsLjg\n574ryGjrgSvRjJqlK0oy1GFPUce51a7/knIKkOTdR4ouT08DjN4Qku+iQGkj\nSOhJ\r\n=9bOC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAGMwSMzsbW0urHxWYR8gbZny11HCoyb4YVSGZnJtcZAIhAI5oYXlIeh8KfxOtwuH94YCozMLRhuoCU1gPZk5oWINd"}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3-ssr.4_1629265703553_0.25408567938281745"},"_hasShrinkwrap":false},"2.10.3-ssr.5":{"name":"vue2-editor","version":"2.10.3-ssr.5","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"npm run build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Nuxt.js\n\nAdd `vue2-editor/nuxt` to modules section of `nuxt.config.js`\n\n```javascript\n{\n  modules: [\"vue2-editor/nuxt\"];\n}\n```\n\nTo avoid seeing warnings from Vue about a mismatch in content, you'll need to\nwrap the `VueEditor` component with the `client-only` component Nuxt provides as\nshown here:\n\n```html\n<client-only>\n  <VueEditor />\n</client-only>\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      id=\"editor\"\n      useCustomImageHandler\n      @image-added=\"handleImageAdded\"\n      v-model=\"htmlForEditor\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          const url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :customModules=\"customModulesForEditor\"\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","readmeFilename":"README.md","gitHead":"4a45abfeb4d27bbacb11db6f6d287b76a14a8f56","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3-ssr.5","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-HMNoIEMJqcY6VkV0JA688Hj4pIHMU+wC7bq6I7WLDI7BD/+C2nW1VHx/QOIpGZSvS4HwFlNZT8IcP+81lKp6CQ==","shasum":"57b051fcbd3457e69094a2b0126cde174022239f","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3-ssr.5.tgz","fileCount":12,"unpackedSize":255319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHckUCRA9TVsSAnZWagAATaIP/1TRS7jJA2Yzd9bYbiVG\n3oQMYH1JJpiNWepqbbGVvIarhmNclQNgX5+jKgV67oXCycZC+1IdvVZiUqqA\npSHPlTeIExHIx78NkblOf8oDG3XBRfRqUx0RTzCUIhiP5alIEtZVwrwpZ4Fs\n2GWUs1TWLgoug4QDono08tfSEin5dlDUzD4mK00jJf8aOfCNVSVPO9doch35\nYzH/7nWq5d6R5Xcfkv3lJoebXMwPmMDI+0Ewp2Xp65xSMx41mWa+sHEtJLbD\n0LYEPDsxK/Sj1DYvTPqlCA5wNgvGw/e8aR4foFhXZ3HFw3hCaIgQ1NN/GCT7\n/DjmYv4EmhpfTn80lnr+RFZKp8+71G67Ru+F/7fDe4qWxo7GrbCyG0Y/cKse\niQeaVUjIYIoVc5UZdizEBlsCIJUq+HY6gLyESrkBrW8SDlLZ4DYja8l+/Hq8\nG7L5AfszYzlSlHpZjkpJSgzs9c7/WEqmaqyjSm3vc5B9N+xvRugywc0aAspY\niunGqaFFT98dPG0Rlsyj7nnl1Q7VjFLKd5WUmJPFYACUgtdHJQQR5jN/QTR6\nb45CW/0kNlXysBr8dU9VslA8kjbGibyDl2wYeOHZmbQ7CZLRHiYY7Om+iapl\nE4syGv9A8wwtiXBeM6LzIrpOeximlSVc8k9TwJuqDFO8GJ0WakQDAkSMfE4t\njnJH\r\n=517c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDO9zKgO6SulLCJrMMSG9130sREOUKoVKagIv6PU8ugYwIgVaP/B7Zv0tZm+txQu50eE8fS74mBgCbSuWgEJXEz/jA="}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3-ssr.5_1629341971939_0.1657686745960616"},"_hasShrinkwrap":false},"2.10.3":{"name":"vue2-editor","version":"2.10.3","description":"HTML editor using Vue.js 2, and Quill.js, an open source editor","author":{"name":"David Royer","email":"droyer01@gmail.com"},"license":"MIT","scripts":{"lint":"vue-cli-service lint","build":"BUILD_TYPE=modular vue-cli-service build","build:modular":"BUILD_TYPE=modular vue-cli-service build","demo":"vue-cli-service demo","dev":"vue-cli-service serve","docs":"vue-cli-service docs --mode serve","docs:build":"vue-cli-service docs --mode build","docs:preview":"http-server docs/.vuepress/dist","release":"standard-version && git push --follow-tags && npm publish","release:next":"standard-version --prerelease next && git push --follow-tags origin dev && npm publish --tag next","release:ssr":"standard-version --prerelease ssr && git push --follow-tags origin ssr && npm publish --tag ssr","update:vp":"yarn upgrade vue-cli-plugin-vplugin"},"standard-version":{"scripts":{"postbump":"npm run build && git add dist && git commit -m 'chore: new build'"},"types":[{"type":"feat","section":"Features"},{"type":"fix","section":"Bug Fixes"},{"type":"chore","hidden":true},{"type":"docs","hidden":true},{"type":"imp","section":"Improvements"},{"type":"style","hidden":true},{"type":"refactor","section":"Refactoring"},{"type":"perf","hidden":true},{"type":"test","hidden":true}]},"main":"dist/vue2-editor.common.js","module":"dist/vue2-editor.esm.js","unpkg":"dist/vue2-editor.umd.min.js","dependencies":{"quill":"^1.3.6"},"devDependencies":{"@commitlint/cli":"^7.6.1","@commitlint/config-conventional":"^7.6.0","@vue/cli-plugin-babel":"^3.7.0","@vue/cli-plugin-eslint":"^3.7.0","@vue/cli-service":"^3.7.0","@vue/eslint-config-prettier":"^4.0.1","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","axios":"^0.21.1","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","highlight.js":"^9.15.6","http-server":"^0.11.1","node-sass":"^4.12.0","querystringify":"^2.1.1","quill-image-drop-module":"^1.0.3","quill-image-resize-module":"^3.0.0","sass":"^1.21.0","sass-loader":"^7.1.0","standard-version":"^6.0.1","vue":"^2.6.10","vue-cli-plugin-vplugin":"latest","vue-router":"^3.0.6","vue-template-compiler":"^2.5.21","vuepress-plugin-demo-block":"^0.7.2","vuepress-plugin-live":"^1.1.0"},"peerDependencies":{},"eslintIgnore":["/dist","/node_modules","/demo","!.vuepress"],"jsdelivr":"dist/vue2-editor.umd.min.js","keywords":["vue","vue-component","quill","html editor","text editor"],"productName":"Vue2Editor","publishConfig":{"registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"sideeffects":false,"gitHead":"3b1ead967ecb775c02c34d15f65923f22b541155","bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"homepage":"https://github.com/davidroyer/vue2-editor#readme","_id":"vue2-editor@2.10.3","_nodeVersion":"12.18.4","_npmVersion":"6.14.6","dist":{"integrity":"sha512-99rWL93xfGeFRrq8NY5L7U+Cog/Uenx+UOOJragtxtbhBE9Rv5/C3P/YhJhjMECSbQyHFjUriqv1S3mghvU9Kg==","shasum":"ada62d5d623db71613a1b613f3b738056e35e117","tarball":"https://registry.npmjs.org/vue2-editor/-/vue2-editor-2.10.3.tgz","fileCount":12,"unpackedSize":255351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIHjTCRA9TVsSAnZWagAA0jwP+QHw/oJFWL1n5YbK0fJg\nMqSsfrv8OFv6evoH/4R34jfkDa8bd2Vbp9tYeVDuuxL++Rz3BxgnA+ENooba\nRpKrkcLb5MdCgD7Xc0hOGU0LQdLppJ4zrrkxMEEYQ1zOgoBZhcSyZUCQQIep\nSaGKk1MSZkCTcZPGEoekmOFRk/n/Ea+QxBbazErjDRx8UmsSu4VheHzLQWWk\n/R90+5GEkyhq8xkYmkoBYAR+tvQh6mCbw9Y9vKasfKnqYGc4aTRFXJ5ORIZM\ntqsSUcu47eKDpl9JnAAW6r3XwpIrJwGnodlL+ErQ6Mf2MEvgQ8R/ozbPD4yN\nermylf8SnP5Dy+xniMeOuXlWX5UrCltzPtIdjjJ1aeV2qjGjwdEE84LrprWw\ndipoVwZlOJdIhup/z2uxX0+rJmx6CaeuD63kq+fWMIzoavx+wsgMSggAHeTX\na28hzTYcfVBV5aJSNdGq14K5asDpU8IyWkT35+hxrnbIKHv24xchccOeDUJ3\nJoce/zwaGsmGKeBlrRntsJxuPBq5SZsiGHzaG0koAEu+G5TBtj/TLITOxdN+\nJGJBgoYFxxzHkqdVsmww24bA5AoRvKcOyvpWRQc62aYQq4x1/5u54a39Q81w\nY0a/CoxDxnoXc1OiIP6r9h6kOlPbUQpRTqM4THeZ5oOO2Dn1xcv2pWoXc4NF\njijC\r\n=GT2X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6KMAgxxhuY1ptWcw17MH/lS17SDW3KlVR1usvncKH1QIgAa+uv1nkIQb2xW/PEnwRKCQIALCWBvakWLg+zYKaVNM="}]},"_npmUser":{"name":"droyer","email":"droyer01@gmail.com"},"directories":{},"maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue2-editor_2.10.3_1629518035614_0.15431365870290126"},"_hasShrinkwrap":false}},"readme":"# Vue2Editor\n\n> An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js\n\n<p align=\"center\">\n  <a href=\"https://www.vue2editor.com/\">\n  <h2>View Docs</h2>\n  </a>\n</p>\n\n![Vue2Editor-Centered](https://www.dropbox.com/s/7com4d32zct44nc/Vue2Editor-Centered.png?raw=1)\n\n[📖 **Release Notes**](./CHANGELOG.md)\n\n<!-- HTML Editor using [Vue.js](https://vuejs.org) and [Quill](http://quilljs.com/) -->\n\n<!-- ## Demo -->\n\n<!-- [fiddle](https://jsfiddle.net/su9zv0w9/1/) -->\n\n## Install\n\n_You can use Yarn or NPM_\n\n```bash\nnpm install vue2-editor\n```\n\n**OR**\n\n```bash\nyarn add vue2-editor\n```\n\n## Usage\n\n```javascript\n// Basic Use - Covers most scenarios\nimport { VueEditor } from \"vue2-editor\";\n\n// Advanced Use - Hook into Quill's API for Custom Functionality\nimport { VueEditor, Quill } from \"vue2-editor\";\n```\n\n## Nuxt.js\n\nAdd `vue2-editor/nuxt` to modules section of `nuxt.config.js`\n\n```javascript\n{\n  modules: [\"vue2-editor/nuxt\"];\n}\n```\n\nTo avoid seeing warnings from Vue about a mismatch in content, you'll need to\nwrap the `VueEditor` component with the `client-only` component Nuxt provides as\nshown here:\n\n```html\n<client-only>\n  <VueEditor />\n</client-only>\n```\n\n## Props\n\n| Name                  | Type    | Default                                              | Description                                                                            |\n| --------------------- | ------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------- |\n| customModules         | Array   | -                                                    | Declare Quill modules to register                                                      | Use a custom toolbar |\n| disabled              | Boolean | false                                                | Set to true to disable editor                                                          |\n| editorOptions         | Object  | -                                                    | Offers object for merging into default config (add formats, custom Quill modules, ect) |\n| editorToolbar         | Array   | \\*\\* _Too long for table. See toolbar example below_ | Use a custom toolbar                                                                   |\n| id                    | String  | quill-container                                      | Set the id (necessary if multiple editors in the same view)                            |\n| placeholder           | String  | -                                                    | Placeholder text for the editor                                                        |\n| useCustomImageHandler | Boolean | false                                                | Handle image uploading instead of using default conversion to Base64                   |\n| v-model               | String  | -                                                    | Set v-model to the the content or data property you wish to bind it to                 |\n\n## Events\n\n| Name             | Parameters                   | Description                                                                         |\n| ---------------- | ---------------------------- | ----------------------------------------------------------------------------------- |\n| blur             | quill                        | Emitted on `blur` event                                                             |\n| focus            | quill                        | Emitted on `focus` event                                                            |\n| image-added      | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo is being added to the editor |\n| image-removed    | file, Editor, cursorLocation | Emitted when `useCustomImageHandler` is true and photo has been deleted             |\n| selection-change | range, oldRange, source      | Emitted on Quill's `selection-change` event                                         |\n| text-change      | delta, oldDelta, source      | Emitted on Quill's `text-change` event                                              |\n\n## Examples\n\n### Example - Basic Setup\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Some initial content</h1>\"\n    };\n  }\n};\n</script>\n```\n\n### Example - Custom Image Handler\n\nIf you choose to use the custom image handler, an event is emitted when a a photo is selected.\nYou can see below that 3 parameters are passed.\n\n1. It passes the file to be handled however you need\n2. The Editor instance\n3. The cursor position at the time of upload so the image can be inserted at the correct position on success\n\n**NOTE** In addition to this example, I have created a [example repo](https://github.com/davidroyer/vue2editor-images) demonstrating this new feature with an actual server.\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      id=\"editor\"\n      useCustomImageHandler\n      @image-added=\"handleImageAdded\"\n      v-model=\"htmlForEditor\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport axios from \"axios\";\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: \"\"\n    };\n  },\n\n  methods: {\n    handleImageAdded: function(file, Editor, cursorLocation, resetUploader) {\n      // An example of using FormData\n      // NOTE: Your key could be different such as:\n      // formData.append('file', file)\n\n      var formData = new FormData();\n      formData.append(\"image\", file);\n\n      axios({\n        url: \"https://fakeapi.yoursite.com/images\",\n        method: \"POST\",\n        data: formData\n      })\n        .then(result => {\n          const url = result.data.url; // Get url from response\n          Editor.insertEmbed(cursorLocation, \"image\", url);\n          resetUploader();\n        })\n        .catch(err => {\n          console.log(err);\n        });\n    }\n  }\n};\n</script>\n```\n\n### Example - Set Contents After Page Load\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"setEditorContent\">Set Editor Contents</button>\n    <vue-editor v-model=\"htmlForEditor\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      htmlForEditor: null\n    };\n  },\n\n  methods: {\n    setEditorContent: function() {\n      this.htmlForEditor = \"<h1>Html For Editor</h1>\";\n    }\n  }\n};\n</script>\n```\n\n### Example - Using Multiple Editors\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor id=\"editor1\" v-model=\"editor1Content\"></vue-editor>\n    <vue-editor id=\"editor2\" v-model=\"editor2Content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      editor1Content: \"<h1>Editor 1 Starting Content</h1>\",\n      editor2Content: \"<h1>Editor 2 Starting Content</h1>\"\n    };\n  }\n};\n</script>\n\n<style>\n#editor1,\n#editor2 {\n  height: 350px;\n}\n</style>\n```\n\n### Example - Custom Toolbar\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\" :editorToolbar=\"customToolbar\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h1>Html For Editor</h1>\",\n      customToolbar: [\n        [\"bold\", \"italic\", \"underline\"],\n        [{ list: \"ordered\" }, { list: \"bullet\" }],\n        [\"image\", \"code-block\"]\n      ]\n    };\n  }\n};\n</script>\n```\n\n### Example - Saving The Content\n\n```vue\n<template>\n  <div id=\"app\">\n    <button @click=\"saveContent\"></button>\n    <vue-editor v-model=\"content\"></vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n\n  data() {\n    return {\n      content: \"<h3>Initial Content</h3>\"\n    };\n  },\n\n  methods: {\n    handleSavingContent: function() {\n      // You have the content to save\n      console.log(this.content);\n    }\n  }\n};\n</script>\n```\n\n### Example - Use a Live Preview\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor v-model=\"content\"></vue-editor>\n    <div v-html=\"content\"></div>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from 'vue2-editor'\n\ncomponents: {\n  VueEditor\n},\n\nexport default {\n  data() {\n    return {\n      content: '<h1>Initial Content</h1>'\n    }\n  }\n}\n</script>\n```\n\n### How To Use Custom Quill Modules\n\nThere are two ways of using custom modules with Vue2Editor. This is partly because there have been cases in which errors are thrown when importing and attempting to declare custom modules, and partly because I believe it actually separates the concerns nicely.\n\n#### Version 1 - **_Import and Register Yourself_**\n\nVue2Editor now exports Quill to assist in this process.\n\n1. When importing VueEditor, also import Quill.\n2. Import your custom modules\n3. Register the custom modules with Quill\n4. Add the necessary configuration to the `editorOptions` object\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\">\n  </div>\n</template>\n\n<script>\n  import { VueEditor, Quill } from 'vue2-editor'\n  import { ImageDrop } from 'quill-image-drop-module'\n  import ImageResize from 'quill-image-resize-module'\n\n  Quill.register('modules/imageDrop', ImageDrop)\n  Quill.register('modules/imageResize', ImageResize)\n\n  export default {\n    components: {\n      VueEditor\n    },\n    data() {\n      return {\n        content: '<h1>Initial Content</h1>',\n        editorSettings: {\n          modules: {\n            imageDrop: true,\n            imageResize: {}\n          }\n        }\n      }\n    }\n  }\n</script>\n```\n\n#### Version 2 - **_You Import | Vue2Editor Registers_**\n\n**_(Recommended way)_**\n\n1. Import your custom modules\n2. Use the `customModules` prop to declare an array of module(s).\n3. Add the necessary configuration for those modules in the `editorOptions` object under modules as seen below\n\n```vue\n<template>\n  <div id=\"app\">\n    <vue-editor\n      :customModules=\"customModulesForEditor\"\n      :editorOptions=\"editorSettings\"\n      v-model=\"content\"\n    >\n    </vue-editor>\n  </div>\n</template>\n\n<script>\nimport { VueEditor } from \"vue2-editor\";\nimport { ImageDrop } from \"quill-image-drop-module\";\nimport ImageResize from \"quill-image-resize-module\";\n\nexport default {\n  components: {\n    VueEditor\n  },\n  data() {\n    return {\n      content: \"<h1>Initial Content</h1>\",\n      customModulesForEditor: [\n        { alias: \"imageDrop\", module: ImageDrop },\n        { alias: \"imageResize\", module: ImageResize }\n      ],\n      editorSettings: {\n        modules: {\n          imageDrop: true,\n          imageResize: {}\n        }\n      }\n    };\n  }\n};\n</script>\n```\n\n---\n\n## Development\n\nVue2Editor now uses [Poi](https://github.com/egoist/poi) for development\n\n- `yarn dev`: Run example in development mode\n- `yarn docs`: Development for Docs\n- `yarn build`: Build component in both format\n- `yarn lint`: Run eslint\n\n<!-- # Achnoledgements\nMarkdown: https://github.com/patleeman/quill-markdown-shortcuts -->\n\n## License\n\nMIT\n","maintainers":[{"name":"droyer","email":"droyer01@gmail.com"}],"time":{"modified":"2022-06-28T20:47:33.604Z","created":"2016-11-22T22:43:08.023Z","1.0.0":"2016-11-22T22:43:08.023Z","1.0.1":"2016-11-22T22:44:55.594Z","1.0.2":"2016-11-23T00:21:01.159Z","1.0.3":"2016-11-29T01:32:15.357Z","1.0.4":"2016-11-29T01:39:20.646Z","1.0.5":"2016-11-29T01:43:14.690Z","1.0.6":"2016-11-29T01:46:40.569Z","1.0.7":"2016-11-29T01:49:29.868Z","1.0.8":"2016-11-29T01:52:21.736Z","1.0.9":"2016-11-29T11:28:16.053Z","1.0.91":"2016-11-29T12:52:23.665Z","1.0.92":"2016-11-29T13:08:09.935Z","1.0.93":"2016-11-29T20:16:32.013Z","1.0.95":"2016-11-30T08:49:13.089Z","1.0.96":"2016-11-30T08:55:03.974Z","1.0.97":"2016-11-30T23:44:07.537Z","1.0.98":"2016-12-01T02:15:55.665Z","1.0.99":"2016-12-01T07:26:16.653Z","1.1.0":"2017-02-04T18:28:52.967Z","1.1.1":"2017-02-24T16:22:35.575Z","1.1.11":"2017-02-24T16:32:50.062Z","1.1.12":"2017-02-24T16:40:28.698Z","1.1.2":"2017-03-02T15:17:00.941Z","2.0.0":"2017-04-06T23:29:43.882Z","2.0.1":"2017-04-08T18:00:46.235Z","2.0.2":"2017-04-12T13:57:25.568Z","2.0.21":"2017-04-12T14:05:47.126Z","2.0.22":"2017-04-12T15:00:33.482Z","2.0.23":"2017-04-12T19:10:25.055Z","2.0.24":"2017-04-13T03:53:58.188Z","2.0.3-beta":"2017-07-12T23:02:07.190Z","2.0.41-images":"2017-07-15T03:39:26.146Z","2.0.42-images":"2017-07-17T02:55:33.365Z","2.0.25":"2017-07-17T03:19:26.827Z","2.0.26":"2017-07-17T03:23:26.932Z","2.3.0":"2017-11-06T23:40:07.054Z","2.3.1":"2017-11-07T05:04:38.760Z","2.3.11":"2017-11-07T05:30:31.196Z","2.3.2":"2018-01-22T21:13:00.506Z","2.3.3":"2018-01-25T03:15:26.193Z","2.3.31":"2018-01-25T06:22:46.887Z","2.3.32":"2018-01-25T22:57:25.841Z","2.3.33":"2018-01-26T05:37:13.483Z","2.3.34":"2018-01-27T07:48:54.858Z","2.4.1":"2018-02-04T02:41:47.233Z","2.4.2":"2018-02-04T02:46:11.326Z","2.4.3":"2018-04-18T05:09:12.093Z","2.4.4":"2018-05-09T22:03:07.523Z","2.5.0":"2018-06-10T02:07:01.771Z","2.6.0":"2018-07-30T09:33:43.686Z","2.6.1":"2018-07-30T10:03:01.274Z","2.6.6":"2018-08-04T23:37:06.981Z","2.7.0-alpha.0":"2019-05-14T21:23:34.332Z","2.7.0-alpha.1":"2019-05-15T00:26:14.718Z","2.7.0-alpha.2":"2019-05-15T02:54:50.354Z","2.7.0-alpha.3":"2019-05-15T03:09:50.034Z","2.7.0-alpha.4":"2019-05-15T04:03:42.705Z","2.7.0-alpha.5":"2019-05-15T05:32:24.719Z","2.7.0-alpha.6":"2019-05-15T05:42:15.094Z","2.7.0-alpha.7":"2019-05-15T05:53:28.530Z","2.7.0-alpha.8":"2019-05-16T18:38:39.626Z","2.7.0-alpha.9":"2019-05-16T18:41:11.982Z","2.7.0-alpha.10":"2019-05-24T21:44:39.351Z","2.7.0-alpha.11":"2019-05-24T21:45:57.760Z","2.7.0-alpha.12":"2019-05-24T23:08:04.574Z","2.7.0-alpha.13":"2019-05-24T23:45:50.889Z","2.7.0-alpha.14":"2019-05-26T00:31:02.615Z","2.7.0-alpha.15":"2019-05-26T01:13:32.913Z","2.7.0-alpha.16":"2019-05-26T01:57:10.289Z","2.7.0-alpha.17":"2019-05-26T02:45:20.275Z","2.7.0-alpha.18":"2019-05-26T03:01:34.291Z","2.7.0-alpha.19":"2019-05-26T03:35:19.335Z","2.7.0-alpha.20":"2019-05-26T04:08:05.738Z","2.7.0-alpha.21":"2019-05-26T05:46:12.849Z","2.7.2":"2019-05-26T11:04:58.998Z","2.8.0-alpha.1":"2019-06-07T20:00:26.669Z","2.8.0-alpha.2":"2019-06-07T20:48:55.024Z","2.8.0-alpha.3":"2019-06-08T05:25:20.388Z","2.8.0-alpha.4":"2019-06-08T05:41:51.733Z","2.8.0-alpha.5":"2019-06-11T02:40:26.462Z","2.8.0-alpha.6":"2019-06-11T02:43:11.081Z","2.8.0-alpha.7":"2019-06-12T01:34:19.815Z","2.8.0-alpha.8":"2019-06-12T02:04:37.682Z","2.8.0-alpha.9":"2019-06-12T09:06:16.452Z","2.8.1":"2019-06-12T09:08:10.734Z","2.9.0-next.0":"2019-06-21T04:02:45.198Z","2.9.0-next.1":"2019-06-21T04:03:45.299Z","2.9.0-next.2":"2019-06-21T05:06:55.746Z","2.9.0-next.4":"2019-06-21T12:22:11.799Z","2.9.0-next.5":"2019-06-21T12:31:51.838Z","2.9.0-next.6":"2019-06-21T12:36:56.804Z","2.9.0-next.7":"2019-06-23T05:04:38.583Z","2.9.0-next.8":"2019-06-23T11:56:30.898Z","2.9.0-next.9":"2019-06-30T04:02:24.854Z","2.9.0-next.10":"2019-07-03T02:47:11.982Z","2.9.0":"2019-07-03T05:37:33.750Z","2.9.1":"2019-07-03T05:45:41.682Z","2.10.0":"2019-08-05T03:06:59.444Z","2.10.1":"2019-08-22T23:30:25.219Z","2.10.2":"2019-08-23T00:03:27.880Z","2.10.1-next.0":"2019-09-19T15:30:47.587Z","2.10.1-next.1":"2019-09-19T20:43:58.591Z","2.10.1-next.5":"2019-09-19T20:55:42.426Z","2.10.1-next.6":"2019-09-19T21:13:31.761Z","2.10.1-next.7":"2019-09-19T22:57:30.299Z","2.10.1-next.8":"2019-09-19T23:18:44.864Z","2.10.1-next.9":"2019-09-19T23:45:50.012Z","2.10.1-next.10":"2019-09-20T02:57:27.891Z","2.10.1-next.11":"2019-09-21T00:44:37.243Z","2.10.1-next.14":"2019-09-23T05:07:52.925Z","2.10.3-ssr.0":"2021-07-29T11:26:20.133Z","2.10.3-ssr.1":"2021-07-29T11:44:14.111Z","2.10.3-ssr.2":"2021-07-29T23:21:23.008Z","2.10.3-ssr.3":"2021-07-29T23:52:25.539Z","2.10.3-ssr.4":"2021-08-18T05:48:23.696Z","2.10.3-ssr.5":"2021-08-19T02:59:32.153Z","2.10.3":"2021-08-21T03:53:55.822Z"},"keywords":["vue","vue-component","quill","html editor","text editor"],"author":{"name":"David Royer","email":"droyer01@gmail.com"},"readmeFilename":"README.md","homepage":"https://github.com/davidroyer/vue2-editor#readme","repository":{"type":"git","url":"git+https://github.com/davidroyer/vue2-editor.git"},"bugs":{"url":"https://github.com/davidroyer/vue2-editor/issues"},"users":{"droyer":true,"jinglf000":true,"thomasleveil":true,"lenic":true,"trixden":true},"license":"MIT"}