在评论区添加贴图按钮

12-12 | 夜光 | IT记录

wordpress访客默认不能使用img标签，会被过滤掉，我们可以采用UBB标签[img]，下面是具体做法：

（1）在主题functions.php中加入以下代码：

function embed_images($content){
	$content = preg_replace('/\[img=?\]*(.*?)(\[\/img)?\]/e', '"<img src=\"$1\" alt=\"" . basename("$1") . "\" />"', $content);
	return $content;
}
add_filter('comment_text', 'embed_images');

（2）在主题js文件后面加入以下js代码：

function comment_image(){
	var URL = prompt('请输入图片的 URL 地址:');
	if(URL){
		document.getElementById('comment').value = document.getElementById('comment').value + '[img]' + URL + '[/img]';
	}
}

（3）在评论区需要添加贴图按钮的地方，用如下代码：

<a href='#' onclick='comment_image(); return false;'>贴图</a>
本文标签:
本文链接: add-img-button-in-the-comment-area/
版权所有: 玻璃泉, 转载请注明本文出处。
上一篇: 下一篇:

相关文章

随机文章

13个评论

  1. 心淡若水

    嘿嘿 这个可以丰富留言 也勇猛的用上了

  2. 代码疯子

    你这代码用的什么插件？我的代码用插件高亮，在FEEDSKY里面显得很混乱

  3. zwwooooo

    以前就有些博主主题加上了，但我就不喜欢，因为怕访客乱贴图影响速度

  4. 酷博

    博客风格很清爽啊，不错，博文很实用

  5. fantdr

    今天我也在整 这些功能 我还是慢慢搞吧

  6. zrcaii

    找了好久，不过要是 不是弹窗而是直接插入文本[img]就好了。

Home