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

Question

我想通过点击图像在文本区域下插入笑脸代码。

有三种图像DIV #smiles：

和数组
VAR微笑= {
'高兴'： ':)'，
'悲伤'： ':('，
'正常'： '：|'
};

textarea的是#text

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

请问你能帮我写代码吗？我会通过它学习:)

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'); 
    }); 

获取代码在光标位置插入适当的脸。将涉及更多的代码，但这是一个简单的例子。