【转】qqface使用实例

原网址：http://www.xwcms.net/js/bddm/51565.html

 

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

<script  src="js/jquery.min.js"></script>

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

<script type= "text/javascript" >

$( 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, '>' );

     str = str.replace(/\n/g, '<br/>' );

     str = str.replace(/\[em_([0-9]*)\]/g, '<img src="arclist/$1.gif" border="0" />' );

     return  str;

}

</script>

转载于:https://www.cnblogs.com/xk1994/p/8079305.html