一键填写评论信息代码生成工具
昵 称(必须) :
邮箱地址(必须) :
站 点(选填) :
使用很简单:
①、正确填写昵称、邮箱、站点信息后,点击【生成代码】:
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 的页面,此按钮将一直存在:
可惜还是没能实现点击自动弹出收藏界面的功能,有大虾知道如何让常规的点击收藏功能兼容非网址么?不是网址,貌似就无法弹出收藏提示,懂的请赐教,万分感谢!!