允许用户在WordPress评论中插入图片方法

允许用户在WordPress评论中插入图片方法

93
2020-12-04 10:47:59

在 WordPress 中,默认情况下非管理员用户的评论中是不能插入图片的,这是权限设置问题。非管理员权限用户使用该标签会被过滤,因为 img 不在 allow tag 列表里。今天分享一下允许用户在WordPress评论中插入图片方法,以下就介绍几种使非管理员用户也能在评论中插入图片的方法。

允许用户在WordPress评论中插入图片方法 (https://www.wpmee.com/) WordPress开发教程 第1张
方法一

打开 wordpress 程序 wp-includes/kses.php 文件,搜索关键词: $allowedtags,大约 419 行,增加对 img 标签的支持,如下:

$allowedtags = array(

'a' => array(

'href' => true,

'title' => true,

),

'img' => array (

'src' => array (), 'alt' => array ()

),

'abbr' => array(

'title' => true,

),

注意:这个方法有个弊端,每次升级 wordpress,都必须进行再次的修改!期待高手改进此方法!(已于 2018058 自行解决了,请直接看下面方法 5 的改进版!)

方法二

使用[img]图片 src 地址[/img]来添加评论图片,首先,在 functions.php 中加入下面的代码:

/**

* WordPress中如何允许非管理员用户在评论中插入图片

*/

function lxtx_embed_images($content) {

// $content = preg_replace('/\[img=?\]*(.*?)(\[\/img)?\]/e', '"<img src=\"$1\" alt=\"" . basename("$1") . "\" />"', $content);

$content = preg_replace_callback("/\[img=?\]*(.*?)(\[\/img)?\]/", function($r){ return '<img src="'.$r[1].'" alt="'.basename("$r[1]").'" />'; }, $content);

return $content;

}

add_filter('comment_text', 'lxtx_embed_images');

然后,使用[img]图片 src 地址[/img]来添加图片当然,为了使用方便贴这个 [img]标签,也可以给评论框那加一个按钮,具体方法如下。先加入下面的这个 js 代码:

function embedImage() {

var URL = prompt('请输入图片 URL 地址:', 'http://');

if (URL) {

document.getElementById('comment').

value = document.getElementById('comment').value + '[img]' + URL + '[/img]';

}

}

再打开主题评论框所在的文件(如:comment.php 等),在适当的位置加入一个“插入图片”按钮:

<a href="javascript:embedImage();">插入图片</a>

方法三

将评论图片地址自动转化为图片,如同煎蛋网一样,将评论的图片地址自动转化为图片。实现方法有 2 种。

① 所有评论图片地址自动转化为图片:

/**

* WordPress中如何允许非管理员用户在评论中插入图片

*/

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;

}

② 指定特定文章中或所有文章中的评论图片地址自动转化为图片:

/**

* WordPress中如何允许非管理员用户在评论中插入图片

*/

define('ALLOW_POSTS', '');

function lxtx_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', 'lxtx_fa_comment_image');

注:ALLOW_POSTS 里定义的是允许自动贴图的文章或页面的 post_ID ,多篇文章或页面用 , 隔开即可,如需所有文章和页面起效则定义为空即可。

方法四

/**

* WordPress中如何允许非管理员用户在评论中插入图片

*/

function lxtx_allowedtags_img() {

global $allowedtags;

$allowedtags['img'] = array('class'=>true,'src'=>true);

// $allowedtags['pre'] = array('class'=>array());

}

add_action('comment_post', 'lxtx_allowedtags_img');

方法五

/**

* WordPress中如何允许非管理员用户在评论中插入图片

*/

function my_allowed_edittag() {

define('CUSTOM_TAGS', true);

global $allowedposttags, $allowedtags;

$allowedposttags = array(

'strong' => array(),

'em' => array(),

'ol' => array(),

'li' => array(),

'u' => array(),

'ul' => array(),

'blockquote' => array(),

'code' => array(),

'pre' => array(

'style' => true,

'class' => true,

),

'a' => array(

'href' => array (),

'title' => array ()),

'img' => array(

'src' => array ()),

);

$allowedtags = array(

'strong' => array(),

'em' => array(),

'ol' => array(),

'li' => array(),

'u' => array(),

'ul' => array(),

'blockquote' => array(),

'code' => array(),

'pre' => array(),

'a' => array(

'href' => array (),

'title' => array ()),

'img' => array(

'src' => array ()),

);

}

add_action('init', 'my_allowed_edittag', 10);

注意:这个方法允许的标签全都得自己定义。所以我对该方法进行了改进如下,当然,如果想允许更多 html 标签和属性,就请在下面代码中自行添加了:

/**

* WordPress中如何允许非管理员用户在评论中插入图片

*/

function lxtx_allowed_html_tags() {

global $allowedtags;

$allowedtags['img'] = array(

'src' => true,

'alt' => true,

'class' => true

);

}

add_action('init', 'lxtx_allowed_html_tags', 10);

喜欢这个文章就点个赞分享给好友吧~

END
相关标签

发表评论

一次支付终身使用
免费版本更新
靠谱的技术支持