在Javascript的文本框中接受带有图像的文本

我正在开发聊天应用程序。所以我想说你好，麦克，你好吗？ 在文本框中。我点击这张图片，然后我得到了这张图片，但我不知道如何在文本区域中添加这张图片。所以我如何在文本框中添加这张图片，以及我想在按下enter键后在div中打印这张图片

首先告诉我我将如何实现这一目标？然后我如何识别接受的字符串是否包含任何图像

---

谁能告诉我有两种解决方案

1-使用所见即所得编辑器，例如，用户可以附加任何图像

2-处理输入字符串并替换标记的常用表情符号字符

---

更新：你可以找到一些很好的插件来为你做这件事，比如。

如果你指的是文本框或文本区域，我知道你不能显示图像

在第二部分中，在我按下enter键后，在div中打印此图像，您可以用javascript替换图像的代码：by

function chatMessage(message) {
  return message.replace(":)", "<img src='smileyicon.png' />")
}

---

要显示图像，那么我将如何实现这一点？任何其他方式。在替换：D后的对话div中，它将显示。但在文本区域或输入中，我不知道，即使facebook也不会在文本区域显示气味。它显示在对话div中发送的消息之后。

$("#chat_div").replace(":)","<img src='images/smil.gif' />");