ybts-plugin-ueditor

avue 富文本编辑器

npm

ybts-plugin-ueditor

git

ybts-plugin-ueditor

demo

use

1.安装
npm install ybts-plugin-ueditor --save

2.导入
import ybtsUeditor from 'ybts-plugin-ueditor'
Vue.use(ybtsUeditor);

3.使用
...
column:[
  ...
    {
      label:'test',
      prop:'test',
      component: "ybtsUeditor"
    }
  ...
]
或者直接
<avue-ueditor v-model="text" ></avue-ueditor>

4.图片上传配置————(支持oss,支持ctrl+v粘贴图片)
具体用法参考https://avuex.avue.top/#/doc/form-upload
upload: {
  //普通图片上传
  action: "https://avueupload.91eic.com/upload/list",
  props: {
    res: "data.0",
    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"
  },
  //ybts 上传配置
  ybts: {
    url: "http://192.168.1.52/cloud/oss/upload/token", //获取token地址
    dir: "test/", //oss目录
  }
}
...