vue3一款的markdown编辑器:md-editor-v3

1,866 阅读1分钟

今天想要开发一个页面支持markdown编辑器, 使用的是md-editor-v3

作者的使用说明有点不是很清楚,callback回显有问题,想二次封装,后续多个页面可以使用 子组件使用的是props接收,回显可以,这时候添加图片就有问题了,如果是子组件的变量就可以回显,提了issue,希望作者早点修复这个bug,有使用这个的大佬可以给点建议进行二次封装?

const text = computed({
  get: () => props.text,
  set: val => emits('upload:text', val)
})

上传图片的方法

<md-editor v-model="info.content" @onUploadImg='onUploadImg' />
const onUploadImg = async (files, callback) => {
  const res = await Promise.all(
    files.map(file => {
      return new Promise((rev, rej) => {
        initCOS(file, import.meta.env.VITE_BUCKET_NAME).then(res => {
          rev(import.meta.env.VITE_IMGURL + res);
        });
      });
    })
  );
  callback(res);
};

回显的格式还是可以改进一下

//这里希望可以改进一下[],可以支持将图片的名字加进去
![]('https:/xxx.com/1.png')