博客文章重新启用评论,附一键填写评论中用户信息代码生成工具

建站笔记2年前 (2023)发布 小萝卜头
211 0 0
博客关闭评论近一个月的时间,总体的感觉很是安逸,不过看了留言板的反馈,感觉关闭评论对一些真正需要帮助的朋友还是带来了些许不方便,思前考后,决定再次开放评论。
但是在百度云加速中,我依然开启了 html 的加速,所以每次打开文章页面,评论中的用户信息都会清空!所以,不是很相关、很重要的评论,我建议还是去留言板比较省时省力。好了,下面是我从【倡萌的自留地】转过来的自动填写评论用户信息的代码生成工具:

一键填写评论信息代码生成工具

昵      称(必须) :  

邮箱地址(必须) :  

站      点(选填) :  

使用很简单:

①、正确填写昵称、邮箱、站点信息后,点击【生成代码】:

博客文章重新启用评论,附一键填写评论中用户信息代码生成工具 博客文章重新启用评论,附一键填写评论中用户信息代码生成工具

Ps:此时,你可以尝试点击【快速填写本文的评论信息】,看下本文评论框是否已正常填写你刚刚输入的信息。

使用 Ctrl +C 复制生成的代码,以备后用:

javascript:document.getElementById('author').value="张戈博客"; document.getElementById('email').value="[email protected]"; document.getElementById('url').value="https://zhang.ge";void(0)

②、保存到收藏夹

I、如果是 360 等第三方浏览器,可直接拖拽【快速填写本文的评论信息】到浏览器收藏夹即可;

II、也可以右键【快速填写本文的评论信息】,选择添加到收藏夹,然后使用 Ctrl +V 粘贴前面复制的代码到网址即可

博客文章重新启用评论,附一键填写评论中用户信息代码生成工具 博客文章重新启用评论,附一键填写评论中用户信息代码生成工具

III:直接使用 Ctrl+D,先随便收藏一个网页,然后右键这个收藏,将链接内容修改成本文生成的 js 代码即可。

③、下次评论再遇到要填写用户信息,只需点击浏览器收藏夹中的链接,就能自动填充评论中的用户信息了!

如果你也想弄一个这样的工具,只需要将以下代码粘贴到博客相应页面即可(需文本模式):

<script type="text/javascript">
(function($){
	$(document).ready(function() {
		$('.code_result').hide();
		$('#generate_code').click(function(){
			var re = /^[0-9a-zA-Z]+([\.\-\_][0-9a-zA-Z]+)*@[0-9a-zA-Z]+([\.\-][0-9a-zA-Z]+)*.[a-zA-Z]+$/;
			if($('#commenter_author').val() == '') {
				$('#commenter_author').css('border', 'solid 1px #ff0000');
				$('#commenter_author').focus();
			} else if(!re.test($('#commenter_email').val())) {
				$('#commenter_email').css('border', 'solid 1px #ff0000');
				$('#commenter_email').focus();
			} else {
				var commenter_code="javascript:document.getElementById(\"author\').value = \''+$('#commenter_author').val()+'\'; document.getElementById(\'email\').value = \''+$('#commenter_email').val()+'\'; document.getElementById(\'url\').value = \''+$('#commenter_url').val()+'\'; void(0)';
				$('#wp_commenter_code').html(commenter_code);
				$('.code_result>a').attr('href', commenter_code);
				$('.code_result').show();
			}
		});
		$('#cheon_code_generator input').keyup(function() {
			$(this).css('border', 'solid 1px #000000');
		});
	});
})(jQuery);
</script>
<div id="cheon_code_generator" style="padding:10px;">
<p>昵称(必须):<br />
<input type="text" value="" name="commenter_author" id="commenter_author" style="border:solid 1px #000;"></p>
<p>邮箱地址(必须):<br />
<input type="text" value="" name="commenter_email" id="commenter_email" style="border:solid 1px #000;"></p>
<p>站点:<br />
<input type="text" value="" name="commenter_url" id="commenter_url" style="border:solid 1px #000;"></p>
<p><textarea cols="40" rows="10" name="wp_commenter_code" id="wp_commenter_code" style="border:solid 1px #000;"></textarea></p>
<p><input type="button" value="生成代码" id="generate_code" style="cursor: pointer;border:solid 1px #000;"></p>
<p class="code_result" style="display:none;">拖拽下面的链接到您的书签工具栏或者右键单击链接把它添加到您的收藏夹中可创建一个快速填写 WP 评论者信息的快捷方式。<br /><a href="#">快速填写 WP 评论信息</a></p>
</div>

经过几番折腾,我已将此功能集成到博客的评论框上面:

对于未作 CDN 缓存的页面(即可记住用户信息),只会在首次评论的时候出现懒人代码按钮,若已记住信息,将会隐藏这个按钮,点击【更改】个人信息,懒人按钮才会出现,存在 CDN 的页面,此按钮将一直存在:

博客文章重新启用评论,附一键填写评论中用户信息代码生成工具 博客文章重新启用评论,附一键填写评论中用户信息代码生成工具

可惜还是没能实现点击自动弹出收藏界面的功能,有大虾知道如何让常规的点击收藏功能兼容非网址么?不是网址,貌似就无法弹出收藏提示,懂的请赐教,万分感谢!!

收录于{张戈博客} 原文链接原文链接

© 版权声明

相关文章

暂无评论

暂无评论...