原理挺简单的 :neutral: ,评论处添加js,获取用户的图片链接,然后PHP将图片链接直接显示出来。

这类网上都有代码,不过还是没有找到适合我的,所以自己综合别人的代码写出来了一个 :cool:

JS

主要的js来自奔跑的Q丶
我自己简单修改了下一些地方,大家应该都可以看懂 :smile:

var textarea = document.getElementById('comment')
var button = document.getElementById('comment_add_img')
button.addEventListener('click', () => {
var value = textarea.value.split('')
var pos = textarea.selectionStart
var img = prompt("输入图片链接","");
var insertValue = img
value.splice(pos, 0, insertValue)
textarea.value = value.join('')
textarea.selectionStart = textarea.selectionEnd = pos + insertValue.length
textarea.focus()
}, false)

PHP

这个来自Bigfa,用来替换评论图片链接

define('ALLOW_POSTS', '');
function fa_comment_image( $comment ) {
$post_ID = $comment["comment_post_ID"];
$allow_posts = ALLOW_POSTS ? explode(',', ALLOW_POSTS) : array();
if(in_array($post_ID,$allow_posts) || empty($allow_posts) ){
global $allowedtags;
$content = $comment["comment_content"];
$content = preg_replace('/(https?:\\/\\/\\S+\\.(?:jpg|png|jpeg|gif))+/','<img src="$0" alt="">',$content);
$allowedtags['img'] = array('src' => array (), 'alt' => array ());
$comment["comment_content"] = $content;
}
return $comment;
}
add_filter('preprocess_comment', 'fa_comment_image');

这边最后就是HTML代码了,随便添加到哪里都可以,不过还是在评论框附近最好 :shock:

<a id="comment_add_img">图片</a>

基本就差不多了 :neutral: ,一些地方也可以改一改。。。

Panjianhao

:D 获取中...

1 条评论

  1. {天龙私服搭建_奇迹Mu私服搭建_魔兽私服搭建_魔域私服搭建_墨香私服搭建|天堂2私服搭建_传奇3私服搭建_英雄王座私服搭建_千年私服搭建_征途私服搭建|新魔界私服搭建_骑士私服搭建_烈焰私服搭建_破天私服搭建_决战私服搭建|美丽世界私服搭建_乱勇OL私服搭建_倚天2私服搭建_完美世界私服搭建_征服私服搭建|天堂私服搭建_传世私服搭建_真封神私服搭建_劲舞团私服搭建_天上碑私服搭建|永恒之塔私服搭建_仙境RO私服搭建_诛仙私服搭建_神泣私服搭建_石器私服搭建|冒险岛私服搭建_惊天动地私服搭建_热血江湖私服搭建_问道私服搭建_密传私服搭建|火线任务(Heat Project)私服搭建_飞飞OL私服搭建_洛汗私服搭建_天之炼狱私服搭建|丝路传说私服搭建_大话西游私服搭建_蜀门私服搭建_机战私服搭建_剑侠情缘私服搭建|绝对女神私服搭建_传说OL私服搭建_刀剑私服搭建_弹弹堂私服搭建_科洛斯私服搭建|魔力宝贝私服搭建_武林外传私服搭建_网页游戏私服搭建_页游私服搭建_希望OL私服搭建|成吉思汗私服搭建_剑侠世界私服搭建_全民奇迹私服搭建_挑战OL私服搭建|红月私服搭建_十二之天(江湖OL)私服搭建_倚天私服搭建_dnf私服搭建}传奇3私服一条龙服务端08ev.comQQ1325876192
    [url=http://www.42md.com/]惊天动地开服一条龙42md.comQQ30171491[/url]

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

私密评论