在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:avue-plugin-ueditor开源软件地址:https://gitee.com/smallweigit/avue-plugin-ueditor开源软件介绍:avue 富文本编辑器
Avue官网介绍三方编辑器wangEditor
使用1.安装npm install avue-plugin-ueditor --save2.导入import AvueUeditor from 'avue-plugin-ueditor'Vue.use(AvueUeditor);3.使用(双击图片可改变大小)...column:[ ... { label:'test', prop:'test', component: "avueUeditor", params:{ options:{ //普通图片上传 action: "https://avuejs.com/upload", customConfig: { lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3'] },//wangEditor编辑的配置 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" } } } } ...]或者直接<avue-ueditor v-model="text" :options="options"></avue-ueditor>4.图片上传配置————(支持oss,支持ctrl+v粘贴图片)具体用法参考https://avuex.avue.top/#/doc/form-uploadoptions: { //普通图片上传 action: "https://avuejs.com/upload", customConfig: { lineHeights: ['1', '1.15', '1.6', '2', '2.5', '3'] },//wangEditor编辑的配置 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" }}... |
请发表评论