| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-567cb0fd"],{"11c0":function(t,e,n){},"46f4":function(t,e,n){},"912e":function(t,e,n){"use strict";n("46f4")},d509:function(t,e,n){"use strict";n.r(e);var i=n("1f77"),o=function(){var t=this,e=t._self._c;return e("div",{staticClass:"cl-editor-quill"},[e("div",{staticClass:"editor",style:t.style}),e("el-upload",{attrs:{"show-file-list":!1,action:t.uploadURL,"http-request":t.httpRequest,headers:Object(i["a"])({Authorization:t.token},t.headers),accept:t.accept,"on-success":t.upSuccess}},[e("el-button",{attrs:{id:"quill-upload-btn"}})],1)],1)},l=[],s=(n("00cb"),n("dc93"),n("6c81")),c=n.n(s),u=(n("11c0"),n("8bc2")),a=n("5880"),r={name:"cl-editor-quill",props:{options:Object,value:null,action:String,headers:Object,accept:String,height:[String,Number],width:[String,Number]},data:function(){return{uploadURL:"",content:"",quill:null,options2:{theme:"snow",placeholder:"输入内容",modules:{toolbar:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["clean"],["link","image","video"]]}}}},computed:Object(i["a"])(Object(i["a"])({},Object(a["mapGetters"])(["token"])),{},{style:function(){var t=this.height,e=this.width;return isNaN(Number(t))||(t+="px"),isNaN(Number(e))||(t+="px"),{height:t,width:e}}}),watch:{value:function(t){t?t!==this.content&&this.setContent(t):this.setContent("")},content:function(t){this.$emit("input",t)}},created:function(){var t=this.$service.common.upload(),e=t.url;this.uploadURL=this.action||e},mounted:function(){var t=this,e=Object(u["deepMerge"])(this.options2,this.options);this.quill=new c.a(this.$el.querySelector(".editor"),e),this.quill.getModule("toolbar").addHandler("image",this.uploadImageHandler),this.quill.on("text-change",(function(){t.content=t.quill.root.innerHTML})),this.setContent(this.value),this.$emit("load",this.quill)},methods:{httpRequest:function(t){var e=this,n=t.file;this.getBase64(n).then((function(n){e.$service.common.uploadImg({content:n}).then((function(e){t.onSuccess(e)}))}))},getBase64:function(t){return new Promise((function(e,n){var i=new FileReader,o="";i.readAsDataURL(t),i.onload=function(){o=i.result},i.onerror=function(t){n(t)},i.onloadend=function(){e(o)}}))},uploadImageHandler:function(){document.getElementById("quill-upload-btn").click()},upSuccess:function(t){console.log(t);var e=this.quill.getSelection(),n=e.index;this.quill.insertEmbed(n||0,"image",t.smallUrl,c.a.sources.USER)},setContent:function(t){this.quill.root.innerHTML=t||""}}},d=r,h=(n("912e"),n("1805")),p=Object(h["a"])(d,o,l,!1,null,null,null);e["default"]=p.exports}}]);
|
