富文本编辑器

代码

代码地址

新特性

• 基于vue-quill-editor二次开发
• 支持avue方式配置图片上传
• 支持七牛云和阿里云oss上传
• 支持粘贴和ctrl+v粘贴图片

使用

• 1.npm install avue-plugin-ueditor —save
• 2.import AvueUeditor from 'avue-plugin-ueditor'
• 3.Vue.use(AvueUeditor);
• 4.参考如下代码使用

<avue-ueditor v-model="text" :upload="upload"></avue-ueditor>
<script>
export default {
  data() {
    return {
      text: "",
      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"
        }
      }
    };
  }
};
</script>

upload Attributes

props Attributes

qiniu Attributes

ali Attributes