普通的做法是文本框中显示表情映射文本,例如[流汗],然后通过正则替换成对应的表情路径。但是想做成像百度贴吧回复框那样的表情即时显示的效果,并且光标能够正确定位,请教解决思路,感谢~
[流汗]
光阴似箭催人老,日月如移越少年。
普通的Textarea肯定搞不定。百度贴吧的回复框使用的是百度开发的ueditor,想必是监听了ueditor的contentChange事件,然后即时替换为图片。
解决方案一:使用p替换textarea,并开启p可编辑属性(html5)。解决方案二:使用emoji,可直接在textarea中输入表情。除了两个方案外别无他法,百度用的是方案一,不过这种解决方案已经不够潮流了,emoji才是趋势。
普通的Textarea肯定搞不定。
百度贴吧的回复框使用的是百度开发的ueditor,想必是监听了ueditor的contentChange事件,然后即时替换为图片。
解决方案一:使用p替换textarea,并开启p可编辑属性(html5)。解决方案二:使用emoji,可直接在textarea中输入表情。除了两个方案外别无他法,百度用的是方案一,不过这种解决方案已经不够潮流了,emoji才是趋势。