javascript - 请教web文本框中，怎样做到表情即时显示？

Question

问题描述

普通的做法是文本框中显示表情映射文本，例如[流汗]，然后通过正则替换成对应的表情路径。但是想做成像百度贴吧回复框那样的表情即时显示的效果，并且光标能够正确定位，请教解决思路，感谢~

Answer 1

普通的Textarea肯定搞不定。
百度贴吧的回复框使用的是百度开发的ueditor，想必是监听了ueditor的contentChange事件，然后即时替换为图片。

Answer 2

解决方案一：使用p替换textarea，并开启p可编辑属性（html5）。解决方案二：使用emoji，可直接在textarea中输入表情。除了两个方案外别无他法，百度用的是方案一，不过这种解决方案已经不够潮流了，emoji才是趋势。