【问题标题】:Custom Google Form? Example of Google Form API?自定义谷歌表单?谷歌表单 API 的例子?
【发布时间】:2016-09-29 14:12:21
【问题描述】:

我正在尝试使 Google 表单看起来像我自己的网站。我在How to style Google Formsgoogle-custom-form(GitHub 项目)上找到了如何执行此操作的示例,但我尝试了他们提供的两个示例,现在它们似乎都失败了。

我查看了Class Form - Google Apps Script,这似乎是一个 API,但我无法理解文档。有没有人有它工作的例子。或者找到了另一种方法来让它发挥作用?这样做真的很方便,因为嵌入式表单看起来与网站的其他部分真的不同步。

【问题讨论】:

标签: css google-apps-script google-api google-apps google-forms


【解决方案1】:

您要链接的 API 是应用脚本 API。如果您想创建动态表单(动态数量的问题、动态答案等)但不是用于自定义样式,则需要这样做。可以在此页面上找到 appscript 的介绍:https://developers.google.com/apps-script/

您可以在https://www.google.com/forms/about/ 上手动创建一个表单

您可以在页面右上角更改样式和颜色。当您准备好在自己的页面上嵌入表单时,您必须按“发送”,然后选择顶部的嵌入图标 。

【讨论】:

  • 我使用其中一个示例让它工作,但它会将页面刷新为谷歌响应,这很烦人!感谢您的回答
【解决方案2】:

我已经处理了很多次,但仍然存在问题。一直在学习用于工作表的新 api v4 但仍然遇到问题,它也仍处于测试阶段。现在我可以通过 github 上的 heaversm 推荐这个解决方案。

https://github.com/heaversm/google-custom-form

只要你找到每个字段的 entry.xxxxxxx 并在适当的 js 中替换,该示例就完全有效。为避免嵌入问题,请在将事件作为输入的单击函数上提交表单,然后在事件上进行 preventDefault,如下所示:

$('#submit-button').on('click', function(event){
    event.preventDefault();
    // continue code from heaversm
});

希望这对你有用。干杯

【讨论】:

    猜你喜欢
    • 2012-01-26
    • 1970-01-01
    • 2017-04-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多