首页 > 解决方案 > 嵌入可编辑的 Google 表格:需要适合移动设备的视图

问题描述

问题:我需要我们会员的每日锻炼注册页面上的 Google 表格既可编辑又适合移动设备使用。

详细信息:我们的社区划船俱乐部 Weebly 网站上有一个仅限会员的页面,其中包括可编辑的时间表。这是一个向所有成员开放以注册锻炼的 Google 表格。在桌面上,它是一个格式正确、可编辑的文档,但在移动设备上却是一团糟。所有选项卡名称都以蓝色大字体叠加在表格本身的顶部。看起来像这样:

会员页面移动查看

我尝试使用 Google 表格嵌入代码(文件--发布到网络--整个文档--网页)嵌入文档,但这是一个仅供查看、不可编辑的版本。我已将共享设置设置为“互联网上任何拥有此链接的人都可以编辑”,一旦它嵌入我们的 Weebly 网站,它仍然不可编辑。

该网站是几年前由另一位志愿者建造的。这是我们现在使用的可编辑但移动混乱的嵌入代码:

iframe 宽度=1400 高度=900 src="https://docs.google.com/spreadsheets/d/FILENAME/edit?usp=sharing"></iframe

这是 Google Sheet 提供的嵌入代码,它为我们提供了一个无法编辑但格式正确的表格:

iframe src="https://docs.google.com/spreadsheets/d/e/FILENAME/pubhtml?widget=true&headers=false"></iframe

我已经替换了“pubhtml?” 用“编辑?” 但这不起作用。我已将 widget=true& 参数添加到新的嵌入代码中;也失败了。找不到其他有同样问题的人,Weebly 也帮不了我。

如果有人可以提供帮助,请提前致谢。我显然不是开发人员,只是希望提供帮助的志愿者和俱乐部成员。

标签: htmlgoogle-sheetsmobileembed

解决方案


一些选项:

如果您可以让您的用户在他们的手机上安装表格应用程序,那么您可以链接到正常的表格 URL,它应该在移动应用程序上打开。

使用 Google 表单进行数据输入。

表格作为 API 公开。可能有一个 3rd 方工具(将数据存储到您选择的工作表中)可以帮助您完成特定的工作流程。


推荐阅读