| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-567cb0fd"],{"11c0":function(t,e,i){},"46f4":function(t,e,i){},"912e":function(t,e,i){"use strict";i("46f4")},d509:function(t,e,i){"use strict";i.r(e);var n=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:{Authorization:t.token,...t.headers},accept:t.accept,"on-success":t.upSuccess}},[e("el-button",{attrs:{id:"quill-upload-btn"}})],1)],1)},o=[],l=i("6c81"),s=i.n(l),c=(i("11c0"),i("8bc2")),u=i("5880"),a={name:"cl-editor-quill",props:{options:Object,value:null,action:String,headers:Object,accept:String,height:[String,Number],width:[String,Number]},data(){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(u["mapGetters"])(["token"]),style(){let t=this.height,e=this.width;return isNaN(Number(t))||(t+="px"),isNaN(Number(e))||(t+="px"),{height:t,width:e}}},watch:{value(t){t?t!==this.content&&this.setContent(t):this.setContent("")},content(t){this.$emit("input",t)}},created(){const{url:t}=this.$service.common.upload();this.uploadURL=this.action||t},mounted(){const t=Object(c["deepMerge"])(this.options2,this.options);this.quill=new s.a(this.$el.querySelector(".editor"),t),this.quill.getModule("toolbar").addHandler("image",this.uploadImageHandler),this.quill.on("text-change",()=>{this.content=this.quill.root.innerHTML}),this.setContent(this.value),this.$emit("load",this.quill)},methods:{httpRequest(t){const e=t.file;this.getBase64(e).then(e=>{this.$service.common.uploadImg({content:e}).then(e=>{t.onSuccess(e)})})},getBase64(t){return new Promise((function(e,i){let n=new FileReader,o="";n.readAsDataURL(t),n.onload=function(){o=n.result},n.onerror=function(t){i(t)},n.onloadend=function(){e(o)}}))},uploadImageHandler(){document.getElementById("quill-upload-btn").click()},upSuccess(t){console.log(t);const{index:e}=this.quill.getSelection();this.quill.insertEmbed(e||0,"image",t.smallUrl,s.a.sources.USER)},setContent(t){this.quill.root.innerHTML=t||""}}},r=a,d=(i("912e"),i("1805")),h=Object(d["a"])(r,n,o,!1,null,null,null);e["default"]=h.exports}}]);
|
