hinesboy / mavonEditor

mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
http://www.mavoneditor.com/
MIT License
6.45k stars 918 forks source link

mavon-editor版本2.5.4上传图片后替换url方法报错不是一个function #442

Open gaozhilai opened 5 years ago

gaozhilai commented 5 years ago

大家好,我这使用mavon-editor2.5.4版本上传图片后,替换编辑器里url为服务器返回的真实url时报错,请问有同学知道怎么解决吗 代码如下 import { mavonEditor } from 'mavon-editor'

$imgAdd(pos, $file) {
  alert('图片上传方法')
  // 第一步.将图片上传到服务器.
  var formdata = new FormData()
  formdata.append('file', $file)
  var editor = mavonEditor
  axios({
    url: 'http://localhost:9000/api/upload',
    method: 'post',
    data: formdata,
    headers: { 'Content-Type': 'multipart/form-data'}).then((url) => {
    url = url.data.data.real_path
    // 第二步.将返回的url替换到文本原位置![...](0) -> ![...](url)
    // $vm.$img2Url 详情见本页末尾
    mavonEditor.$img2Url(pos, url)
  })
}

控制台报错如下 docManager.vue?f811:549 Uncaught (in promise) TypeError: mavon_editor__WEBPACK_IMPORTED_MODULE_2__.mavonEditor.$img2Url is not a function

gaozhilai commented 5 years ago

使用

this.$refs.md.$img2Url(pos, url) 这种方式成功替换了...不过为什么第一种方式会报错呢