1 .安装
npm install avue-plugin-ueditor --save
2. 直接使用
<avue-ueditor v-model="text" :options="options"></avue-ueditor>
- 图片上传配置————(支持oss,支持ctrl+v粘贴图片)
具体用法参考https://avuex.avue.top/#/doc/form-upload
options: {
//普通图片上传
action: "https://avuejs.com/upload",
customConfig: {},//wangEditor编辑的配置,具体配置参照富文本的官网https://www.wangeditor.com/
props: {
res: "data",
url:'url'
},
//七牛云oss配置
qiniu: {
AK: "",
SK: "",
scope: "test",
url: "http://pm7cc17lu.bkt.clouddn.com/",
deadline: 1
},
//阿里云oss配置
ali: {
region: "oss-cn-beijing",
endpoint: "oss-cn-beijing.aliyuncs.com",
accessKeyId: "",
accessKeySecret: "",
bucket: "avue"
}
}