搜索到
2
篇与
评论
的结果
-
![Joe主题实现评论图片功能]()
Joe主题实现评论图片功能 1.效果图{tabs}{tabs-pane label="前台界面"}{/tabs-pane}{tabs-pane label="主题开关"}{/tabs-pane}{/tabs}2.修改 usr/themes/Joe-master/public/comment.php，修改如下代码：{tabs}{tabs-pane label="代码"}<?php if ($this->options->CommentImg !== "off") : ?> <div class="imgUpload"> <input type="file" title="上传图片" id="imgUpload_btn_file" hidden> <input type="hidden" name="text" id="imgUpload_btn_text"> <div class="imgUpload-file"> <div height="24" class="imgUpload_btn"> <span id="imgUpload_btn_upload"> <svg t="1629804953737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2082" width="24" height="24"><path d="M740.693333 750.933333h-102.4c-20.48 0-34.133333-13.653333-34.133333-34.133333s13.653333-34.133333 34.133333-34.133333h102.4c58.026667 0 102.4-44.373333 102.4-102.4 0-47.786667-34.133333-88.746667-78.506666-98.986667-17.066667-3.413333-27.306667-20.48-27.306667-37.546667 3.413333-13.653333 3.413333-23.893333 3.413333-34.133333 0-112.64-92.16-204.8-204.8-204.8-88.746667 0-170.666667 61.44-197.973333 146.773333 0 13.653333-13.653333 23.893333-27.306667 23.893334-81.92 3.413333-146.773333 71.68-146.773333 153.6 0 85.333333 68.266667 153.6 153.6 153.6h51.2c20.48 0 34.133333 13.653333 34.133333 34.133333s-13.653333 34.133333-34.133333 34.133333H314.026667c-122.88 0-221.866667-98.986667-221.866667-221.866666 0-112.64 81.92-204.8 191.146667-218.453334 40.96-102.4 143.36-174.08 252.586666-174.08 150.186667 0 273.066667 122.88 273.066667 273.066667v13.653333c61.44 27.306667 102.4 88.746667 102.4 157.013334 0 95.573333-75.093333 170.666667-170.666667 170.666666z m-204.8 102.4V477.866667c0-13.653333-6.826667-23.893333-20.48-30.72-10.24-6.826667-23.893333-3.413333-34.133333 3.413333l-136.533333 102.4c-13.653333 10.24-17.066667 34.133333-6.826667 47.786667 10.24 13.653333 34.133333 17.066667 47.786667 6.826666l81.92-61.44v307.2c0 20.48 13.653333 34.133333 34.133333 34.133334s34.133333-13.653333 34.133333-34.133334z m129.706667-252.586666c10.24-13.653333 6.826667-37.546667-6.826667-47.786667l-34.133333-27.306667c-13.653333-10.24-37.546667-6.826667-47.786667 6.826667-10.24 13.653333-6.826667 37.546667 6.826667 47.786667l34.133333 27.306666c6.826667 3.413333 13.653333 6.826667 20.48 6.826667 10.24 0 20.48-3.413333 27.306667-13.653333z" fill="#3E2AD1" p-id="2083"></path></svg> </span> <span id="imgUpload_btn_clear"> <svg t="1629805039741" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3008" width="24" height="24"><path d="M897.23 333.08H657.88V122.51c0-19.76-16.08-35.84-35.84-35.84H451.77c-19.76 0-35.84 16.08-35.84 35.84v210.57H176.58c-19.76 0-35.84 16.08-35.84 35.84v109.17c0 19.76 16.08 35.84 35.84 35.84h23.23v337.9c0 19.76 16.08 35.84 35.84 35.84h602.51c19.76 0 35.84-16.08 35.84-35.84v-337.9h23.23c19.76 0 35.84-16.08 35.84-35.84V368.92c0-19.76-16.08-35.84-35.84-35.84z m-700.49 56h247.19c15.46 0 28-12.54 28-28V142.67h129.95v218.41c0 15.46 12.54 28 28 28h247.19v68.85H196.74v-68.85z m491.43 442.59V705.28c0-15.46-12.54-28-28-28s-28 12.54-28 28v126.39h-67.26V705.28c0-15.46-12.54-28-28-28s-28 12.54-28 28v126.39h-67.26V705.28c0-15.46-12.54-28-28-28s-28 12.54-28 28v126.39H255.81V513.93H818v317.74H688.17z" fill="#31D0C8" p-id="3009"></path></svg> </span> </div> <div height="260"> <img style="display: none;width: 100%" id="imgUpload_img" src=""> </div> </div> <textarea class="text joe_owo__target" name="text" value="" autocomplete="new-password" placeholder="说点什么吧，点击右上方切换成画图或者点击上传图片试试？"></textarea> </div> <?php else : ?> <div class="imgUpload"> <textarea class="text joe_owo__target" name="text" value="" autocomplete="new-password" placeholder="说点什么吧，点击右上方切换成画图或者点击上传图片试试？"></textarea> </div> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码截图"}{/tabs-pane}{/tabs}2.修改 usr/themes/Joe-master/functions.php文件，底部添加如下代码：{tabs}{tabs-pane label="代码"} // 评论图片 $CommentImg = new Typecho_Widget_Helper_Form_Element_Select( 'CommentImg', array('on' => '开启（默认）', 'off' => '关闭'), 'on', '是否开启评论图片功能', '介绍：开启后，评论区域可以选择图片进行评论' ); $CommentImg->setAttribute('class', 'joe_content joe_custom'); $form->addInput($CommentImg);{/tabs-pane}{tabs-pane label="代码截图"}{/tabs-pane}{/tabs}2.修改 usr/themes/Joe-master/assets/js/custom.js，如果没有这个文件，自行新建并引入{tabs}{tabs-pane label="标签一"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="代码截图"}{/tabs-pane}{/tabs}3.修改/usr/themes/Joe-master/assets/js/joe.global.min.js，将原先的单词换成这个text，自行根据图片关键字找到位置 -
![Joe主题新增底部评论操作按钮——实现前台管理评论]()
Joe主题新增底部评论操作按钮——实现前台管理评论 0.成品图{tabs}{tabs-pane label="前台样式"}{/tabs-pane}{tabs-pane label="后台开关"}{/tabs-pane}{/tabs}1.修改comment.php文件，添加如下代码，文件路径：usr/themes/Joe-master/public第一段，新增在顶部隐藏内容，请前往内页查看详情第二段，新增在中间位置{tabs}{tabs-pane label="代码"}<form style="display: none;" id="comment_form_operation" action="" method="post"></form> <span class="reply comment_operation" style="margin-left: 5px;"> <svg t="1626580891087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2242" width="15" height="15"><path d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 64c-212.077 0-384 171.923-384 384s171.923 384 384 384 384-171.923 384-384-171.923-384-384-384z m201.827 182.173c12.372 12.371 12.496 32.353 0.372 44.877l-0.372 0.377L557.255 512l156.572 156.573c12.497 12.496 12.497 32.758 0 45.254-12.371 12.372-32.353 12.496-44.877 0.372l-0.377-0.372L512 557.255 355.427 713.827c-12.496 12.497-32.758 12.497-45.254 0-12.372-12.371-12.496-32.353-0.372-44.877l0.372-0.377L466.745 512 310.173 355.427c-12.497-12.496-12.497-32.758 0-45.254 12.248-12.249 31.954-12.492 44.5-0.732l0.377 0.36 0.377 0.372L512 466.745l156.573-156.572c12.496-12.497 32.758-12.497 45.254 0z" p-id="2243"></path></svg> <span class="comment_btn_operation" data-type="delete" data-coid="<?php $comments->coid(); ?>">删除</span> </span> <span class="reply comment_operation" style="margin-left: 5px;"> <svg t="1626531257182" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7832" width="15" height="15"><path d="M781.28 851.36a58.56 58.56 0 0 1-58.56 58.56H301.28a58.72 58.72 0 0 1-58.56-58.56V230.4h538.56z m-421.6-725.92a11.84 11.84 0 0 1 12-12h281.28a11.84 11.84 0 0 1 12 12V160H359.68zM956.8 160H734.72v-34.56a81.76 81.76 0 0 0-81.76-81.76H371.68a82.08 82.08 0 0 0-81.76 81.76V160H67.2a35.36 35.36 0 0 0 0 70.56h105.12v620.8a128.96 128.96 0 0 0 128.96 128.96h421.44a128.96 128.96 0 0 0 128.96-128.96V230.4H956.8a35.2 35.2 0 0 0 35.2-35.2 34.56 34.56 0 0 0-35.2-35.2zM512 804.16a35.2 35.2 0 0 0 35.2-35.36V393.92a35.2 35.2 0 1 0-70.4 0V768.8a35.2 35.2 0 0 0 35.2 35.36m-164.32 0a35.36 35.36 0 0 0 35.36-35.36V393.92a35.36 35.36 0 1 0-70.56 0V768.8a36.32 36.32 0 0 0 35.2 35.36m328.64 0a35.36 35.36 0 0 0 35.2-35.36V393.92a35.36 35.36 0 1 0-70.56 0V768.8a35.36 35.36 0 0 0 35.36 35.36" p-id="7833"></path></svg> <span class="comment_btn_operation" data-type="spam" data-coid="<?php $comments->coid(); ?>">垃圾</span> </span>{/tabs-pane}{tabs-pane label="代码位置截图"}{/tabs-pane}{/tabs}第三段，新增在底部{tabs}{tabs-pane label="代码"}<script> document.addEventListener('DOMContentLoaded', () => { var groupInfo = '<?php echo $groupUserInfo ?>'; if(groupInfo != 'administrator') { $(".comment_operation").css("display", "none"); } var comments4Reception = '<?php $this->options->Comments4Reception() ?>'; if(!comments4Reception || comments4Reception == 'off') { $(".comment_operation").css("display", "none"); } }); // 前台编辑评论 $('.comment_btn_operation').click(function() { var type = $(this).data('type'); var coid = $(this).data('coid'); $('#comment_form_operation').append('<input type="hidden" name="type" value="' + type + '" />'); $('#comment_form_operation').append('<input type="hidden" name="coid" value="' + coid + '" />'); $('#comment_form_operation').submit(); }); </script>{/tabs-pane}{tabs-pane label="代码位置截图"}{/tabs-pane}{/tabs}2.修改usr/themes/Joe-master/public/custom.php文件，如果没有则修改usr/themes/Joe-master/functions.php{tabs}{tabs-pane label="代码"}// 前台审核评论 $Comments4Reception = new Typecho_Widget_Helper_Form_Element_Select( 'Comments4Reception', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启前台评论审核功能', '介绍：开启后，文章底部评论区域显示删除和垃圾按钮，可以对该条评论做删除等操作' ); $Comments4Reception->setAttribute('class', 'joe_content joe_custom'); // 如果后台不发显示设置，则将joe_custom替换为 joe_other $form->addInput($Comments4Reception);{/tabs-pane}{tabs-pane label="代码位置截图"}{/tabs-pane}{/tabs}全量文件下载地址：隐藏内容，请前往内页查看详情
