Discuz 7.2+ 添加Recaptcha

这两天把手上的两个Discuz论坛从5.5升到7.2,想添加Recaptcha的时候发现以前修改register.htm的语句不能用了,上网转了一圈,把DiscuzX 1.x的插件代码拿下来用发现基本能用,不过效果不太好,直接添加的效果如下:(随手找的一个网站)

这个怎么看都是css出了问题……明显的布局乱了。上recaptcha的网站看了看,发现插件作者(http://www.discuz.net/thread-1852325-1-1.html)写代码的时候忘记关掉

标签了,弄得后来的div全部成了recaptchawidget的子div。

修正了,顺带调整了下显示效果如下:

这样看起来好多了。

附上代码:

<!--{if $recaptcha_show}-->
	<label>
		<script type='"text/javascript"'>
			var RecaptchaOptions = {
				theme: 'custom',
				callback: 'Recaptcha.focus_response_field',
				custom_theme_widget: 'recaptcha_widget',
				custom_translations: {
					play_again: "重播",
					cant_hear_this: "下载MP3"
				}
			};
		</script>
	</label>

输入的验证码错误,请重试。

_验证码:_
<input type='"text"' id='"recaptcha_response_field"' name='"recaptcha_response_field"' size='"15"'>*
[刷新]("javascript:Recaptcha.reload()")
[声音]("javascript:Recaptcha.switch_type('audio')")
[文字]("javascript:Recaptcha.switch_type('image')")
[?]("javascript:Recaptcha.showhelp()")

$recaptcha_show

<!--{/if}-->