挺实用的一键填写WordPress评论中用户信息代码生成工具

编辑：狂族晨曦 来源：WordPress技巧 日期：2016-06-24 阅读： 3,363 次 7 条评论 » 百度已收录

很早以前就在张戈博客那里看到了这么一个工具，当时觉得没有什么用，但后来才知道是自己不知道怎么用。

工具的用途是工具的价值体现。在正确的地方，使用正确的工具，就显得工具非常有实用价值。张哥发出这个工具是为了解决网站开启CDN后，评论者的用户信息不能被保存，每次都要重现填写的困境。因为是站在了巨人的肩膀上，所以先森很方便的用cookie的方法解决了用户信息不能被保存的问题，所以当时对这个工具不是很在意。但是先森在参加培训的时候的电脑都有还原卡，到各个博客去评论的时候都需要重新填写自己的信息，就算是复制粘贴也太麻烦了，所以就想起了这个工具。

工具介绍

这个工具很简单，只需要将自己的昵称、邮箱地址、站点信息在下面填写好后，点击生成代码，即可得到一串属于自己的代码。

一键填写WordPress评论中用户信息代码生成工具使用

然后将下面生成的链接拖到书签栏即可保存书签，使用的时候直接在需要填写的页面单击该书签即可。老版的浏览器可以右键链接保存为书签，或者直接Ctrl+D打开一个新建书签的页面，自定义书签名称，将生成的代码粘贴进网址栏即可。

昵称(必须)：

邮箱地址(必须)：

站点：

拖拽下面的链接到您的书签工具栏或者右键单击链接把它添加到您的收藏夹中可创建一个快速填写WP评论者信息的快捷方式。
快速填写WP评论信息

工具源码

如果你也想要在你的博客中添加这样一个工具，如果你也想弄一个这样的工具，只需要将以下代码粘贴到博客相应页面即可（TinyMCE编辑器需文本模式，UEditor编辑器需HTML模式）：

<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>

注：该工具只适合于WordPress博客程序创建的网站。

如果要适用其他博客，需对JS代码中对应的ID进行修改。

历史上的今天:

• 2017:  中国移动MM应用商场送530M国内流量(2)
• 2015:  成都航空职业技术学院学分制学籍管理实施细则(0)
• 2015:  [分享]高效会议管理(0)
• 2015:  计算机工程系2014年发展党员会议(0)
• 2015:  计算机工程系自律社“走进党·了解党”活动(0)