2 element8763 element8763 于 2015.07.24 18:30 提问

当contenteditable="true时,如何给光标位置插入HTML元素

现在项目中遇到一个这样的问题:
一个div的contenteditable设置为True时,在输入了一段文字后,列入

图片说明

现在需要做的是,点击表情框,这个时候焦点会离开这个div,然后选择一个表情,将这个表情插入到原来的光标的位置。

请问各位大神 .... 这一步应该如何做到?

5个回答

element8763
element8763   2015.07.24 18:33

因为涉及到DOM Range 在网上浏览了很多这方面的东西 仍然没有解决 .

showbo
showbo   Ds   Rxr 2015.07.24 19:44
github_30109321
github_30109321   2015.07.25 21:45

你是要做一个富文本编辑器吗?在可编辑的div里的每一行(除了第一行)都是一个div,所以你可以先取得所在的div,
然后在所在行的位置你可以搜一下获取的方法,将其记录下来,最后点击图标之后,通过操作div的innerHTML插入表情

dongjinwang
dongjinwang   2015.07.27 23:53

因为涉及到DOM Range 在网上浏览了很多这方面的东西 仍然没有解决 .

u012924779
u012924779   2017.10.16 17:24

dasd图片说明pload/201710/16/1508145854_341637.jpg)图片说明asdasdasd

Csdn user default icon
上传中...
上传图片
插入图片