需求

实现的原理

1.利用div的contenteditable属性,让div可编辑

2.document.execCommand（）方法插入图片

实现过程

html

js

  methods:{     mouseclick(){       let imgSrc =  require('../assets/logo.png')       let imgTag = ``       let ss = document.execCommand("insertimage", false, imgSrc);//填写真实图片地址，图片将会插入到编绎模式下的$('#div')中，位置在鼠标光标处     }   }

效果

修改样式即可实现需求

原生js实现这个功能