有没有办法在网站上嵌入 HiGlass 查看器？

Question

我的团队在 Squarespace 上托管了一个网站，我们想在网页上显示 this interactive HiGlass viewer 基因组接触矩阵。

嵌入函数 returns null 当我使用这个link (http://glass.ucsc.edu:8989/app/?config=Z9WOEV6_RSWZ2KoRhUeEVA) 尽管表明它已经'successfully located'

当我输入以下HTML代码时，它不起作用：

<html>
    <body>
        <iframe src="http://glass.ucsc.edu:8989/app/?config=Z9WOEV6_RSWZ2KoRhUeEVA"
                width="1280" height="1000" 
                frameborder="0" allowfullscreen></iframe>
    </body>
</html>

我已经尝试从 link 中删除配置并测试了它是安全问题还是不安全问题，但都没有帮助。

如有任何建议，我们将不胜感激！

Squarespace embed function response

Answer 1

我建议将代码块或 Markdown 块添加到页面上您希望查看器出现的位置，而不是嵌入块。

然后在其中输入以下内容：

<div style="position:relative; width:100%; padding-bottom:110%;">
  <iframe src="http://glass.ucsc.edu:8989/app/?config=Z9WOEV6_RSWZ2KoRhUeEVA" style="position:absolute; width:100%;height:100%;">
  </iframe>
</div>

现在，为了显示它，必须满足两点：

您必须设置 custom domain and be viewing the page via that custom domain, not your built-in ".squarespace.com" domain。在登录并以编辑模式查看您的站点时，嵌入将无法工作，如果通过内置域查看它也无法工作。
您必须 SSL disabled（使用“不安全”设置）。您嵌入的站点不支持 HTTPS，仅支持 HTTP。因此，为了避免浏览器阻止“混合内容”（安全内容与不安全内容），您自己的网站（嵌入的“父”网站）也不得使用 HTTPS 查看。它必须与嵌入式站点一样“不安全”，可以这么说。

有没有办法在网站上嵌入 HiGlass 查看器？

Is there a way to embed HiGlass viewer on website?

html

embed

squarespace