WordPress评论内容实现插入图片

1、在 functions.php 中加入以下代码 [erphpdown] /* *评论中插入图片 */ ad…

WordPress评论内容实现插入图片

1、在 functions.php 中加入以下代码

[erphpdown]

/*
*评论中插入图片
*/
add_action('comment_text', 'comments_embed_img', 2);
function comments_embed_img($comment) {
        $size = auto;
        $comment = preg_replace(array('#(http://([^s]*).(jpg|gif|png|JPG|GIF|PNG))#','#(https://([^s]*).(jpg|gif|png|JPG|GIF|PNG))#'),'<img src="$1" alt="" width="'.$size.'" height="" />', $comment);
        return $comment;
}

[/erphpdown]

这样的话,只要在评论中插入图片地址,就能显示图片了。

2、添加贴图按钮链接

在你的 comments.php 评论模板样式文件中,添加一个按钮或链接:

[erphpdown]

<a href="javascript:embedImage();" rel="nofollow noopener"  title="插入图片" alt="插入图片">插入图片</a>

[/erphpdown]

3、引入以下 js

在你主题的 Js 文件中引入以下代码:

[erphpdown]

// 评论贴图
function embedImage() {
	var URL = prompt('请输入图片 URL 地址:', 'http://');
	if (URL) {
		document.getElementById('comment').value = document.getElementById('comment').value + '' + URL + '';
	}
};

[/erphpdown]

类别:WordPress技巧

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册