为什么我的Squarespace代码注入区域是空白的？

Question

我插入了一个带有'代码注入'的iframe，保存了代码并退出了管理面板，但结果是一个间歇性的空白框架（附加）。我甚至使用？logout = true后缀来确保我退出了admin。如何更正此问题？我是Squarespace的新手。

iframe代码：

<div id"my-iframe" style="text-align:center;-webkit-overflow-scrolling:touch;overflow:auto /* This needs to be inline for iOS */"><iframe src="http://erichsen-group.com/demoland/Catskill/map2/"></iframe></div>

空白代码注入

Answer 1

首先，让我们先解决一些小问题。然后要么你会得到一个答案，要么你将有一个更好的环境来发现核心问题。

1. 我建议使用code block代替代码注入。
2. 您的代码中缺少等号。它应该是id="my-iframe"
3. 除了注销外，请确保您正在查看 该网站使用'http：//'协议，而不是'https：//'。您的 iframe可能无法正常通过https。

考虑到这三点并添加一些我自己的CSS来使地图更大，你可以在一个新的Squarespace site here中看到一个有效的例子。请注意，此链接可能会很快停止工作，因为它是一个试用帐户，我可能会在一周左右删除它。这是我在代码块中使用的代码：

<div id="my-iframe" style="text-align:center;-webkit-overflow-scrolling:touch;overflow:auto /* This needs to be inline for iOS */"><iframe style="width:100%; height:500px;" src="http://erichsen-group.com/demoland/Catskill/map2/"></iframe></div>

最后，请注意，您通过iframe嵌入的地图应用程序是响应式的，并且变为宽度小于768px的位置列表（而不是地图）。所以不要被那个抛弃。