能否直接在iframe中嵌入本地HTML文件？Squarespace站点嵌入咨询

以下是几种不需要托管HTML文件就能在Squarespace嵌入块中实现类似iframe渲染效果的方法：

方法1：Data URI 填充 iframe #

将Notion生成的HTML内容转为Base64编码，直接作为iframe的src值，无需外部托管：

1. 将完整的Notion HTML代码通过Base64编码工具转成编码字符串
2. 在Squarespace嵌入块中插入如下代码，替换编码内容：

<iframe 
  src="data:text/html;base64,【替换为你的Base64编码内容】"
  width="100%" 
  height="800px" 
  frameborder="0"
  style="border:none;"
></iframe>

3. 根据页面布局调整width和height参数，也可以用height:100vh实现全屏高度

方法2：使用<object>标签替代iframe #

<object>标签支持直接加载HTML文本，写法更简洁，无需编码（但需处理特殊字符）：

<object 
  type="text/html" 
  data="data:text/html;charset=utf-8,【直接粘贴转义后的Notion HTML代码】"
  width="100%" 
  height="800px"
  style="border:none;"
></object>

注意：如果HTML包含引号、换行等特殊字符，需要先通过HTML转义工具处理，避免代码报错

方法3：内联HTML加容器隔离 #

如果不需要严格的样式沙箱，可直接粘贴Notion HTML到嵌入块，用容器实现滚动和隔离：

<div style="overflow-y:auto; width:100%; height:800px; padding:0; margin:0; border:none;">
  <!-- 粘贴完整的Notion HTML代码 -->
</div>

缺点：Notion的CSS样式可能和Squarespace主题样式冲突，需要手动排查并调整冲突规则

内容的提问来源于stack exchange，提问作者Addem