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

文本框插入表情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>

效果如下：