原创文本框插入表情Jquery插件

dengjianbin 11年前

文本框插入表情Jquery插件是一款非常实用的功能,应用场景很广,基本上很多网站的留言和评论模块都用到,为了方便大家使用,网友水墨寒将此功能封装成一个通用的插件。代码里面的每一个功能都写上了很详细的注释,分成了3个主要功能,除了插件本身还有一个光标定位插件和表情解析插件。

使用代码如下:

<script type="text/javascript">  $(function (){   $("a.face").smohanfacebox({    Event : "click", //触发事件     divid : "Smohan_FaceBox", //外层DIV ID    textid : "Smohan_text" //文本框 ID   });   //解析表情  $('#Zones').replaceface($('#Zones').html());  });  //Demo测试  $('#Smohan_Showface').click(function() {    $('#Zones').fadeIn(360);    $('#Zones').html($('#Smohan_text').val());    $('#Zones').replaceface($('#Zones').html());//替换表情   });  </script>

效果如下:

网友水墨寒分享原文本框插入表情Jquery插件

在线演示和下载