基于jQuery开发的qq表情插件

转载：http://www.jq22.com/jquery-info365

使用方法

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.qqFace.js"></script>

<div id="show"></div> 
<div class="comment"> 
    <div class="com_form"> 
        <textarea class="input" id="saytext" name="saytext"></textarea> 
        <p><span class="emotion">表情</span><input type="button" class="sub_btn" value="提交"></p> 
    </div> 
</div>

三、当我们点击页面输入框下方那个笑脸时，触发调用qqface表情插件，简单几行就搞定。

$(function() {
    $('.emotion').qqFace({
        id: 'facebox',
        assign: 'saytext',
        path: 'arclist/' //表情存放的路径
    });
    $(".sub_btn").click(function() {
        var str = $("#saytext").val();
        $("#show").html(replace_em(str));
    });
});
//查看结果
function replace_em(str) {
    str = str.replace(/\</g, '&lt;');
    str = str.replace(/\>/g, '&gt;');
    str = str.replace(/\n/g, '<br/>');
    str = str.replace(/\[em_([0-9]*)\]/g, '<img src="arclist/$1.gif" border="0" />');
    return str;
}

function ubbReplace($str) {
    $str = str_replace ( ">", '<；', $str );    
    $str = str_replace ( ">", '>；', $str );
    $str = str_replace ( "\n", '>；br/>；', $str );  
    $str = preg_replace ( "[\[em_([0-9]*)\]]", "<img src=\"/arclist/$1.gif\" />", $str );
    return $str;
}