jQuery通过单击图像在光标下插入代码

Question

我想通过点击图片在光标位置的文本区域插入笑脸代码。

div #smiles中有三个图像：   

和阵列
var smiles = {
  'happy'：':)'，
  '伤心'：':('，
  '正常'：'：|'
};

Textarea是#text

我不知道使用图片的网址与代码连接是否可以，或者有更好的方法（例如，按位置）。

请你帮我写代码。我将通过它学习：）

Answer 1

过去question在SO上应该让你朝着正确的方向前进。另外，作为答案，有一个jQuery插件也可以实现这一点。

获得光标位置后，您可以执行以下操作：

<img id="happy" src="happy.gif" alt="Happy Face" title=":)" />
<img id="sad" src="sad.gif" alt="Sad Face" title=":(" />
<img id="normal" src="normal.gif" alt="Normal Face" title=":|" />

然后使用

 $('img').click(function() {
       wherever_cursor_is = $('img').attr('title');
    }); 

获取代码以在光标位置插入正确的面。将涉及更多的代码，但这是一个简化的例子。