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

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

<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

【热门文章】
【热门文章】