看了些评论引用盖楼的网站,觉得网易的效果比较好,简单明了,让人看了就知道是引用评论,迟点准备自己也写个玩玩,应该能从中学到不少东西....前端部分实现如下:https://www.phpvar.com/archives/1382.html JS部分实现如下: 评论列表 </
WordPress 中最常用到的表单莫过于评论框了,但现在不少的WordPress 主题(包括WordPress官方的主题),其表单验证其实是借助javascript 甚至php来的。...因此,访客常常是要点击“提交评论”按钮,然后跳转到错误提示页面才知道哪里写的不够规范。这么来说,用户体验不怎么好。借助HTML5 的表单验证,我们可以轻松解决这个问题,让UE 更上一层楼。...HTML5新的表单特性 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search...浏览器会自动验证用户是否输入了该字段,如果不输入无法提交表单; placeholder属性——可以给表单一段默认的文字,对用户进行提示,获得焦点的时候不会消失,当用户开始输入内容时会自动消失; 对于WordPress 的话,评论框中需要用到...实际效果可在下面的评论框进行测试。 立马高端大气上档次有木有!不过要浏览器支持html5才行,某IE 就不用考虑了。 本文部分内容参考:w3school中文版;《HTML5开发实例大全》
WordPress 原生的评论模块内容,支持使用 HTML 标签来增强评论内容的格式和效果。...但是这肯定会带来一些安全隐患,特别是评论这种随便一个浏览者都可以提交数据的地方,容易产生跨站攻击(XSS),所以 WordPress 系统严格的限制了评论模块可以使用的 HTML 标签。...这些标签肯定是远远不够用的,如果是技术博客,评论往往需要包含代码,那么可能就需要添加 pre 标签的支持,如果想要评论中可以引用图片,那么需要 img 标签的支持。...本文就是来讲解如何在评论模块中增加更多 HTML 标签的支持。...WordPress 允许的标签和属性 WordPress 出于安全考虑,严格的限制了文章和评论等可编辑内容支持的 HTML 标签类型和标签的属性。
基本的 HTML 知识告诉我们,在 HTML 文档中这样的代码表示一个表单: <input type="text" name="username...comment_list = post.comment_set.all() # 将文章、表单、以及文章下的<em>评论</em>列表作为模板变量传给 detail.<em>html</em> 模板,以便渲染相应数据。...我们在表单的视图函数里传递了一个 form 变量给模板,这个变量就包含了自动生成 <em>HTML</em> 表单的全部数据。在 detail.<em>html</em> 中通过 form 来自动生成表单。...删掉原来用于占位的 <em>HTML</em> <em>评论</em>表单代码,即下面这段代码: <div class="row...删掉占位用的评论内容的 HTML 代码,即如下的代码: <
:「WPJAM 评论增强」插件。...后台评论管理 因为评论置顶的功能是针对单篇文章的评论才能置顶,所以我在 WordPress后台 「文章」菜单下,添加了「文章评论」子菜单: 在该界面,我把页面分成左右两块,左边首先显示文章列表,点击某篇文章即可显示该篇文章的评论列表...管理员添加评论 另外一个比较重要的功能是:管理员可以给一些文章添加一些评论来丰富文章的内容了,操作也非常简单,在后台的文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论的界面: 按照要求输入平路用户的昵称...前台评论展示和点赞 前端界面无需更改任何代码,即可实现点赞,置顶评论的作者昵称前会显示置顶的图标,其他评论则按照点赞数排序。...评论增强 支持评论点赞,评论置顶和按照点赞数排序。 图片集 1. 给媒体创建个分类「图片集 | collection」 2. 图片分类限制为二级 3. 取消图片编辑入口 4. 附件页面直接图片链接。
comment_list = post.comment_set.all() # 将文章、表单、以及文章下的评论列表作为模板变量传给 detail.html 模板,以便渲染相应数据。...删掉原来用于占位的 HTML 评论表单代码,即下面这段代码: <div class="row...<em>html</em> += generate_comment_<em>html</em>(v_dic, margin_left_val) <em>html</em> += "" html += "" return...k, v in comment_dic.items(): html += TEMP1 % (0, k[1]) #设置向右偏移30个像素 html += generate_comment_html...(v, 30) html += "" html += '' return mark_safe(html) comment.html {% load xx
typecho 在评论时默认是没有 @ 评论人的功能,可以用代码加一下。...在 functions.php 中: /* * 评论回复时 @ 评论人 */ function get_comment_at($coid) { $db = Typecho_Db::get()..."){ if (@$prow['status'] == "waiting"){ echo '(评论审核中...} else { if (@$prow['status'] == "waiting"){ echo '(评论审核中...))'; }else{ echo ''; } } } 然后在 comments.php 中输出评论内容代码的前面加上: <?
前几天把这个主要的博客的评论系统切换为 Disqus 了。 用的是 DisqusJS 的代理。巧了,DisqusJS 在几天之后发布了 3.0.0 的更新。...在追求极致速度的同时,却换上 Disqus 如此臃肿的评论系统。简直离经叛道? 其实原因很简单: 首先,Twikoo 和 Waline 都不再轻量了,至少不是我想要的那种轻。...毕竟生活中不止维护评论系统这一件事,所以基本上会忘记上次更新部署时做了些什么。 还如上文所述,有些更新对我来说也是可有可无的。 Disqus Disqus 是不是最优解?不是。...其实现在独立博客盛景不再,要不要评论系统又有什么关系呢。
WPJAM「评论增强插件」新增后台添加评论功能,这样管理员也给一些文章添加一些评论来丰富文章的内容了,操作也非常简单,在后台的文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论的界面: 按照要求输入平路用户的昵称...,上传头像,撰写评论内容,点击添加即可。...评论增强 支持评论点赞,评论置顶和按照点赞数排序。 图片集 1. 给媒体创建个分类「图片集 | collection」 2. 图片分类限制为二级 3. 取消图片编辑入口 4. 附件页面直接图片链接。...外部链接 将文章或评论中的外部链接加上安全提示的中间页。 让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。
记录下如何为小程序评论组件添加内容安全检测功能 最近打算为之前做的小程序增加评论功能,提交审核被拒,理由是存在信息安全风险 ? 于是就需要修改 WxComment 组件增加检测功能了。...# 修改评论组件 找到 WxComment/component/WxComment/WxComment.js 文件 在 bindFormSubmit 方法前追加如下方法: async checkMsg(
emlog博客程序是开源的,因为是开源的,所以网上有很多人会水回复,这个时候你就需要一个防水机制了,当然官网插件也能实现此功能,喜欢自己动手的可以加上一下,加的地方就放到发表评论的附近即可,下面是代码...="checkbox" value=9 id="sheli" name="sheli" required="required" autocomplete="on" required title="发表评论确认框...:请勾选我再发表评论!"...> 请勾选我再发表评论!
多说官方宣布 17 年 6 月 1 号停止维护,一个优秀的评论系统从此倒下了,令人唏嘘不已,还是要感谢多说团队多年的付出。眼下留给博主们的选择也就畅言和网易云跟帖了。...之前多说收到评论会在博客的右上角提示,云跟帖就没有这个功能,而且也不会收到邮件,这样就不能即时的处理评论。好在提供了收到评论的回调功能,所以我们自己来实现发送邮件的功能。...数据回推 在获取代码里面有个优化设置功能,需要我们自己设置接口来接受评论推送。以下邮件评论提示由 php 来实现。...server_name xxxx.xxx.xxx; root /var/www/comment; index index.php index.html...php header("Content-type: text/html; charset=utf-8"); date_default_timezone_set("Asia/Shanghai"); /*
Android · '; } else { $os = 'Linux · '; } echo $os; } comments.php 中找到合适位置(比如评论作者的后面
众所周知的原因 这个功能是不允许开放的 我这模板无开关来处理 故手动解决: 外观→编辑当前外观→post.php Ctrl+F 找到:<?php $this->...
我想了一下,下载了个番茄小说发现,他们都是按照每一行的内容分别进行评论的,Hexo可以实现类似于每一段落一个Url,也就是#[段落名]的格式,但是Twikoo并不能将这些段落分开,而且本来评论就很少了,...所以我想是否可以利用我的说说页面中的,点击评论按钮后后会在评论区添加一个:> + “文本”,从而实现类似引用的功能,那么也就实现了仿段落评论,同时所有的评论都会在评论区显示,避免了因为都在段落评论而导致主评论区没人的尴尬局面...解决好友imsyy提出的弹窗中再次点击打开弹窗会导致无法关闭的问题:点击跳转 解决好友imsyy提出的弹窗中点击刷新按钮会退出的问题:点击跳转 欢迎测试:请选中你想评论的段落并右键,点击:“评论选中段落...妥协方案 下面我们需要实现该功能,刚开始我选择的时使用和说说页面类似的效果,当点击评论后,找到评论区输入框,将选中文字放到输入框中,进行类似于回复段落的效果,但是由于我设置的懒加载,当评论区没有滚入到页面视野内时不会自动加载...,但是因为他的评论区是只引入了一个twikoo,而我的评论区是双评论(其实屁用没有,不过当摆设倒是很高大上),导致他的样式和主题加载出来的有些不同,这里我没有记录截图,现在回退回去也有点麻烦,所以我就放一张正常的
在最近的Real-Time CrunchUp 2009上,通过自己的产品JS-Kit(已经安装在世界上60万个网站上),Khris Loux(世界上最大的评论服务提供商之一的CEO)宣布了传统评论渠道的死亡...,指出现在我们需要找到一些传统社交网络之外的评论渠道。...同时Loux介绍了自己的新产品“Echo”,通过在自己网站上添加一小段JavaScript代码,可以将自己的站点和社交媒体和博客上的评论整合到一起,这就意味着网站的任何改动都可以通过Twitter、Flickr...通过这个工具,可以整合自己的多个站点中的评论,不过目前提供的免费版本功能还比较少,如果想要强大的功能,就要付费,俨然是SaaS呀。 如果需要了解更多,可以访问 http://js-kit.com/。
评论的功能打算用Django的评论库,添加引用却报错。 查了一下,Django原本会自带一个评论库组件,而从1.6版本以后就没有自带了,需要自己安装。...接着,修改前端页面显示评论列表和评论提交表单。...虽然现在可以提交评论了,但提交评论之后会跳转到一个很简陋的页面。 接下来用ajax写评论提交事件避免避免跳转到独立的评论页面,修正时间戳等Bug。...url: "{% comment_form_target %}", cache: false, dataType: "html...", success: function(html, textStatus) { window.location.reload()
做 wordpress 博客时间长了,总有发帖软件来骚扰,时不时的给你发一组 4 个全英文评论,而且专门挑一篇文章评论。虽然启用了评论审核机制,但是手机总响起垃圾评论提示也让魏艾斯博客很烦。...对于这种现象,有两种解决思路:一个是安装评论过滤插件;另一个是用代码实现。 ? 类似上面这种全英文评论太多了,必须要想办法能在发评论之前就给他过滤掉。...:SI CAPTCHA Anti-Spam 使用验证码过滤评论也是一种不错的方法,但是不太利于用户体验。...评论滑动解锁插件:myQaptcha 我们想既达到目的又不要增加服务器负担。所以使用了常见的代码形式。...add_filter(‘preprocess_comment’, ‘wp_comment_post’); 将两处代码添加到当前主题 functions.php 最后面,可以在一定程度上过滤到大部分全英文垃圾评论和评论中的链接
对于使用WordPress默认评论框的同学来说,常常会遇到这样一个问题,就是当我们回复评论者消息的时候偶尔会搞不清楚到底是回复的谁,当然我们可以通过嵌套评论来区分不同的话题,但是当大家一块参与话题互相讨论的时候还是会分不清谁回复的谁...,这时候我们就可以通过@评论者来告诉对方我是在和你交流了。...将@信息写入数据库//添加@评论者功能function qgg_comment_add_at( $commentdata ) { if( $commentdata[\'comment_parent\'...return $commentdata;}add_action( \'preprocess_comment\' , \'qgg_comment_add_at\', 20);不将@信息写入数据库//添加@评论者功能
wordpress博客网站一直倍受垃圾评论侵扰,而且基本上都是英文和网址,真的是让人不胜其烦!每个站长都会为自己的网站搭配自己喜欢的垃圾评论拦截的方案。...如:wordpress插件,Some Chinese Please插件就可以拦截不带中文字的评论,用起来很不错,而且不写入数据库,可以有效地减少spam对服务器的额外负担,其实我们完全没有必要使用插件,.../* 评论必须包含中文 拦截spam */ function refused_spam_comments( $comment_data ) { $pattern = '/[一-龥]/u'; if(...preg_match($pattern,$comment_data['comment_content'])) { err('评论必须包含中文,谢绝英文垃圾留言。')...还有就是那些使用技术手段,比如GET、POST等方式直接评论而不经过前台表单的垃圾评论我们就无能为力了,其它什么验证码、滑动解锁等等面对这些技术手段全部无用,只有屏蔽IP才能解决这个问题。
领取专属 10元无门槛券
手把手带您无忧上云