WordPress 评论插入图片

原创  admin  2020-05-31 14:01  163次阅读  0条

WordPress 评论插入图片-墨情博客
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/85.html
关注我们:关注请扫描底部右下角二维码,公众号:nygzs166
温馨提示:文章内容系作者个人观点,不代表 墨情博客对观点赞同或支持。
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!


 发表评论


表情