22
2020
02

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

1、签到功能:

首先添加以下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>

2、添加表情功能 

和以上方法一样加到公用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文件和图片

原文链接:https://www.qiquanji.com/post/8653.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。