在评论区添加贴图按钮

2011-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>
本文标签:
本文链接: http://boliquan.com/add-img-button-in-the-comment-area/
版权所有: 玻璃泉, 转载请注明本文出处。

13个评论

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

  2. 你这代码用的什么插件?我的代码用插件高亮,在FEEDSKY里面显得很混乱

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

  4. 博客风格很清爽啊,不错,博文很实用

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

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

发表评论

您的昵称 *

您的邮箱 *

您的网站

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif

Protected by WP Anti Spam