wangEditor.cmd.do()在ie11插入图片失败的解决办法

起因

我原本按照官方文档的写法，在图片上传成功的回调里面将图片插入富文本框

editoreditor.cmd.do('insertHtml','<img src="'+sourceLink+'" style="max-width:100%;"/>')

在ie11下图片上传成功了，但是图片插不进去。

我去查了下源码，发现他其实是通过 document.execCommand()去执行的。

wangEditor.js

这里传的参数是 insertHTML ，ie不支持他，所以插入无效。

insertHTML参数说明

解决方案：使用insertImage

修改传入参数，改成这种写法

editor.cmd.do('insertImage', sourceLink);


wangEditor编辑器

现在图片是插进去了，但是他会自动选中图片，于是我就让光标移到最后，解决这个问题。

document.getSelection().collapseToEnd();

wangEditor编辑器

解决问题！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容