iframe 嵌入

iframe 嵌入块用来在文档里展示外部网页或在线工具。把别人做好的页面直接搬进来,不用自己重写。

使用方式

填入外部页面的 URL,保存后阅读页会用 iframe 加载这个地址。支持 https 网页、在线 demo、第三方工具页面。

显示模式

两种宽度模式可选:

  • 普通模式:占满文档宽度,适合桌面端网页、宽表格、大屏 demo
  • 手机模式:固定 350px 宽,居中显示,模拟手机界面

手机模式适合展示移动端页面、H5 活动页、小程序 webview 内容。

自定义高度

可以设置 iframe 的高度。填数字(单位像素),比如 600 表示 600 像素高。根据嵌入内容自行调整,避免出现滚动条或大片空白。

注意事项

  • 部分网站设置了 X-Frame-OptionsCSP 头,禁止被 iframe 嵌入,这类页面无法显示
  • 嵌入的页面内容由原网站控制,对方更新或下线会影响展示效果
  • 移动端页面建议用手机模式,桌面端页面建议用普通模式

适合的场景

  • 在线工具演示(图表生成器、JSON 格式化等)
  • 第三方文档、外部 Demo 链接
  • 移动端页面预览
  • 实时数据看板、监控页面

原文标题:iframe 嵌入

原文文档:奥宏文档

原文地址:/read/augushong/ulthon-document/zh-cn/1.0.0/content-editing/iframe-embed.html

原文平台:奥宏文档

1.0.0