<div v-show="item.edit" class="edit-detail-textarea" contenteditable="true" @input="getDesc(index,item,$event)">{{item.desc}}</div>在这种编辑框里文本编辑+插入表情;
插入之后再删除就成字符串了,插入的是段html片段
我写了一个非常矬的实现,核心部分完全来自于Get a range's start and end offset's relative to its parent container
效果是这样的:
在光标所在位置添加一个固定的"[Fucking]"
这是jsFiddle