WordPress 评论插入图片

 木子博客  2019-12-15 19:37  210次阅读   评论 0 条

WordPress是不支持在评论中插入图片的,有时候留言评论时需要插入图片,或者我们自开发主题时,在评论时加入贴图功能,一起看下面的步骤来实现

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

  1. //评论加图片  
  2. add_action('comment_text', 'comments_embed_img', 2);  
  3. function comments_embed_img($comment) {  
  4.     $size = auto;  
  5.     $comment = preg_replace(array('/\[img\]((http|https):\/\/\S*)\[\/img\]/'),'<img src="$1" alt="评论" style="width:'.$size.'; height:'.$size.'" />', $comment);  
  6.     return $comment;  
  7. }  

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

2、添加贴图按钮

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

  1. <a href="javascript:embedImage();" title="插入图片" alt="插入图片"><i class="far fa-images" data-toggle="tooltip" title="图片"></i></a>  

3、引入以下js

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

  1. function embedImage() {  
  2.          var URL = prompt('请输入图片URL地址:', 'http://');  
  3.          if (URL) {  
  4.                   document.getElementById('comment').value = document.getElementById('comment').value + ' ' + '<img src="' + URL +  '">' +' ';  
  5.          }  
  6. };  

这样你就可以实现在评论中贴图了。

本文地址:https://www.13qing.com/391.html
关注我们:关注请扫描底部右下角二维码,公众号:nygzs166
温馨提示:文章内容系作者个人观点,不代表 墨情博客对观点赞同或支持。
版权声明:本文为转载文章,来源于 木子博客 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

 发表评论


表情