将“:)”替换为输入内的笑脸图标

Question

我想在输入内输入“:)”时，笑脸会自动转换为图标。我在parseSmiley（$ text）中有所有图标;我不知道如何将其实现为输入形式。

转换它 - [Image OLD] [
对此 - [图片新] [

我尝试过这样的事情：

<input type="text" class="form-control" name="parseSmiley(message)" id="message" autocomplete="off" maxlength="300" style="width: 100%;" />

但它不起作用......