×

EMLOG教程 添加签到功能和表情功能

Emlog添加签到功能和表情功能

笔客网 笔客网 发表于2018-03-21 18:40:07 浏览1753 评论0

抢沙发发表评论

签到功能:

首先添加以下JS代码到公用的JS内

function addNumber(a) {
	document.getElementById("comment").value += a
}

括号里的comment为触发,举个例子,例如下方评论框textarea中的id="comment" 即是JS括号里的comment

<textarea name="comment" id="comment" class="form-control" placeholder="在这里输入你的评论"></textarea>

输出放到评论框适合的位置:

<a href="javascript:addNumber('文章不错,写的很好!')"><i class="fa fa-thumbs-o-up"></i></a>

 

添加表情功能 

和以上方法一样加到公用JS文件,下面不多说了直接附代码

function embedSmiley() {
    "none" == $(".smiley-box").css("display") ? $(".smiley-box").slideDown(200) : $(".smiley-box").slideUp(200)
}
function grin(a) {
    var b;
    a = " " + a + " ";
    if (document.getElementById("comment") && "textarea" == document.getElementById("comment").type) b = document.getElementById("comment");
    else return !1;
    if (document.selection) b.focus(), sel = document.selection.createRange(), sel.text = a, b.focus();
    else if (b.selectionStart || "0" == b.selectionStart) {
        var c = b.selectionEnd,
            d = c;
        b.value = b.value.substring(0, b.selectionStart) + a + b.value.substring(c, b.value.length);
        d += a.length;
        b.focus();
        b.selectionStart = d;
        b.selectionEnd = d
    } else b.value += a, b.focus()
}

这个以下添加到评论框适合的位置即可:

<a onclick="embedSmiley()"><i class="fa fa-smile-o"></i><div class="smiley-box" style="display:none"><?php include View::getView('inc/smile');?></div></a>

然后将以下代码放到module.php内,再将<?php echo $comment['content']; ?>更换成<?php echo comcontent($comment['content']); ?>即可

<?php 
//评论内容
function comcontent($pl) {
	$patterns = array ("/@/","/\[blockquote\](.*?)\[\/blockquote\]/","/\[F(([1-4]?[0-9])|50)\]/"); 
	$replace = array ('回复了','<blockquote>$1</blockquote>','<img alt="表情" src="'.TEMPLATE_URL.'images/face/$1.png" />'); 
	$pl=preg_replace($patterns, $replace, $pl);
	return $pl;
}
?>

表情这个功能是提取饺子的FLY板子里的,下面发放表情包的所需PHP文件和图片

群贤毕至

访客