代码拉取完成,页面将自动刷新
1.安装
vue2:npm install avue-plugin-ueditor --save
vue3:npm install avue-plugin-ueditor@next --save
2.导入
import AvueUeditor from 'avue-plugin-ueditor'
Vue.use(AvueUeditor);
3.Avue配置中使用
...
column:[
...
{
label:'test',
prop:'test',
component: "avueUeditor",
//wangEditor编辑的配置
customConfig: {
lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3']
},
//是否启用oss(qiniu/ali)
oss:'',
headers:{},
data:{},
propsHttp: {
home:'',
url:'',
res: ''
},
//普通图片上传
action: "",
//七牛云oss配置
qiniu: {
AK: "",
SK: "",
scope: "",
url: "",
deadline: 1
},
//阿里云oss配置
ali: {
region: "",
endpoint: "",
accessKeyId: "",
accessKeySecret: "",
bucket: ""
}
}
...
]
4.组件中使用
<avue-ueditor v-model="text" v-bind="options"></avue-ueditor>
options: {
//wangEditor编辑的配置
customConfig: {
lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3']
},
propsHttp: {
home:'',
url:'',
res: ''
},
//是否启用oss(qiniu/ali)
oss:'',
headers:{},
data:{},
//普通图片上传
action: "",
//七牛云oss配置
qiniu: {
AK: "",
SK: "",
scope: "",
url: "",
deadline: 1
},
//阿里云oss配置
ali: {
region: "",
endpoint: "",
accessKeyId: "",
accessKeySecret: "",
bucket: ""
}
}
...
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
action | 图片上传地址 | String | — | - |
headers | 上传附带请求头数据 | Object | — | - |
data | 上传附带数据 | Object | — | - |
props | 相关可配置参数,具体参考props配置 | Object | — | - |
oss | 是否使用oss不写则为普通上传 | String | ali/qiniu | - |
qiniu | 七牛云oss配置,具体参考qiniu配置 | Object | — | - |
ali | 阿里云oss配置,具体参考ali配置 | Object | — | - |
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
res | 返回的数据结构层次 | String | — | - |
url | 返回结构体图片地址字段 | String | — | - |
home | 图片的根路径地址 | String | — | - |
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
AK | 七牛云的密钥 | String | — | - |
SK | 七牛云的密钥 | String | — | - |
scope | 七牛云存储的空间名 | String | — | - |
url | 空间的自定义域名 | String | — | - |
deadline | token的过期时间 | String | — | - |
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
region | oss所在区域的名称,具体查看阿里云oss文档 | String | — | - |
endpoint | oss所在区域的域名,具体查看阿里云oss文档 | String | — | - |
accessKeyId | 阿里云的密钥 | String | — | - |
accessKeySecret | 阿里云的密钥 | String | — | - |
bucket | 阿里云存储的空间名 | String | — | - |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。