在Meteor应用程序中使用Disqus / reCaptcha [英] Using Disqus / reCaptcha in a Meteor Application
问题描述
我正在使用Meteor处理应用程序。我试图在我的一个表单上使用reCaptcha，并在我的一些页面上使用Disqus评论系统。但问题是，当我运行流星服务器时，这些都不会被渲染。
I'm working on an application using Meteor. I am trying to use reCaptcha on one of my forms, and also the Disqus comments system on some of my pages. But the problem is, none of these are being rendered when I run the meteor server.
这是我正在添加到模板的示例Disqus代码：
Here's the sample Disqus code I'm adding to my template:
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'HIDDENfromstackoverflow'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
为此，只显示评论由Disqus 提供支持的文字在网页上。
For this, only the text "comments powered by Disqus" shows up on the webpage.
对于reCaptcha：
For the reCaptcha:
<noscript>
<iframe src="http://www.google.com/recaptcha/api/noscript?k=HiddenFromStackOverflow"
height="300" width="500" frameborder="0"></iframe><br>
<textarea name="recaptcha_challenge_field" rows="3" cols="40">
</textarea>
<input type="hidden" name="recaptcha_response_field"
value="manual_challenge">
</noscript>
有趣的是，如果我将模板作为普通HTML文件打开，则会显示reCaptcha浏览器（而不是通过Meteor服务器。）
It's interesting to note that the reCaptcha is displayed if I open my template as a normal HTML file in the browser (and not via the Meteor server.)
我缺少什么？
推荐答案
你需要包含jquery。
You need jquery included for this.
public / disqus.js
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'HIDDENfromstackoverflow'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
app.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
</head>
<body>
{{>captcha}}
</body>
<template name="captcha">
{{#isolate}}
<div id="my-disqus">
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
{{/isolate}}
</template>
client / main.js
Meteor.startup (function () {
$(function () {
var el = document.createElement("script");
el.src = "/disqus.js";
el.type = 'text/javascript';
$("#my-disqus").prepend(el);
});
});
这篇关于在Meteor应用程序中使用Disqus / reCaptcha的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
