vuejs在可编辑的div里如何获取光标位置?

Question

<div v-show="item.edit" class="edit-detail-textarea" contenteditable="true" @input="getDesc(index,item,$event)">{{item.desc}}</div>在这种编辑框里文本编辑+插入表情;

插入之后再删除就成字符串了，插入的是段html片段

Answer 1

我写了一个非常矬的实现，核心部分完全来自于Get a range's start and end offset's relative to its parent container

效果是这样的：

在光标所在位置添加一个固定的"[Fucking]"

这是jsFiddle