simditor编辑器添加表情

function showfaces(){
//首先你需要有表情图片，循环读取
	 var bq='';
		for(var i=0;i<=71;i++){
			bq+='<img src="${ctxf}/images/face/'+i+'.gif" onclick="faces(this)">';
		}
//找到编译器菜单，在他的最后面加一个表情的按钮，这个吧上面的表情添加进去
		 $('.simditor-toolbar ul').eq(0).append('<li><a tabindex="-1" unselectable="on" class="toolbar-item toolbar-item-outdent" href="javascript:;" title="表情" onclick="face(this)"><img src="${ctxf}/images/face/0.gif"></a><div class="toolbar-menu jf3q_faces" style="width:300px;">'+bq+'</div></li>');
//由于我的编译器菜单样式变了，我在这里设置一下	
	$('.toolbar-item span').css({"line-height":"30px"});
		
 }

	//点击菜单的表情按钮，表情div就显示或者隐藏
	 function face(v){
		 if($(v).next().is(":hidden")){
			 $(v).next().show();
		 }else{
			 $(v).next().hide();
		 }
	 }
	 //点击表情，就把这个表情图片显示到编辑框里面去
	 function faces(v){
		 var src=$(v).attr('src');
		 $('.simditor-body').append('<img src="'+src+'">');
	 }
	//鼠标移出表情div，表情div自动隐藏
	 $('body').on('mouseleave','.jf3q_faces',function(){
		 $('.jf3q_faces').hide();
	 })