创建一个文本输入，将表情符号代码更改为图片

Question

在我的页面中，我有一个文本输入字段，我希望当用户在该字段内写入表情符号代码（如：D）时，输入字段会将该代码更改为图片。

我该怎么做？

Answer 1

我之前也遇到过这个问题。有关于同一查询的链条。

它看起来并不像你想要的那样容易。写作和转换根本没有意义。

方法：你必须阅读用户输入的每一个文本，如果它与微笑的模式匹配，如果笑脸匹配，则从images文件夹中获取相应的.gif文件。

请参阅以下链接以便快速入门。

Replace a list of emoticons with their images

Answer 2

这个答案可能已经很晚了，但这个问题在Google上仍然排名靠前......

添加此功能的最简单方法是使用SCEditor插件（MIT许可证）。这是一个JavaScript-and-CSS解决方案，可以将任何textarea变为WYSIWYG编辑器。如果工具栏被禁用（请参阅http://www.sceditor.com/documentation/options/），您将生成一个文本输入，可自动将表情符号替换为相应的图像。

提示：可能需要使用emoticonsRoot选项告诉脚本在哪里找到表情符号（花了我10分钟才找到它 - 找到SCEditor使其工作需要30分钟中的10分钟...）。