vue可编辑div_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