文件上传问题 about mavoneditor

[ljc930611]

能通过js动态修改编辑的内容吗

[CHENXCHEN]

@ljc930611 通过js正则替换其值，可以通过js动态修改编辑器内容，详情查阅文档props以及events

[CHENXCHEN]

和issue#19相同，传图片完成后，由服务器返回图片url，然后替换源md中的相对url，之后会自动渲染成带url的html页面。

[ljc930611]

替换源md中的相对url,这句话怎么理解？，我知道把./0替换成返回的url可以做显示，但是不知道怎么替换，没有找到一个方法来替换路径

[CHENXCHEN]

js正则替换

[ljc930611]

能在上传时的imgAdd方法里就能获得改变后的文本value吗，我现在在imgAdd方法里获取不到最新上传的那个图片文本值，在传下一张图片才能获取上一次的![图片] (./0)，如果在提交表单的时候去做统一修改的话虽然是可以修改，但是当用户上传gif图片时，gif转成base64字符串后再输入文字会给用户一种很卡的感觉，gif越大越明显

[CHENXCHEN]

1. imgAdd获得的是图片相对路径如./0 , ./1等，如果你想获得源md文本值的话，可以使用v-model绑定value
2. 事实上无论是何图片都会转换为base64，不然在图片没有上传之前无法做到本地预览，至于你说的卡顿的问题，你可以在imgAdd响应时就将图片上传至服务器，根据服务器返回的绝对url来替换对应文本
3. imgAdd是即时响应，每添加一张图片时该事件都会即时响应

[ljc930611]

我现在用的就是v-model绑定value，但是在imgAdd中获取的value只有没上传时的内容，相当于这个时候value还没改变，所以我替换不了最新的那个url

[ljc930611]

感觉好像是imgadd方法在chang方法之前触发，value还没改变的原因，不知道有没有办法能在value改变后再出发imgAdd方法

[CHENXCHEN]

感谢提供反馈，测试的确是如此，change触发于imgAdd之前，最新的v2.1.4版本修正了该bug.

[ljc930611]

上传已经好了，再问个问题.
上传图片后修改了图片的url后，上传图片按钮下面的./0 ./1等等的那些怎么修改，因为再次点击上传图片下面的./0是不走imgAdd方法的，所以展示的也还是base64字符串无法修改url，或者有办法能禁用该功能吗？

[ljc930611]

请问这个会和什么东西冲突吗?设置了subfield属性，有时候还是分屏有时候是同屏

[CHENXCHEN]

1. 可以通过ref引用该组件实例，然后调用该组件的$imgDel方法即可删掉，我打算在下一个版本提供一个方法更新指向(例如./0 指向某 url)
2. 单屏和双屏的问题。。在元素宽度<768px会自动转换为单屏

[CHENXCHEN]

最新版本v2.1.5添加了$imgUpdateByUrl方法，可以更改指向(如./0 -> url)

[ljc930611]

this.$ref.md.$imgDel方法只是删除了图片对应的路径，但是这个地方还是可以再次选择，再次选择的路径为./0

[ljc930611]

然后分屏的那个问题，应该是初始化的问题，vue记住了上一次的分屏状态，但是我的subfield已经设置为true了，请问应该设置什么来进行初始化每次固定使用分屏状态

[ljc930611]

分屏那个参数找到了，弄好了

[CHENXCHEN]

那个函数的确是，原本是没有提供这个方法的，我需要添加另一个函数

[CHENXCHEN]

@ljc930611 2.1.6已发布，添加了三个可以直接操作图片的函数，你可以通过$vm.$refs.toolbar_left.$imgDelByFilename来删除对应图片文件，详情看这里

[ljc930611]

我这边问题都解决了，谢谢作者的支持，都升级三个版本了
最后反馈个bug
let result = this.$refs.md.$refs.toolbar_left.$imgUpdateByFilename('./test',$file);
这个一直返回false

[CHENXCHEN]

感谢反馈，没有发现你说的$imgUpdateByFilenameBUG, 反而发现该处的代码的另一个bug。
另，这个函数是用于更新已存在该filename的指向文件，若不存在filename会返回false.
如果想添加的话用$imgAddByFilename

[CHENXCHEN]

2.1.7修正了该代码的另一处bug

[wmui]

@ljc930611 你好，请问一下 "上传图片按钮下面的./0 ./1"这个你是如何解决的？，能否提供下思路，感谢！

[leftstick]

@wmui 我是这么做的，虽然挫了点：更新上传图片按钮下的相对路径