vue光标插入内容_vue项目中在可编辑div光标位置插入内容的实现代码

vue项目中在可编辑div光标位置插入内容

html：

@dragstart="dragstart($event, item.labelname)"

draggable='true'

v-for="(item, index) in modelcommonlist"

:key="index"

@click="droprelease($event, item.labelname)">

{ {item.labelname}}

@drop="droprelease($event)"

@dragover="allowdrop($event)"

ref="smscontent"

class="border-r4 f12 h100 pd-tb10 pd-lr10 overflow-scroll-y editable-div"

id="smscontent">

methods：

inserthtmlatcaret(html) {

let sel, range;

if (window.getselection) {

// ie9 and non-ie

sel = window.getselection();

if (sel.getra