当用户作者消息将输入转换为img输入

我正尝试创建一个使用图释的聊天应用程序。当用户输入表情符号标签时，我希望该标签（I. E.：happy :)自动转换为输入字段内的表情符号，而作者仍在处理文本并在发送消息之前进行处理。表情符号可以是一个图像，但也可以是一个动画gif。它也应该用于解析文本。我会怎么做呢？我找到的唯一解决方案就是建议一个看起来像输入字段的div，输入字段在用户写入文本时隐藏在其内部。但是这看起来不够优雅，并且符合粘贴要求。任何建议将不胜感激！当用户作者消息将输入转换为img输入

来源

2016-04-06 Z101

您可以使用contenteditable属性，例如：

<p contenteditable="true">This is an editable paragraph.</p>

然后，您将需要创建在JavaScript中转换地图，聆听通过地图0元素和环路上的更改，替换“代码”与所需的Unicode或<img>标签。

查看示例here

来源

2016-04-06 16:42:53 Regaddi

这不会提供问题的答案。一旦你有足够的[声誉]（http://stackoverflow.com/help/whats-reputation），你将能够[评论任何职位]（http://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提问者澄清的答案]（http://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 - [来自评论]（/ review/low-quality-posts/11918500） – ochi

其实它确实。这是解决方案的第一步。我将对我的答案进行编辑，以澄清一旦我回到我的键盘。 – Regaddi

使内容可编辑与添加图标无关（自动），而用户继续输入......充其量，这是不完整的 – ochi

当用户作者消息将输入转换为img输入

回答

相关问题