javascript - 在 Apostrope CMS 项目中包含外部第 3 方脚本

Question

如何从 Apostrope CMS 中的自定义模块推送第 3 方脚本？

我正在关注this helpful tutorial为我的 Apostrope CMS 网站构建一个表单。我需要在表单( https://developers.google.com/recaptcha/docs/display )上添加 reCaptcha 内容，并且我没有遵循如何包含来自 google 的所需脚本。注意，我需要通过脚本文件include url传入一个变量，即:<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

是否已经创建了一个小部件(如 Apostrophe-twitter )，我可以引用它来了解如何包含这个额外的脚本？

**编辑我可以通过在根模板中创建一个 block 来完成工作，即:{% block customAssets %} {% endblock %} ，然后使用 contact-form-widget:widget.html 文件中的必要内容“填充”该 block 。有更好的方法来完成这项任务吗？

Answer 1

我是 P'unk Avenue 的 Apostrope 的首席开发人员。

对于大多数情况，您可以调用 pushAsset，就像我们的模块一样(您链接到的教程中有示例)，并填充 public/css 和包含 .less 和 .js 文件的模块的 public/js 子目录。

但对于这种情况，由于 URL 是外部的并且需要查询参数，因此并没有真正的内置解决方案。毕竟，Apostrope 的 Assets 推送机制的很大一部分目的是缩小，这实际上并不适用于此。从外部加载资源是……嗯……外部的。

因此，outerLayout 中的 block 对于您的场景来说非常有意义。

希望这对您有帮助!